:root{--amber:#f59e0b;--amber2:#fb923c;--soil:#1c1917;--soil2:#292524;--panel:#221f1c;--text:#f5f5f4;--muted:#a8a29e;--line:#44403c;--green:#22c55e;--red:#f87171;--shadow:0 14px 34px rgba(0,0,0,.35);--radius:14px}
*{box-sizing:border-box}html{font-size:15.5px}body{margin:0;background:radial-gradient(900px 500px at 100% -10%,rgba(245,158,11,.16),transparent 50%),linear-gradient(165deg,#0c0a09,#1c1917 55%,#292524);color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.65;min-height:100vh}a{color:var(--amber);text-decoration:none}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid rgba(245,158,11,.35);outline-offset:2px}
.topbar{height:70px;background:rgba(28,25,23,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(18px,calc((100vw - 1200px)/2));gap:18px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:150px}.brand img{width:40px;height:40px;border-radius:11px}.brand span{font-weight:800;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:.64rem;font-weight:500}.topbar nav{display:flex;gap:3px;flex:1;overflow:auto}.topbar nav a,.user-menu a,.logout-form button{color:var(--muted);padding:8px 11px;border-radius:10px;font-size:.84rem;border:0;background:transparent;cursor:pointer}.topbar nav a:hover,.user-menu a:hover,.logout-form button:hover{color:#fff;background:rgba(245,158,11,.12)}.user-menu{display:flex;align-items:center}.user-menu b{background:var(--amber);color:#1c1917;font-size:.68rem;padding:1px 6px;border-radius:10px;margin-right:4px}.logout-form{margin:0}
.app-shell{max-width:1200px;margin:0 auto;padding:24px 16px 40px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:4px 0 20px}.page-head h1{margin:0;font-size:1.7rem;font-weight:800}.page-head p{margin:6px 0 0;color:var(--muted)}.eyebrow{font-size:.75rem;color:var(--amber);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#292524;color:var(--text);padding:9px 15px;border-radius:12px;cursor:pointer;font-weight:700}.btn:hover{border-color:#78716c}.btn.primary{background:linear-gradient(135deg,var(--amber),var(--amber2));color:#1c1917;border-color:transparent;box-shadow:0 8px 18px rgba(245,158,11,.28)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat,.mission,.panel{background:rgba(34,31,28,.92);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:16px}.stat span{color:var(--muted);font-size:.78rem}.stat strong{display:block;font-size:1.7rem;margin-top:4px;color:var(--amber)}.panel{padding:18px;margin-bottom:16px}.panel h2,.panel h3{margin:0 0 12px}.mission{padding:16px;margin-bottom:12px;border-right:4px solid var(--amber)}.mission strong{display:block;font-size:1.05rem}.mission .meta{color:var(--muted);font-size:.8rem;margin-top:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:right;color:var(--muted);font-size:.74rem;background:#1c1917;border-bottom:1px solid var(--line);padding:11px 12px}td{border-bottom:1px solid #332f2c;padding:12px;font-size:.86rem}td strong{display:block}td small{display:block;color:var(--muted);font-size:.72rem}.chip{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:700;background:#44403c;color:#e7e5e4;margin:2px}.chip.new{background:#44403c}.chip.assigned,.chip.accepted{background:#1e3a5f;color:#93c5fd}.chip.en_route,.chip.on_site{background:#3b2f0b;color:#fcd34d}.chip.paused{background:#4c1d1d;color:#fca5a5}.chip.completed{background:#14532d;color:#86efac}.chip.cancelled{background:#3f3f46;color:#a1a1aa}.chip.urgent{background:#7f1d1d;color:#fecaca}.chip.high{background:#7c2d12;color:#fdba74}.chip.overdue{background:#7f1d1d;color:#fecaca}
.filters{display:flex;align-items:end;gap:8px;background:#1c1917;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:14px;flex-wrap:wrap}input,select,textarea{width:100%;border:1px solid #57534e;background:#0c0a09;border-radius:10px;padding:10px 11px;color:var(--text)}.form-panel form{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.map-panel{position:relative;height:360px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#1c1917,#292524);border:1px solid var(--line)}.map-panel svg{width:100%;height:100%}.map-pin{position:absolute;transform:translate(-50%,-100%);background:var(--amber);color:#1c1917;font-size:.68rem;font-weight:800;padding:4px 8px;border-radius:8px;white-space:nowrap}.activity{list-style:none;padding:0;margin:0}.activity li{display:flex;gap:9px;padding-bottom:12px;font-size:.8rem}.activity li>span{width:9px;height:9px;border-radius:50%;background:var(--amber);margin-top:6px;flex:none}.activity li small{display:block;color:var(--muted)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bar-row{display:grid;grid-template-columns:130px 1fr 35px;gap:10px;align-items:center;margin:10px 0;font-size:.8rem}.bar-row>div{height:8px;background:#33302c;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#b45309,var(--amber))}.empty{text-align:center;padding:42px 18px;color:var(--muted)}.empty img{max-width:340px;width:80%;border-radius:18px}.alert{padding:11px 14px;border-radius:10px;margin-bottom:12px}.alert.success{background:#14532d;color:#bbf7d0}.alert.error,.alert.danger{background:#7f1d1d;color:#fecaca}.pagination{display:flex;justify-content:center;gap:14px}.link-btn,.reset-form button{border:0;background:none;color:var(--amber);cursor:pointer}.reset-form{margin-top:24px;text-align:left}.reset-form button{color:#f87171;font-size:.72rem}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{background:linear-gradient(160deg,#0c0a09,#292524 45%,#78350f);color:#fff;padding:7vh 6vw}.login-brand>img:first-child{width:72px;height:72px;border-radius:16px}.login-brand h1{font-size:2.8rem;margin:20px 0 0}.login-brand>p{color:#d6d3d1}.demo-mark{display:inline-block;border:1px solid rgba(245,158,11,.4);border-radius:999px;padding:4px 10px;margin-right:10px;font-size:.74rem;color:var(--amber)}.hero-img{width:min(560px,92%);margin-top:4vh;border-radius:18px;box-shadow:0 28px 60px rgba(0,0,0,.45)}.login-panel{padding:5vh 6vw;background:#1c1917;overflow:auto}.login-panel h2{font-size:1.65rem}.login-panel>p,.login-panel small{color:var(--muted)}.login-panel form{display:grid;gap:12px;margin:18px 0}.credentials{display:grid;gap:8px}.credential{text-align:right;display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);background:#292524;border-radius:12px;padding:11px 12px;cursor:pointer;color:var(--text)}.credential:hover{border-color:var(--amber)}.credential strong{color:var(--amber)}.credential small{color:var(--muted);grid-column:1}.credential code{font-size:.7rem;color:#d6d3d1;direction:ltr;text-align:left}.warning{font-size:.72rem!important;background:#422006;padding:8px;border-radius:10px;color:#fde68a}
@media(max-width:980px){.topbar{height:auto;flex-wrap:wrap;padding:10px 12px}.topbar nav{order:3;width:100%}.stats,.report-grid,.form-grid{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr}.login-brand{min-height:280px;padding:26px}.hero-img{max-height:140px;object-fit:cover}}
@media(max-width:560px){.stats,.form-grid,.report-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:stretch}.credential{grid-template-columns:1fr}.credential code{text-align:right}}

/* Nested / grouped navigation (Phase-2) */
.topbar nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;flex:1}
.topbar nav > a,.topbar nav .nav-group > summary{color:#b9c8d8;padding:8px 11px;border-radius:7px;font-size:.86rem;cursor:pointer;list-style:none;white-space:nowrap}
.topbar nav > a:hover,.topbar nav .nav-group > summary:hover,.topbar nav .nav-group[open] > summary{color:#fff;background:rgba(255,255,255,.08)}
.topbar nav .nav-group{position:relative}
.topbar nav .nav-group > summary::-webkit-details-marker{display:none}
.topbar nav .nav-group > summary::after{content:"▾";margin-inline-start:6px;font-size:.7em;opacity:.75}
.topbar nav .nav-sub{position:absolute;inset-inline-start:0;top:calc(100% + 4px);min-width:190px;background:#0f2744;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 28px rgba(0,0,0,.28);z-index:40}
.topbar nav .nav-sub a{color:#d5e2ef;padding:8px 10px;border-radius:6px;font-size:.84rem}
.topbar nav .nav-sub a:hover{background:rgba(255,255,255,.1);color:#fff}
@media(max-width:900px){
  .topbar nav .nav-group{width:100%}
  .topbar nav .nav-sub{position:static;box-shadow:none;border:0;background:rgba(0,0,0,.18);margin:2px 0 6px;width:100%}
}