@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--tape-primary: #c4b39d;--tape-secondary: #b8a88f;--tape-accent: #ac9c81;--tape-dark: #8b6432;--tape-border: #654321;--text-primary: #654321;--text-secondary: #8b6432;--text-tertiary: #a0826d;--text-muted: #9d8975;--accent-warm: #c9756c;--accent-beige: #d4a574;--accent-brown: #9b8b7e;--shadow-tape: 0 0 10px rgba(101, 67, 33, .3);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .1)}body{background:linear-gradient(180deg,#c4b39d,#b8a88f,#ac9c81);background-attachment:fixed;background-size:100% 100%;color:var(--text-primary);font-family:IBM Plex Mono,Courier New,monospace;overflow-x:hidden;position:relative;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 40px,rgba(139,100,50,.02) 40px,rgba(139,100,50,.02) 80px),repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(139,100,50,.01) 60px,rgba(139,100,50,.01) 120px);pointer-events:none;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0px,rgba(255,140,0,.02) 20px,transparent 40px,transparent 80px,rgba(255,100,0,.015) 100px,transparent 120px),repeating-linear-gradient(90deg,transparent 0px,transparent 100px,rgba(255,120,0,.01) 100px,rgba(255,120,0,.01) 150px);pointer-events:none;z-index:1;animation:tape-scroll 30s linear infinite;background-size:100% 200%,200% 100%;background-position:0 0,0 0}@keyframes tape-scroll{0%{background-position:0 0,0 0}to{background-position:0 200px,150px 0}}.retro-card{background:linear-gradient(135deg,#e8dcc4e6,#dcd0b8e6);border:2px solid var(--tape-dark);box-shadow:0 4px 6px #0000001a,inset 0 1px #ffffff80;padding:20px;margin:10px;position:relative;font-family:IBM Plex Mono,monospace}.retro-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(139,100,50,.02) 2px,rgba(139,100,50,.02) 4px);pointer-events:none;border-radius:2px}.retro-panel{background:linear-gradient(135deg,#e8dcc4d9,#dcd0b8d9);border:3px solid var(--tape-border);padding:24px;margin:15px;box-shadow:0 8px 16px #00000026,inset 0 1px #fff9,inset 0 -1px #0000001a;position:relative}.retro-panel:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:6px;background:repeating-linear-gradient(90deg,var(--tape-dark) 0px,var(--tape-dark) 4px,transparent 4px,transparent 8px);border-radius:1px}.retro-panel:after{content:"";position:absolute;bottom:8px;left:8px;right:8px;height:6px;background:repeating-linear-gradient(90deg,var(--tape-dark) 0px,var(--tape-dark) 4px,transparent 4px,transparent 8px);border-radius:1px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-weight:700;letter-spacing:1px;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);-webkit-text-stroke:.5px rgba(0,0,0,.2)}h1{font-size:32px;letter-spacing:2px;text-transform:uppercase;text-shadow:-1.5px -1.5px 0 rgba(0,0,0,.4),1.5px -1.5px 0 rgba(0,0,0,.4),-1.5px 1.5px 0 rgba(0,0,0,.4),1.5px 1.5px 0 rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3)}h2{font-size:24px;letter-spacing:1px}p{color:var(--text-secondary);line-height:1.6;font-size:14px;text-shadow:-.5px -.5px 0 rgba(0,0,0,.2),.5px -.5px 0 rgba(0,0,0,.2),-.5px .5px 0 rgba(0,0,0,.2),.5px .5px 0 rgba(0,0,0,.2)}.retro-button{background:linear-gradient(135deg,#fff6,#fff3);border:2px solid var(--tape-dark);color:var(--text-primary);padding:10px 20px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-transform:uppercase;position:relative}.retro-button:hover{background:linear-gradient(135deg,#fff9,#fff6);transform:translateY(-2px);box-shadow:0 6px 12px #00000026,0 0 8px #8b64324d}.retro-button:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0003}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background:#ffffff80;border:2px solid var(--tape-dark);color:var(--text-primary);padding:8px 12px;font-family:IBM Plex Mono,monospace;font-size:13px;border-radius:0;transition:all .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;background:#ffffffb3;box-shadow:0 0 8px #8b643266,inset 0 1px 3px #0000000d;border-color:var(--text-primary)}label{color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:block;margin-bottom:6px}.tape-reel{width:40px;height:40px;border:3px solid var(--tape-dark);border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff4d,#e8dcc4cc,#8b643233);box-shadow:inset 0 2px 4px #0003;position:relative}.tape-reel:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--tape-dark);border-radius:50%;transform:translate(-50%,-50%)}.tape-strip{height:8px;background:repeating-linear-gradient(90deg,#8b6432,#8b6432 8px,#dcd0b8 8px,#dcd0b8 16px);border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.3);animation:tape-move 2s linear infinite}@keyframes tape-move{0%{background-position:0 0}to{background-position:16px 0}}.crt-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.97}}.retro-title{font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:2px;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2);text-transform:uppercase}.retro-subtitle{font-family:IBM Plex Mono,monospace;font-size:14px;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-top:8px;text-shadow:-.5px -.5px 0 rgba(0,0,0,.2),.5px -.5px 0 rgba(0,0,0,.2),-.5px .5px 0 rgba(0,0,0,.2),.5px .5px 0 rgba(0,0,0,.2)}.retro-label{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-primary);font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-shadow:-.5px -.5px 0 rgba(0,0,0,.2),.5px -.5px 0 rgba(0,0,0,.2),-.5px .5px 0 rgba(0,0,0,.2),.5px .5px 0 rgba(0,0,0,.2)}.MuiPaper-root{background:linear-gradient(135deg,#e8dcc4e6,#dcd0b8e6);border:2px solid var(--tape-dark);box-shadow:0 4px 6px #0000001a,inset 0 1px #ffffff80}.MuiButton-root{background:linear-gradient(135deg,#fff6,#fff3);border:2px solid var(--tape-dark);color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.MuiButton-root:hover{background:linear-gradient(135deg,#fff9,#fff6);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.MuiCard-root{background:linear-gradient(135deg,#e8dcc4e6,#dcd0b8e6);border:2px solid var(--tape-dark);box-shadow:0 4px 6px #0000001a}::-webkit-scrollbar-track{background:linear-gradient(135deg,#e8dcc480,#dcd0b880);border:1px solid var(--tape-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#c9a87c,#b8956a);border:1px solid var(--tape-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d4b896,#c9a87c)}@media (max-width: 768px){h1{font-size:24px}h2{font-size:18px}.retro-card{padding:16px;margin:8px}.retro-panel{padding:16px;margin:10px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:IBM Plex Mono,Space Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Courier New,source-code-pro,Menlo,Monaco,Consolas,monospace;color:#0f0}::-webkit-scrollbar-track{background:var(--cyber-bg-darker);border-left:1px solid var(--cyber-border)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyber-neon-blue),var(--cyber-neon-purple));border-radius:6px;box-shadow:0 0 10px var(--cyber-neon-blue)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cyber-neon-pink),var(--cyber-neon-purple))}::selection{background:var(--cyber-neon-blue);color:var(--cyber-bg-dark)}:root{--retro-cyan: #00ffff;--retro-magenta: #ff00ff;--retro-yellow: #ffff00;--retro-white: #ffffff;--retro-black: #000000;--retro-darkblue: #000080;--retro-lightgreen: #00ff00;--tape-primary: #e8dcc4;--tape-secondary: #dcd0b8;--tape-accent: #d4c8ac;--tape-dark: #8b6432;--tape-border: #654321;--retro-text-primary: #654321;--retro-text-secondary: #8b6432;--retro-text-tertiary: #a0826d;--retro-text-muted: #9d8975;--retro-accent-pink: #c9756c;--retro-accent-orange: #d4a574;--retro-accent-purple: #9b8b7e;--retro-glow-cyan: 0 0 10px rgba(101, 67, 33, .3);--retro-glow-magenta: 0 0 10px rgba(139, 100, 50, .3);--retro-glow-green: 0 0 8px rgba(101, 67, 33, .2);--retro-glow-yellow: 0 0 8px rgba(139, 100, 50, .2)}body{background:linear-gradient(180deg,#e8dcc4,#dcd0b8,#d4c8ac);color:var(--tape-border);font-family:IBM Plex Mono,Courier New,monospace;repeating-linear-gradient(0deg,#0a0a0a 0px,#0a0a0a 1px,transparent 1px,transparent 2px),linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%);background-attachment:fixed;color:var(--retro-text-primary);font-family:Courier New,IBM Plex Mono,monospace;overflow-x:hidden;position:relative}html,body,#root{width:100%;height:100%;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 5% 50%,rgba(0,255,255,.05) 0%,transparent 15%),radial-gradient(circle at 95% 50%,rgba(255,0,255,.05) 0%,transparent 15%);pointer-events:none;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,100,0,.03) 0px,rgba(255,100,0,.03) 60px,transparent 60px,transparent 120px,rgba(255,100,0,.02) 120px,rgba(255,100,0,.02) 180px),repeating-linear-gradient(90deg,transparent 0px,transparent 80px,rgba(255,100,0,.02) 80px,rgba(255,100,0,.02) 100px);pointer-events:none;z-index:1;animation:tape-scroll 20s linear infinite}@keyframes tape-scroll{0%{background-position:0 0}to{background-position:0 240px}}.retro-title{font-family:IBM Plex Mono,Courier New,monospace;font-weight:700;letter-spacing:3px;text-transform:uppercase}.retro-subtitle{font-family:Space Mono,monospace;letter-spacing:2px;font-size:.9rem}.retro-text{font-family:Courier New,monospace;letter-spacing:1px}.retro-crt{position:relative}.retro-crt:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:999;animation:retro-flicker .15s infinite}@keyframes retro-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.95}}.retro-glow-cyan{color:var(--retro-text-primary);text-shadow:var(--retro-glow-cyan)}.retro-glow-magenta{color:var(--retro-accent-pink);text-shadow:var(--retro-glow-magenta)}.retro-glow-green{color:var(--retro-text-secondary);text-shadow:var(--retro-glow-green)}.retro-glow-yellow{color:var(--retro-text-tertiary);text-shadow:var(--retro-glow-yellow)}.retro-card{background:var(--retro-bg-card);border:3px solid var(--retro-text-primary);box-shadow:0 0 10px #00ffff4d,inset 0 0 10px #00ffff1a;position:relative;padding:20px;overflow:hidden}.retro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--retro-text-primary),transparent);animation:retro-scan 3s linear infinite}@keyframes retro-scan{0%{transform:translateY(-50%)}to{transform:translateY(400px)}}.retro-terminal{background:var(--retro-bg-card);border:2px solid var(--retro-text-secondary);border-radius:0;padding:15px;font-family:Courier New,monospace;color:var(--retro-text-secondary);overflow-x:auto;box-shadow:0 0 20px #00ff004d}.retro-container,.retro-card,.retro-panel{position:relative;z-index:10}#root>*{position:relative;z-index:10}.retro-terminal:before{content:"$ ";color:var(--retro-text-primary);margin-right:10px}.retro-button{background:var(--retro-text-primary);color:var(--retro-bg-primary);border:2px solid var(--retro-text-primary);padding:12px 28px;font-family:IBM Plex Mono,monospace;font-weight:700;letter-spacing:2px;cursor:pointer;text-transform:uppercase;transition:all .2s ease;box-shadow:3px 3px 0 var(--retro-accent-pink);position:relative}.retro-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--retro-accent-pink);background:var(--retro-accent-pink);color:var(--retro-bg-primary)}.retro-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--retro-accent-pink)}.retro-button-secondary{background:transparent;color:var(--retro-text-primary);border:2px solid var(--retro-text-primary);box-shadow:2px 2px 0 var(--retro-accent-orange)}.retro-button-secondary:hover{background:var(--retro-accent-orange);color:var(--retro-bg-primary);box-shadow:4px 4px 0 var(--retro-text-primary)}.retro-input,.retro-textarea{background:var(--retro-bg-secondary);border:2px solid var(--retro-text-primary);color:var(--retro-text-primary);padding:10px 12px;font-family:Courier New,monospace;font-size:1rem;transition:all .3s ease}.retro-input:focus,.retro-textarea:focus{outline:none;border-color:var(--retro-text-secondary);box-shadow:0 0 20px #0f06}.retro-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(0,255,255,.05) 25%,rgba(0,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.05) 75%,rgba(0,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,255,255,.05) 25%,rgba(0,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.05) 75%,rgba(0,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:0;opacity:.3}@keyframes retro-blink{0%,49%,to{opacity:1}50%,99%{opacity:0}}@keyframes retro-glow-pulse{0%,to{text-shadow:var(--retro-glow-cyan)}50%{text-shadow:0 0 30px rgba(0,255,255,.8),0 0 60px rgba(0,255,255,.4)}}@keyframes retro-slide{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.retro-blink{animation:retro-blink 1s infinite}.retro-glow-pulse{animation:retro-glow-pulse 2s infinite}.retro-slide{animation:retro-slide .8s ease-out}.retro-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--retro-bg-secondary);border:2px solid var(--retro-text-secondary);font-family:Courier New,monospace;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.retro-status:before{content:"";display:inline-block;width:10px;height:10px;background:var(--retro-text-secondary);box-shadow:0 0 10px var(--retro-text-secondary);animation:retro-blink 1s infinite}.retro-status.error:before{background:var(--retro-accent-pink);box-shadow:0 0 10px var(--retro-accent-pink)}.retro-status.success:before{background:var(--retro-text-secondary);box-shadow:0 0 10px var(--retro-text-secondary)}.retro-data-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,255,255,.2);font-family:Courier New,monospace;font-size:.95rem}.retro-data-label{color:var(--retro-text-muted);text-transform:uppercase;letter-spacing:1px}.retro-data-value{color:var(--retro-text-primary);font-weight:700;text-shadow:var(--retro-glow-cyan)}.retro-table{width:100%;border-collapse:collapse;background:var(--retro-bg-card)}.retro-table thead{background:var(--retro-bg-secondary);border-top:2px solid var(--retro-text-primary);border-bottom:2px solid var(--retro-text-primary)}.retro-table th{color:var(--retro-text-primary);padding:12px;text-align:left;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.retro-table td{padding:10px 12px;color:var(--retro-text-secondary);border-bottom:1px solid rgba(0,255,255,.1)}.retro-table tbody tr:hover{background:#00ffff1a}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--retro-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--retro-text-primary);border:2px solid var(--retro-bg-primary);box-shadow:0 0 10px #00ffff4d}::-webkit-scrollbar-thumb:hover{background:var(--retro-text-secondary);box-shadow:0 0 15px #00ff0080}.retro-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:20px}.retro-section{margin:30px 0;padding:30px;background:#00143cb3;border:2px solid var(--retro-text-primary);box-shadow:0 0 30px #0ff3}.retro-section-title{font-size:2rem;color:var(--retro-text-primary);text-shadow:var(--retro-glow-cyan);margin-bottom:20px;letter-spacing:2px;text-transform:uppercase}.retro-spacer{display:inline-block}.retro-divider{height:2px;background:linear-gradient(90deg,transparent,var(--retro-text-primary),transparent);margin:20px 0}@keyframes retro-loading{0%,to{opacity:.3}50%{opacity:1}}.retro-loading{animation:retro-loading 1.5s ease-in-out infinite}@media print{.retro-crt:before{display:none}}