:root{--navy: #071a32;--cyan: #00b5fe;--blue: #2f6bff;--violet: #6916fd;--ink: #0e2340;--ink-2: #44526a;--ink-3: #66718a;--bg: #f3f6fb;--card: #ffffff;--line: #e2e8f1;--line-soft: #edf1f7;--red: #c42323;--green: #12723a;--grad: linear-gradient(90deg, var(--cyan), var(--blue) 55%, var(--violet));--grad-rtl: linear-gradient(270deg, var(--cyan), var(--blue) 55%, var(--violet));--grad-soft: linear-gradient(90deg, rgba(0, 181, 254, .12), rgba(105, 22, 253, .12));--ring: 0 0 0 3px rgba(47, 107, 255, .28);--radius: 18px;--radius-sm: 11px;--shadow: 0 1px 2px rgba(7, 26, 50, .04), 0 6px 20px rgba(7, 26, 50, .06);font-family:Rubik,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;direction:rtl;background:var(--bg)}body:before{content:"";display:block;height:4px;background:var(--grad)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.ic{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-3px}.page{max-width:840px;margin:0 auto;padding:12px 16px 44px;display:grid;gap:16px}.loading{text-align:center;color:var(--ink-3);padding:70px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card.center{text-align:center;padding:44px 18px;color:var(--ink-2)}h1{font-size:26px;font-weight:700;line-height:1.25;margin:4px 0 10px;color:var(--navy);letter-spacing:-.2px}h2{font-size:17px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:var(--navy)}.sub{color:var(--ink-3);font-size:13.5px}.hint{margin:-6px 0 12px}.brand{display:flex;justify-content:center;padding:18px 0 4px}.brand img{height:50px;width:auto;display:block}.hero{position:relative;overflow:hidden;background:radial-gradient(520px 220px at 0% 0%,rgba(105,22,253,.07),transparent 70%),radial-gradient(420px 200px at 100% 100%,rgba(0,181,254,.07),transparent 70%),var(--card)}.hero-top{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:flex-end}.client{color:var(--ink-3);font-size:13px;font-weight:500;letter-spacing:.04em}.stage{display:inline-block;background:var(--grad-soft);color:var(--blue);border-radius:999px;padding:3px 14px;font-size:13px;font-weight:600}.hero-progress{display:grid;gap:6px;justify-items:start}.hero-pct{display:inline-flex;align-items:center;gap:10px}.arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;box-shadow:0 4px 12px #6916fd40}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:18px}.fact{background:var(--bg);border-radius:var(--radius-sm);padding:12px 14px;display:grid;gap:2px}.fact span{color:var(--ink-3);font-size:12.5px}.fact b{color:var(--navy);font-weight:600}.fact small{color:var(--ink-2)}.progress{display:inline-flex;align-items:center;gap:8px}.progress .track{width:72px;height:6px;background:var(--line-soft);border-radius:999px;overflow:hidden;display:block}.progress .fill{display:block;height:100%;background:var(--grad-rtl);border-radius:999px;margin-inline-start:0}.progress b{font-size:12.5px;color:var(--ink-2);font-weight:600;font-variant-numeric:tabular-nums}.progress.big .track{width:200px;height:10px}.progress.big b{font-size:26px;color:var(--navy);font-weight:700}.waiting{border-color:#e2d8ff;border-inline-start:4px solid var(--violet);background:linear-gradient(180deg,#fbf9ff,var(--card) 60%)}.count{background:var(--grad);color:#fff;border-radius:999px;font-size:12.5px;font-weight:600;padding:0 9px;line-height:22px}.wait-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line-soft)}.wait-row:first-of-type{border-top:0}.wait-row .subject{font-weight:600;color:var(--navy)}.marked{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:13.5px;white-space:nowrap}.update{display:grid;grid-template-columns:1fr 1fr;gap:24px}.update ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14.5px}.update li{display:flex;align-items:baseline;gap:8px}.done-list .ic{color:var(--cyan)}.next-list .ic{color:var(--violet)}.tasks-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.tasks-head h2{margin:0}.seg{display:inline-flex;background:var(--line-soft);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg button{border:0;background:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--ink-2)}.seg button:hover{color:var(--navy)}.seg button.on{background:var(--card);color:var(--navy);font-weight:600;box-shadow:0 1px 3px #071a321a}.group{border-top:1px solid var(--line-soft);padding:4px 0}.group:first-of-type{border-top:0}.task-head{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:11px 8px;cursor:pointer;text-align:start;flex-wrap:wrap;border-radius:var(--radius-sm)}.task-head:hover{background:#f6f8fd}.task.child .task-head{padding-inline-start:26px;font-size:14.5px}.task.child .subject{border-inline-start:2px solid var(--line);padding-inline-start:10px}.task:not(.child) .subject{font-weight:600;color:var(--navy)}.task.done .subject{color:var(--ink-3)}.task-head .subject{flex:1;min-width:140px}.date{color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}.date.late,.sub.late{color:var(--red);font-weight:600}.tag.hot{background:#fdecec;color:var(--red);border-radius:999px;font-size:11.5px;font-weight:600;padding:0 8px}.details{background:var(--bg);border-radius:var(--radius-sm);padding:14px;margin:2px 8px 10px;display:grid;gap:12px}.pill{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:500;white-space:nowrap}.tone-slate{background:#edf1f7;color:#36475f}.tone-violet{background:#f0e9ff;color:#5418d6}.tone-blue{background:#e6efff;color:#1d55d8}.tone-amber{background:#fff3d6;color:#8a4b08}.tone-orange{background:#fed;color:#b4440d}.tone-gray{background:#f0f2f6;color:#5a6478}.tone-green{background:#e2f7ea;color:#12723a}.tone-red{background:#fde8e8;color:#b42318}.reason{font-size:13.5px;color:var(--ink-2);background:#fdf1f1;border-radius:var(--radius-sm);padding:8px 12px;margin:0 8px 10px}.task.child+.reason,.task.child .reason{margin-inline-start:26px}.row-field{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}.row-field.col{flex-direction:column;align-items:stretch;gap:5px}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;min-height:42px;background:#fff;color:var(--ink);transition:border-color .12s,box-shadow .12s}input:hover,select:hover,textarea:hover{border-color:#ccd5e3}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:#9aa3b5}textarea{resize:vertical;min-height:0}.request{display:grid;gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);padding:0 18px;min-height:42px;cursor:pointer;font-weight:500;color:var(--navy);transition:box-shadow .15s,filter .15s,background .15s}.btn:hover{background:#f8fafd}.btn.primary{background:var(--grad);border:0;color:#fff;box-shadow:0 4px 14px #2f6bff40}.btn.primary:hover{filter:brightness(1.06);box-shadow:0 6px 18px #6916fd4d}.btn:disabled{opacity:.55;cursor:default;filter:none}.msg{font-size:13.5px;color:var(--ink-2)}.msg.ok{color:var(--green)}.msg.bad,.error{color:var(--red);font-size:13.5px}.foot{display:grid;gap:6px;justify-items:center;text-align:center;color:var(--ink-3);font-size:12px;padding-top:10px}.tagline{direction:ltr;display:inline-flex;align-items:center;gap:14px;letter-spacing:.32em;font-size:11.5px;font-weight:500;color:var(--navy)}.tagline i{display:inline-block;width:2px;height:13px;border-radius:2px;background:var(--grad)}@media (max-width: 560px){.card{padding:18px}.brand img{height:40px}h1{font-size:22px}.update,.two{grid-template-columns:1fr}.progress.big .track{width:140px}.progress.big b{font-size:22px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.welcome{text-align:center;display:grid;justify-items:center;gap:6px;padding:48px 24px;margin-top:8px;background:radial-gradient(420px 200px at 0% 0%,rgba(105,22,253,.08),transparent 70%),radial-gradient(420px 200px at 100% 100%,rgba(0,181,254,.08),transparent 70%),var(--card)}.welcome h1{margin:10px 0 2px}.welcome p{margin:0;color:var(--ink-2);font-size:16px}.welcome .sub{font-size:14px;color:var(--ink-3)}.arrow.big{width:52px;height:52px}.arrow.big .ic{width:24px;height:24px}
