:root{--bg:#020b1d;--bg2:#061a35;--panel:#03152e;--panel2:#071f40;--gold:#dba740;--gold2:#ffe39a;--gold3:#8c5a12;--text:#f7fbff;--muted:#aebbd0;--line:rgba(219,167,64,.58);--green:#34e49b;--danger:#ff5b64;--shadow:0 22px 70px rgba(0,0,0,.55);--radius:28px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{min-height:100svh;margin:0;padding:env(safe-area-inset-top) 14px calc(108px + env(safe-area-inset-bottom));background:radial-gradient(circle at 20% -10%,#123c71 0,transparent 30%),radial-gradient(circle at 90% 10%,#0b315f 0,transparent 34%),linear-gradient(180deg,#010817 0%,#031129 48%,#020914 100%);overflow-x:hidden}.premium-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(1,9,24,.75),rgba(2,15,36,.95))}.bg-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(219,167,64,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(219,167,64,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 55% 0%,black 0,transparent 65%)}.bg-map{position:absolute;inset:0;background:repeating-linear-gradient(34deg,transparent 0 70px,rgba(33,119,206,.08) 71px 73px),repeating-linear-gradient(128deg,transparent 0 90px,rgba(33,119,206,.06) 91px 93px);opacity:.55}.bg-aurora{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(70px);opacity:.34}.bg-aurora.one{left:-170px;top:120px;background:#0c62ad}.bg-aurora.two{right:-190px;bottom:100px;background:#654000}.splash{position:fixed;z-index:50;inset:0;display:grid;place-content:center;text-align:center;background:#020b1d;transition:opacity .55s ease,visibility .55s ease}.splash.hide{opacity:0;visibility:hidden}.splash-shield,.logo-shield{display:grid;place-items:center;font-weight:950;color:#111;background:linear-gradient(145deg,#fff2b9,#dba740 45%,#7c4d0d);box-shadow:inset 0 3px 10px rgba(255,255,255,.55),0 12px 30px rgba(219,167,64,.2)}.splash-shield{width:92px;height:92px;margin:auto;border-radius:26px;clip-path:polygon(50% 0,94% 17%,84% 88%,50% 100%,16% 88%,6% 17%)}.splash-title{font-size:34px;font-weight:950;margin-top:18px}.splash p{color:var(--muted)}.splash-line{width:170px;height:3px;margin:16px auto 0;background:linear-gradient(90deg,transparent,var(--gold2),transparent)}.phone-frame{width:min(100%,980px);margin:0 auto}.panel{background:linear-gradient(145deg,rgba(7,31,64,.94),rgba(1,11,28,.96));border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px)}.gold-frame{border:1px solid var(--line);box-shadow:var(--shadow),0 0 0 1px rgba(255,227,154,.06),inset 0 0 50px rgba(7,60,112,.18)}.gold-frame-soft{border:1px solid rgba(219,167,64,.62)}.hero{padding:20px 18px 22px;margin-top:8px}.topbar,.brand,.hero-grid,.section-head,.online-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px}.brand{gap:14px}.logo-shield{width:58px;height:58px;border-radius:18px;clip-path:polygon(50% 0,94% 17%,84% 88%,50% 100%,16% 88%,6% 17%);font-size:18px}.logo-shield.large{width:82px;height:82px;margin:auto auto 16px}.brand h1{margin:0;font-size:28px;line-height:1}.brand p,.section-head p{margin:5px 0 0;color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.install-button,.chip-gold{border:1px solid var(--line);color:var(--gold2);background:linear-gradient(180deg,#08244b,#031227);border-radius:999px;font-weight:900;padding:13px 16px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.28)}.hero-grid{align-items:stretch;gap:20px;margin-top:22px}.hero-copy{flex:1}.hero h2{font-size:clamp(30px,6vw,46px);line-height:1.08;margin:0 0 14px;letter-spacing:-.04em}.hero-copy p{color:#d4deec;margin:0;font-size:17px;line-height:1.55}.status-card{width:210px;border-radius:24px;padding:18px;background:linear-gradient(160deg,rgba(5,23,48,.98),rgba(2,11,28,.96));box-shadow:inset 0 0 35px rgba(29,113,205,.16)}.online-row{gap:9px;color:var(--green);font-size:20px;text-transform:uppercase}.online-row i{width:18px;height:18px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(52,228,155,.13),0 0 22px rgba(52,228,155,.65)}.status-card span{display:block;margin:12px 0;color:#f1f6ff}.status-card b{color:var(--gold2);font-size:22px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.quick-actions button{min-height:92px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(150deg,#082a56,#03142b);color:var(--text);font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.35);transition:.18s}.quick-actions button:active{transform:translateY(2px) scale(.99)}.quick-actions span{font-size:32px;color:var(--gold2);filter:drop-shadow(0 5px 10px rgba(219,167,64,.28))}.screens{display:block}.screen{display:none}.screen.active{display:grid;gap:16px}.request-panel,.map-panel,.dispatch-panel,.page-panel,.profile-panel{padding:22px 18px}.section-head{justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h3{margin:0;font-size:25px}.field{display:block}.field span{display:block;color:#f0d187;font-weight:900;margin:0 0 8px}.wide{margin-bottom:18px}.voice-box{display:grid;grid-template-columns:1fr 72px;gap:14px}textarea,select{width:100%;border:1px solid rgba(219,167,64,.48);background:linear-gradient(180deg,#020f23,#020a18);border-radius:22px;color:var(--text);font-size:16px;padding:18px;outline:none;box-shadow:inset 0 0 28px rgba(0,0,0,.25)}textarea{resize:none;min-height:120px;line-height:1.45}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold2) 50%),linear-gradient(135deg,var(--gold2) 50%,transparent 50%),linear-gradient(180deg,#020f23,#020a18);background-position:calc(100% - 23px) 50%,calc(100% - 16px) 50%,0 0;background-size:8px 8px,8px 8px,100%;background-repeat:no-repeat}.mic-button{border:0;border-radius:26px;background:linear-gradient(145deg,#fff1b2,#d99b24 60%,#8f5b12);color:#05080e;font-size:28px;font-weight:900;box-shadow:inset 0 4px 10px rgba(255,255,255,.55),inset 0 -10px 20px rgba(92,50,0,.28),0 16px 34px rgba(219,167,64,.25)}.mic-button.recording{animation:pulse 1s infinite}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}.navy-button,.gold-button{width:100%;border-radius:20px;font-weight:950;text-transform:uppercase;letter-spacing:.02em;margin-top:14px;padding:18px 16px}.navy-button{border:1px solid var(--line);background:linear-gradient(180deg,#092c59,#04142b);color:var(--gold2);box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.28)}.gold-button{border:0;background:linear-gradient(180deg,#ffeaa3 0,#dfa332 45%,#9a6416 100%);color:#070707;box-shadow:inset 0 3px 8px rgba(255,255,255,.58),inset 0 -12px 22px rgba(79,42,0,.22),0 16px 35px rgba(219,167,64,.26);font-size:16px}.map-canvas{height:220px;border:1px solid rgba(219,167,64,.42);border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(31,119,212,.35),transparent 18%),linear-gradient(135deg,#03152e,#020a18)}.map-lines{position:absolute;inset:0;background:repeating-linear-gradient(30deg,transparent 0 40px,rgba(84,160,237,.12) 41px 43px),repeating-linear-gradient(120deg,transparent 0 58px,rgba(84,160,237,.08) 59px 61px)}.pulse-pin{position:absolute;left:50%;top:50%;z-index:2;width:20px;height:20px;border-radius:50%;background:var(--gold2);transform:translate(-50%,-50%);box-shadow:0 0 0 10px rgba(219,167,64,.12),0 0 40px var(--gold)}.radius-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(219,167,64,.38);border-radius:50%;transform:translate(-50%,-50%)}.r1{width:90px;height:90px}.r2{width:160px;height:160px}.status-pill{border:1px solid rgba(219,167,64,.42);border-radius:999px;color:var(--gold2);padding:8px 12px;font-size:12px;font-weight:900;background:rgba(5,24,51,.75)}.request-summary{border:1px solid rgba(219,167,64,.28);border-radius:20px;background:#020b19;padding:18px;color:var(--muted)}.timeline{margin-top:14px;display:grid;gap:10px}.timeline-item{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(219,167,64,.28);border-radius:18px;background:rgba(5,23,48,.72)}.timeline-item i{width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--gold2);box-shadow:0 0 14px var(--gold)}.timeline-item.ok i{background:var(--green);box-shadow:0 0 14px var(--green)}.timeline-item b{display:block}.timeline-item span{color:var(--muted);font-size:13px}.cards-list{display:grid;gap:12px}.data-card{border:1px solid rgba(219,167,64,.35);border-radius:20px;padding:16px;background:linear-gradient(145deg,#04162f,#020a18)}.data-card b{display:block;font-size:18px}.data-card span{display:block;color:var(--muted);margin-top:6px}.profile-panel{text-align:center}.profile-panel p{color:var(--muted);line-height:1.55}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.profile-stats div{border:1px solid rgba(219,167,64,.34);border-radius:18px;padding:14px;background:#03142b}.profile-stats b{display:block;color:var(--gold2);font-size:24px}.profile-stats span{color:var(--muted);font-size:12px}.bottom-nav-3d{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:980px;margin:0 auto;padding:8px;border-radius:28px;background:linear-gradient(180deg,rgba(5,22,47,.96),rgba(1,8,20,.98));border:1px solid rgba(219,167,64,.36);box-shadow:0 -18px 50px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08)}.tab{height:68px;border:1px solid rgba(219,167,64,.42);border-radius:22px;background:linear-gradient(180deg,#0b2e5c,#03142d 52%,#010814);color:#c9d3e2;font-weight:950;box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -8px 14px rgba(0,0,0,.34),0 10px 20px rgba(0,0,0,.34);transform:perspective(500px) rotateX(8deg);transition:.2s}.tab span{display:block;font-size:20px;color:#e7ebf3}.tab b{display:block;margin-top:4px}.tab.active{color:var(--gold2);background:linear-gradient(180deg,#123c75,#08275a 56%,#031128);box-shadow:inset 0 2px 10px rgba(255,255,255,.12),inset 0 -10px 22px rgba(0,0,0,.36),0 0 0 1px rgba(255,227,154,.38),0 0 26px rgba(219,167,64,.35)}.tab.active span{color:var(--gold2);filter:drop-shadow(0 0 10px rgba(219,167,64,.65))}.toast{position:fixed;left:18px;right:18px;bottom:106px;z-index:30;max-width:560px;margin:auto;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(2,10,24,.95);color:var(--text);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@media (max-width:760px){body{padding-left:8px;padding-right:8px}.hero{padding:18px 16px}.topbar{align-items:flex-start}.brand h1{font-size:22px}.install-button{padding:11px 13px;font-size:13px}.hero-grid{display:block}.hero h2{font-size:28px}.status-card{width:100%;margin-top:16px}.quick-actions{grid-template-columns:repeat(2,1fr)}.quick-actions button{min-height:78px}.form-grid{grid-template-columns:1fr}.voice-box{grid-template-columns:1fr 60px}.mic-button{border-radius:22px}.section-head h3{font-size:21px}.chip-gold{font-size:12px;padding:10px}.bottom-nav-3d{gap:5px;padding:7px}.tab{height:64px;border-radius:20px;font-size:12px}.tab span{font-size:18px}}@media (display-mode:standalone){.install-button{display:none}}