:root{--background:#f8fafc;--foreground:#14213d;--muted:#64748b;--line:#dbe4ee;--panel:#fff;--ink:#0f172a;--sidebar:#fff;--button-bg:#fff;--button-text:#334155;--button-hover-bg:#eef6fb;--nav-text:#475569;--nav-bg:#ffffffb8;--nav-border:#2f8fd81f;--nav-hover-bg:#eef6fb;--nav-active-bg:#e0f2fe;--nav-active-border:#8bd3ec;--nav-active-text:#075985;--field-bg:#fff;--status-bg:#f8fbff;--soft-panel:#eef6fb;--answer-text:#334155;--shadow-soft:0 1px 2px #0f172a0d;--blue:#2f8fd8;--cyan:#57c7d4;--green:#16a34a;--amber:#d97706;--rose:#e11d48}html[data-dashboard-theme=dark]{--background:#061423;--foreground:#d9f7ff}html[data-dashboard-theme=dark] .theme-icon-dark,html[data-dashboard-theme=dark] .theme-label-dark,.theme-icon-light,.theme-label-light{display:none}html[data-dashboard-theme=dark] .theme-icon-light,html[data-dashboard-theme=dark] .theme-label-light{display:inline-flex}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{--background:#f8fafc;--foreground:#14213d;--muted:#64748b;--line:#dbe4ee;--panel:#fff;--ink:#0f172a;--sidebar:#fff;--button-bg:#fff;--button-text:#334155;--button-hover-bg:#eef6fb;--nav-text:#475569;--nav-bg:#ffffffb8;--nav-border:#2f8fd81f;--nav-hover-bg:#eef6fb;--nav-active-bg:#e0f2fe;--nav-active-border:#8bd3ec;--nav-active-text:#075985;--field-bg:#fff;--status-bg:#f8fbff;--soft-panel:#eef6fb;--answer-text:#334155;--shadow-soft:0 1px 2px #0f172a0d;background:var(--background);min-height:100vh;color:var(--foreground);grid-template-columns:248px minmax(0,1fr);display:grid}.shell[data-theme=dark],html[data-dashboard-theme=dark] .shell{--background:#061423;--foreground:#d9f7ff;--muted:#8fb6c8;--line:#1d4054;--panel:#0b2135;--ink:#f8f4df;--sidebar:#071a2b;--button-bg:#0d2a42;--button-text:#d9f7ff;--button-hover-bg:#123651;--nav-text:#b7d6e4;--nav-bg:#0d2a4294;--nav-border:#8ee7ff1c;--nav-hover-bg:#102f49;--nav-active-bg:linear-gradient(135deg, #153f5c, #0d2a42);--nav-active-border:#2f8fd8;--nav-active-text:#f8f4df;--field-bg:#071a2b;--status-bg:#071a2b;--soft-panel:#102f49;--answer-text:#d9f7ff;--shadow-soft:0 10px 24px #0000003d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);min-width:0;padding:20px 16px;transition:background-color .18s,border-color .18s}.sidebar-head{gap:14px;display:grid}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#dff7ff,#2f8fd8 58%,#14213d);border:1px solid #a8dcf0;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.nav{gap:9px;min-width:0;margin-top:26px;display:grid}.nav a{border:1px solid var(--nav-border);background:var(--nav-bg);min-height:42px;color:var(--nav-text);border-radius:8px;align-items:center;gap:10px;padding:0 12px;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;transform:translate(0,0);box-shadow:0 8px 18px #0f172a0a}.nav a:before{content:"";opacity:0;background:radial-gradient(circle at 18% 20%,#ffffff75,#0000 34%);transition:opacity .18s;position:absolute;inset:0}.nav a svg,.nav a span{z-index:1;position:relative}.nav a:hover{background:var(--nav-hover-bg);color:var(--ink);transform:translateY(-2px)scale(1.012);box-shadow:0 12px 24px #0f172a14}.nav a:hover:before,.nav a.active:before{opacity:1}.nav a:active{transform:translateY(0)scale(.985)}.nav a.active{border-color:var(--nav-active-border);background:var(--nav-active-bg);color:var(--nav-active-text);box-shadow:0 14px 28px #2f8fd833,inset 0 1px #ffffff3d}.nav a.active svg{filter:drop-shadow(0 0 8px #57c7d473)}.main{min-width:0;padding:24px}.page-surface{transform-origin:50% 18px;min-width:0;animation:.24s cubic-bezier(.2,.8,.2,1) page-settle}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}.title{color:var(--ink);margin:0;font-size:30px;line-height:1.15}.subtitle{max-width:780px;color:var(--muted);margin:8px 0 0;line-height:1.5}.button-row{flex-wrap:wrap;gap:8px;display:flex}.button{border:1px solid var(--line);background:var(--button-bg);min-width:0;min-height:38px;color:var(--button-text);text-align:center;white-space:normal;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:700;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:inline-flex}.button:hover{background:var(--button-hover-bg);color:var(--ink);transform:translateY(-1px);box-shadow:0 10px 20px #0f172a14}.button:active{transform:translateY(0)scale(.98)}.button.primary{color:#fff;background:#1e78b5;border-color:#1e78b5}.button.primary:hover{color:#fff;background:#2f8fd8;border-color:#2f8fd8}.theme-toggle{border:1px solid var(--line);background:radial-gradient(circle at 18% 20%, #ffffff4d, transparent 34%), var(--button-bg);width:100%;min-height:38px;color:var(--button-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 10px 22px #2f8fd81f,inset 0 1px #ffffff2e}.theme-toggle:hover{background:var(--button-hover-bg);color:var(--ink);transform:translateY(-1px)scale(1.01);box-shadow:0 14px 26px #2f8fd82e,inset 0 1px #ffffff3d}.theme-toggle:active{transform:translateY(0)scale(.985)}.grid{gap:16px;min-width:0;display:grid}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow-soft);border-radius:8px;padding:16px;transition:background-color .18s,border-color .18s,box-shadow .18s;overflow-x:auto}.card h2,.card h3{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0 0 10px;font-size:16px}.metric-value{color:var(--ink);font-size:28px;font-weight:800}.metric-label,.small{color:var(--muted);font-size:13px}.table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:11px 8px}.table th{color:var(--muted);text-transform:uppercase;font-size:12px}.badge{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.blue{color:#075985;background:#e0f2fe;border-color:#bae6fd}.shell[data-theme=dark] .badge.blue{color:#9eeaff;background:#0b3552;border-color:#2f8fd8}.badge.green{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.shell[data-theme=dark] .badge.green{color:#9df6b8;background:#0c3826;border-color:#22c55e}.badge.amber{color:#92400e;background:#fffbeb;border-color:#fde68a}.shell[data-theme=dark] .badge.amber{color:#ffd36b;background:#422b0a;border-color:#d97706}.badge.rose{color:#be123c;background:#fff1f2;border-color:#fecdd3}.shell[data-theme=dark] .badge.rose{color:#ff9db2;background:#441427;border-color:#e11d48}.steps{gap:10px;display:grid}.step{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.step-icon{background:var(--soft-panel);width:28px;height:28px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.training-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;margin-top:16px;display:grid}.training-panel{align-content:start;gap:14px;min-width:0;display:grid}.training-panel.wide{grid-column:1/-1}.field{min-width:0;color:var(--ink);gap:6px;font-size:13px;font-weight:800;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--field-bg);width:100%;color:var(--ink);border-radius:8px;padding:10px 11px;font-weight:500;line-height:1.35}.field textarea{resize:vertical;min-height:112px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.account-row,.status-strip,.toggle-row,.answer-preview,.mini-status{align-items:center;gap:12px;display:flex}.account-row{border:1px solid var(--line);border-radius:8px;justify-content:space-between;padding:10px}.avatar{object-fit:cover;border-radius:8px;flex:none;width:38px;height:38px}.avatar.fallback{background:var(--soft-panel);color:var(--blue);place-items:center;font-weight:900;display:grid}.status-strip,.mini-status{border:1px solid var(--line);background:var(--status-bg);color:var(--nav-text);border-radius:8px;padding:10px;font-size:13px}.status-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.toggle-row{color:var(--button-text);font-size:14px;font-weight:700}.toggle-row input{width:18px;height:18px}.answer-preview{border:1px solid var(--line);background:var(--status-bg);border-radius:8px;align-items:flex-start;padding:14px}.answer-preview p{color:var(--answer-text);margin:6px 0;line-height:1.5}.button.full{width:100%}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--line);width:100%;position:sticky;top:0;overflow:hidden}.sidebar-head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.theme-toggle{width:auto;padding-inline:12px}.nav{grid-auto-columns:max-content;grid-auto-flow:column;width:100%;max-width:100%;margin-top:14px;padding-bottom:2px;overflow-x:auto}.nav a{white-space:nowrap;min-height:38px}.topbar{display:grid}.grid.metrics,.grid.two,.training-grid,.status-cards,.form-grid{grid-template-columns:1fr}.training-panel.wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@keyframes page-settle{0%{opacity:0;transform:translateY(8px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.site{color:#fff;background:#061423;min-height:100vh}.hero{color:#fff;background:#061423;min-height:88vh;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(90deg,#061423eb,#06142347),url(/piphacklup-site-hero.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-bg:after{content:"";opacity:.72;background-color:#0000;background-image:linear-gradient(#8ee7ff0d 1px,#0000 1px),linear-gradient(90deg,#8ee7ff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.site-nav{z-index:1;justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100% - 32px);margin:0 auto;padding:18px 0;display:flex;position:relative}.brand.public{color:#fff}.hero-content{z-index:1;align-content:center;width:min(700px,100% - 32px);min-height:calc(88vh - 84px);margin:0 auto 0 max(16px,50% - 560px);padding:56px 0 64px;display:grid;position:relative}.hero-content h1{letter-spacing:0;margin:0;font-size:96px;line-height:.95}.hero-content p{color:#d9f7ff;max-width:650px;margin:18px 0 0;font-size:19px;line-height:1.55}.hero-content .button-row{margin-top:26px}.button.large{min-height:46px;padding-inline:16px}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:610px;margin:30px 0 0;display:grid}.hero-proof div{background:#081c30;border:2px solid #8ee7ff6b;border-radius:8px;padding:13px 14px;box-shadow:0 6px #00000038}.hero-proof dt{color:#f8f4df;font-size:27px;font-weight:900;line-height:1}.hero-proof dd{color:#9eeaff;text-transform:uppercase;margin:5px 0 0;font-size:12px;font-weight:800}.ops-board{color:#fff;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:34px;width:min(1120px,100% - 32px);margin:0 auto;padding:54px 0 60px;display:grid}.ops-intro{align-self:start;position:sticky;top:24px}.ops-intro h2,.radio-room h2,.operator-strip h2,.public-band h2{letter-spacing:0;margin:0;font-size:34px;line-height:1.15}.ops-intro p,.radio-room p,.public-band p{color:#bfeaff;margin:14px 0 0;line-height:1.6}.dispatch-list{gap:10px;display:grid}.dispatch-row{background:#09243b;border:2px solid #1e5d79;border-radius:8px;grid-template-columns:48px minmax(170px,.82fr) minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid;box-shadow:0 6px #0000003d}.dispatch-icon{color:#082033;background:#f8f4df;border:2px solid #8ee7ff;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.dispatch-row h3{color:#f8f4df;margin:3px 0 0;font-size:18px;line-height:1.25}.dispatch-row p{color:#c8f261;margin:0;font-size:13px;font-weight:800;line-height:1.45}.dispatch-row>p:last-child{color:#bfeaff;font-size:14px;font-weight:600}.radio-room{border-block:1px solid #8ee7ff33;grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:center;gap:30px;width:min(1120px,100% - 32px);margin:0 auto;padding:50px 0;display:grid}.radio-stack{gap:10px;display:grid}.radio-stack div,.operator-strip li{color:#061423;background:#f8f4df;border:2px solid #264a57;border-radius:8px;align-items:center;gap:11px;padding:12px 14px;font-weight:900;display:flex;box-shadow:0 5px #0000003d}.radio-stack svg,.operator-strip svg{color:#1e78b5;flex:none}.operator-strip{grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:28px;width:min(1120px,100% - 32px);margin:0 auto;padding:54px 0 22px;display:grid}.operator-strip ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.public-band{color:#fff;border-top:1px solid #b0e6ff2e;justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 32px);margin:0 auto;padding:34px 0 50px;display:flex}.public-band>div{max-width:720px}@media (max-width:900px){.site-nav,.public-band{flex-direction:column;align-items:flex-start}.hero-content h1{font-size:58px}.hero-content{min-height:auto;margin-inline:auto;padding:42px 0 36px}.hero-bg{background:linear-gradient(90deg,#061423f5,#061423b8),url(/piphacklup-site-hero.png) 64%/cover no-repeat}.hero-proof,.ops-board,.radio-room,.operator-strip,.operator-strip ol{grid-template-columns:1fr}.ops-intro{position:static}.dispatch-row{grid-template-columns:1fr;align-items:start}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-proof div{padding:9px 8px}.hero-proof dt{font-size:20px}.hero-proof dd{font-size:10px}}