@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Silkscreen:wght@400;700&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-system);color:var(--amber);letter-spacing:1.5px;font-size:15px;font-weight:700}.clearance-level{font-family:var(--font-mono);color:var(--cream-dim);opacity:.6;font-size:9px}.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);letter-spacing:.5px;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:13px;font-weight:600;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:52px;font-weight:800;line-height:1.05}.terminal-text.h2{color:var(--olive-bright);font-size:24px;font-family:var(--font-system);font-weight:700}.terminal-text.body{color:var(--on-surface);font-size:15px;line-height:1.6;font-family:var(--font-body)}.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-pixel:"Silkscreen", cursive, monospace;--font-mono:"JetBrains Mono", monospace;--font-ui:"JetBrains Mono", monospace;--font-body:"JetBrains Mono", monospace;--font-system:"Silkscreen", 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%;overflow:hidden}.app-container{background-color:#000;background-image:linear-gradient(#c8922a2e 1px,#0000 1px),linear-gradient(90deg,#c8922a2e 1px,#0000 1px);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:0;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:0;background:#c8922a0d;width:100%;height:10px;animation:4s linear infinite scan;position:fixed;top:0;left:0;box-shadow:0 0 20px #c8922a1a}::-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)}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}[data-anim]{opacity:0}[data-anim].is-visible{animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}[data-anim=fade-up].is-visible{animation-name:fadeUp}[data-anim=fade-in].is-visible{animation-name:fadeIn}[data-anim=fade-left].is-visible{animation-name:fadeLeft}[data-anim=fade-right].is-visible{animation-name:fadeRight}[data-anim=scale-in].is-visible{animation-name:scaleIn}[data-delay="100"].is-visible{animation-delay:.1s}[data-delay="150"].is-visible{animation-delay:.15s}[data-delay="200"].is-visible{animation-delay:.2s}[data-delay="300"].is-visible{animation-delay:.3s}[data-delay="400"].is-visible{animation-delay:.4s}[data-delay="500"].is-visible{animation-delay:.5s}[data-delay="600"].is-visible{animation-delay:.6s}[data-delay="700"].is-visible{animation-delay:.7s}[data-delay="800"].is-visible{animation-delay:.8s}[data-dur=fast].is-visible{animation-duration:.45s}[data-dur=normal].is-visible{animation-duration:.65s}[data-dur=slow].is-visible{animation-duration:.9s}[data-dur=slower].is-visible{animation-duration:1.2s}