@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&family=Space+Grotesk:wght@300;400;500;600&display=swap";.side-nav{background-color:var(--surface-low);border-right:2px solid var(--outline-variant);z-index:100;background-image:linear-gradient(90deg,#0003,#0000);flex-direction:column;width:240px;height:100vh;padding:32px 0;transition:transform .3s;display:flex;position:fixed;top:0;left:0}@media (width<=768px){.side-nav{border-right:none;border-top:2px solid var(--outline-variant);background-image:none;flex-direction:row;width:100%;height:56px;padding:0;top:auto;bottom:0;left:0;transform:translate(0)}.profile-section,.action-icons,.nav-footer{display:none}.nav-items{flex-direction:row;justify-content:space-around;width:100%}.nav-item{border-top:3px solid #0000;border-left:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:9px}.nav-item.active{border-left-color:#0000;border-top-color:var(--amber)}}.profile-section{align-items:center;gap:16px;margin-bottom:24px;padding:0 24px;display:flex}.avatar-frame{background-color:var(--secondary-container);border:1px solid var(--outline-variant);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.avatar-icon{opacity:.8;font-size:24px}.profile-info{flex-direction:column;display:flex}.profile-name{font-family:var(--font-ui);color:var(--amber);letter-spacing:1px;font-size:14px;font-weight:700}.clearance-level{font-family:var(--font-ui);color:var(--cream-dim);opacity:.6;font-size:8px}.action-icons{gap:20px;margin-bottom:48px;padding:0 24px;display:flex}.act-btn{color:var(--amber);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:16px}.act-btn:hover{opacity:1}.nav-items{flex-direction:column;flex:1;display:flex}.nav-item{color:var(--cream-dim);font-family:var(--font-ui);cursor:pointer;text-align:left;background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:16px;width:100%;padding:16px 24px;font-size:12px;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--surface-container);color:var(--cream)}.nav-item.active{background-color:var(--surface-container);color:var(--amber);border-left-color:var(--amber);box-shadow:inset 5px 0 10px #c8922a0d}.nav-icon{font-size:16px}.nav-footer{border-top:1px solid var(--outline-variant);padding:24px}.system-status{font-family:var(--font-ui);color:var(--olive-bright);align-items:center;gap:8px;margin-bottom:8px;font-size:9px;display:flex}.status-dot{background-color:var(--ctrl-green);width:6px;height:6px;box-shadow:0 0 8px var(--ctrl-green);border-radius:50%}.copyright{color:var(--cream-dim);opacity:.4;font-size:8px;font-style:italic}.window-frame{background-color:var(--surface-container);border:1px solid var(--outline-variant);flex-direction:column;transition:transform .1s step-end;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.window-frame.active{transform:scale(1.005);box-shadow:0 0 20px #c8922a1a}.window-header{background-color:var(--olive);border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding:6px 12px;display:flex}.window-controls{gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background-color:var(--ctrl-red)}.dot-yellow{background-color:var(--ctrl-yellow)}.dot-green{background-color:var(--ctrl-green)}.window-title-container{flex:1;align-items:center;gap:12px;display:flex}.window-title{font-family:var(--font-ui);text-transform:uppercase;color:var(--cream);letter-spacing:1px;font-size:11px}.window-path{font-family:var(--font-ui);color:var(--cream-dim);opacity:.7;font-size:10px}.window-content{flex:1;padding:24px;position:relative;overflow-y:auto}.terminal-text{font-family:var(--font-system);margin:0;display:inline-block}.terminal-text.hero{color:var(--amber);text-transform:uppercase;letter-spacing:2px;font-size:48px;line-height:1}.terminal-text.h2{color:var(--olive-bright);font-size:24px;font-family:var(--font-ui)}.terminal-text.body{color:var(--on-surface);font-size:14px;line-height:1.6}.terminal-text.glow{text-shadow:0 0 10px #c8922a80}.cursor{width:10px;color:var(--amber);margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}:root{--bg:#14140e;--surface:#14140e;--surface-lowest:#0e0f09;--surface-low:#1c1c16;--surface-container:#20201a;--surface-high:#2a2a24;--surface-highest:#35352e;--primary:#f8bc51;--primary-container:#c8922a;--on-primary:#422c00;--secondary:#c1cab3;--secondary-container:#444c3a;--on-secondary:#2b3323;--tertiary:#bacda7;--tertiary-container:#8fa17e;--error:#ffb4ab;--on-surface:#e5e2d8;--on-surface-variant:#d4c4b0;--outline:#9c8f7c;--outline-variant:#504536;--amber:#c8922a;--amber-dim:#8b6a00;--cream:#e5e2d8;--cream-dim:#9c8f7c;--olive:#4a5240;--olive-bright:#7a8c6a;--ctrl-red:#8b3a3a;--ctrl-yellow:#8b6a00;--ctrl-green:#3a6b3a;--font-system:"VT323", monospace;--font-ui:"Share Tech Mono", monospace;--font-body:"Share Tech Mono", monospace;--space-unit:8px;--grid-size:28px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--on-surface);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}.page-content{width:100%;height:100%;padding:40px;overflow:hidden}@media (width<=768px){.page-content{padding:16px}}.app-container{background-image:linear-gradient(#5045361a .5px,#0000 .5px),linear-gradient(90deg,#5045361a .5px,#0000 .5px);background-size:var(--grid-size) var(--grid-size);background-position:50%;width:100%;min-height:100vh;position:relative}.app-container:after{content:"";pointer-events:none;z-index:1000;opacity:.3;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05) 0 0/3px 100%;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes scan{0%{top:-100%}to{top:100%}}.app-container:before{content:"";pointer-events:none;z-index:1001;background:#c8922a0d;width:100%;height:10px;animation:4s linear infinite scan;position:fixed;top:0;left:0;box-shadow:0 0 20px #c8922a1a}@keyframes flicker{0%{opacity:.98}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.98}to{opacity:1}}.crt-flicker{animation:.1s infinite flicker}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-lowest)}::-webkit-scrollbar-thumb{background:var(--olive)}::-webkit-scrollbar-thumb:hover{background:var(--olive-bright)}