:root{--bg:#06090d;--panel:#0b1118;--line:#293640;--text:#f7f9fb;--muted:#82909b;--cyan:#22d3ee;--green:#28cf8b;--amber:#f4b942;--red:#ff5a5f;--violet:#9a6cff;--orange:#ff6900;--blue:#4c8dff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% -5%,rgba(34,211,238,.08),transparent 30%),radial-gradient(circle at 88% 0,rgba(154,108,255,.08),transparent 28%),linear-gradient(#080d12,#05080c);min-height:100vh}.shell{max-width:1480px;margin:auto;padding:max(18px,env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(84px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px))}.top{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #2a3640;border-radius:18px;background:rgba(8,13,18,.94);position:sticky;top:max(10px,env(safe-area-inset-top,0px));z-index:30;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand img{width:38px;height:38px;border-radius:11px}.brand strong{display:block;font-size:13px}.brand span{display:block;color:#75838f;font-size:8px;text-transform:uppercase;letter-spacing:.09em;margin-top:2px}.top-actions{margin-left:auto;display:flex;gap:7px}.btn{appearance:none;border:1px solid #33404a;background:#0b1219;color:#d9e3ea;border-radius:11px;min-height:38px;padding:0 12px;font-size:8px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn.primary{border-color:rgba(34,211,238,.42);background:rgba(34,211,238,.07);color:#96eff6}.btn.violet{border-color:rgba(154,108,255,.45);background:rgba(154,108,255,.07);color:#d1c4ff}.btn.danger{border-color:rgba(255,90,95,.4);color:#ff9a9e}.hero{margin-top:16px;padding:24px;border:1px solid rgba(34,211,238,.28);border-radius:24px;background:radial-gradient(circle at 7% 0,rgba(34,211,238,.11),transparent 30%),radial-gradient(circle at 94% 10%,rgba(154,108,255,.11),transparent 30%),linear-gradient(145deg,#0e151d,#080c11)}.eyebrow{font-size:8px;font-weight:1000;letter-spacing:.17em;text-transform:uppercase;color:#74e8f2}.hero h1{font-size:clamp(34px,5vw,64px);line-height:.94;letter-spacing:-.055em;margin:8px 0 10px}.hero h1 span{color:#9da8b2}.hero p{margin:0;max-width:940px;color:#82909b;font-size:11px;line-height:1.55}.hero-rail{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.chip{padding:7px 9px;border:1px solid #2d3943;border-radius:999px;background:#091017;color:#8997a2;font-size:7px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.chip.live{color:#78e5ae;border-color:rgba(40,207,139,.38)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.kpi{padding:12px;border:1px solid #28343e;border-radius:15px;background:#091017}.kpi label{display:block;color:#75828d;font-size:7px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.kpi b{display:block;margin-top:5px;font-size:25px;letter-spacing:-.045em;color:var(--c,#fff)}.kpi small{display:block;color:#687681;font-size:7px;margin-top:3px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.panel{border:1px solid #28343e;border-radius:20px;background:linear-gradient(145deg,#0c131a,#080d12);overflow:hidden}.panel-head{padding:14px 15px;border-bottom:1px solid #222e37;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-head label{display:block;color:var(--c,#22d3ee);font-size:8px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.panel-head h2{margin:4px 0 0;font-size:21px;letter-spacing:-.035em}.panel-head p{margin:4px 0 0;color:#75828e;font-size:8.5px;line-height:1.45}.panel-body{padding:14px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:5px;color:#778590;font-size:7px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid #2d3944;border-radius:11px;background:#070c11;color:#fff;outline:none;padding:10px 11px;font-size:10px;font-weight:750}.field input,.field select{min-height:43px}.field textarea{min-height:86px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#61717e}.people-picker{display:grid;grid-template-columns:44px minmax(64px,1fr) 44px;gap:7px;align-items:stretch}.people-step{appearance:none;border:1px solid rgba(154,108,255,.46);border-radius:11px;background:rgba(154,108,255,.07);color:#d8c8ff;font-size:19px;font-weight:1000;cursor:pointer}.people-value{min-height:43px;display:grid;place-items:center;border:1px solid #35414b;border-radius:11px;background:radial-gradient(circle at 50% 0,rgba(154,108,255,.12),transparent 70%),#070c11;color:#fff;font-size:20px;font-weight:1000;letter-spacing:-.04em}.people-quick{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:1px}.people-quick button{appearance:none;min-height:31px;border:1px solid #2d3944;border-radius:9px;background:#0a1016;color:#7e8b96;font-size:8px;font-weight:1000;cursor:pointer}.people-quick button.active{border-color:rgba(154,108,255,.64);background:rgba(154,108,255,.13);color:#e5dcff;box-shadow:inset 0 0 14px rgba(154,108,255,.05)}.people-caption{display:block;margin-top:5px;color:#64727d;font-size:7px;line-height:1.4}.recipient-shell{position:relative}.recipient-shell:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:99px;background:#22d3ee;box-shadow:0 0 10px rgba(34,211,238,.28)}.recipient-shell select{padding-left:17px}.recipient-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:7px 9px;border:1px solid #27333c;border-radius:10px;background:#080e13;color:#71808b;font-size:7px;font-weight:850}.recipient-summary b{color:#9deff5;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.submit{width:100%;margin-top:10px;min-height:47px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c,#22d3ee) 45%,#2f3941);background:color-mix(in srgb,var(--c,#22d3ee) 9%,#091017);color:var(--c,#fff);font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.submit:disabled{opacity:.45}.request-preview{margin-top:10px;padding:11px;border:1px solid #293640;border-radius:13px;background:#080d12}.route{font-size:18px;font-weight:1000;letter-spacing:-.035em}.route span{color:#8f9ba5}.request-preview small{display:block;margin-top:5px;color:#74818c;font-size:8px;line-height:1.45}.recent{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.list{display:grid;gap:7px}.row{position:relative;padding:11px 12px 11px 15px;border:1px solid #28343e;border-radius:12px;background:#081016;overflow:hidden}.row:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:99px;background:var(--c,#22d3ee)}.row-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.row strong{font-size:12.5px;line-height:1.35}.row em{font-style:normal;color:var(--c,#91eaf3);font-size:8.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}.row p{margin:7px 0 0;color:#b0bac3;font-size:11px;line-height:1.52;font-weight:700}.row-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.tag{padding:5px 7px;border:1px solid #303c46;border-radius:999px;color:#93a0aa;font-size:7.5px;font-weight:900;text-transform:uppercase}.empty{padding:18px;border:1px dashed #2a3540;border-radius:13px;color:#6f7d88;font-size:9px;text-align:center}.send-state{margin-top:8px;padding:9px 10px;border:1px solid #293640;border-radius:10px;background:#080e13;color:#7f8d98;font-size:8.5px;font-weight:850;line-height:1.4}.send-state.live{color:#9cf0c5;border-color:rgba(40,207,139,.32);background:rgba(40,207,139,.055)}.send-state.warn{color:#ffd58b;border-color:rgba(244,185,66,.34);background:rgba(244,185,66,.055)}.toast{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;z-index:100;padding:10px 13px;border:1px solid #394650;border-radius:12px;background:#0c131a;color:#eef4f7;font-size:9px;font-weight:850;box-shadow:0 18px 50px rgba(0,0,0,.45);transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.gate{max-width:560px;margin:100px auto;padding:25px;border:1px solid rgba(255,90,95,.35);border-radius:20px;background:#100c10;text-align:center}.gate h2{margin:0}.gate p{color:#8e7d83;font-size:10px;line-height:1.55}.gate a{display:inline-flex;margin-top:10px;text-decoration:none}@media(max-width:900px){.actions,.recent{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.shell{padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) calc(76px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}.top{top:max(5px,env(safe-area-inset-top,0px))}.brand span{display:none}.top-actions .btn span{display:none}.hero{padding:17px}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.kpis{grid-template-columns:1fr 1fr}.kpi b{font-size:21px}.people-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}