:root{--bg: #050a12;--bg2: #080f1c;--surface: rgba(10, 20, 40, .85);--border: rgba(0, 200, 255, .15);--accent: #00d4ff;--accent2: #00ff88;--warn: #ff6b35;--danger: #ff2d55;--text: #c8e6f5;--muted: #4a6a80;--glow: 0 0 20px rgba(0, 212, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px;animation:gridPulse 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}body:after{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(ellipse,rgba(0,100,200,.08) 0%,transparent 70%);pointer-events:none;z-index:0;animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.app{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.panel-title{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:3px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}.panel-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.btn-primary{flex:1;padding:12px;border-radius:8px;background:#ff6b3533;border:1px solid var(--warn);color:var(--warn);font-family:Orbitron,sans-serif;font-size:.7rem;cursor:pointer;letter-spacing:2px;transition:all .2s}.btn-primary:hover{background:#ff6b3559}.btn-secondary{flex:1;padding:12px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--muted);font-size:.8rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#00d4ff4d;color:var(--text)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{min-width:250px;max-width:350px;padding:12px 16px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #0000004d;animation:slideIn .3s ease-out;font-family:Rajdhani,sans-serif;border:1px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-info{background:#000f1ef2;border-left:4px solid var(--primary)}.toast-success,.toast-ok{background:#00140af2;border-left:4px solid var(--success)}.toast-warning,.toast-warn{background:#1e0f05f2;border-left:4px solid var(--warn)}.toast-error,.toast-crit{background:#1e0505f2;border-left:4px solid var(--danger, #ff4d4d)}.toast-message{font-size:.9rem;font-weight:500}.toast-close{background:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer;margin-left:10px;opacity:.7}.toast-close:hover{opacity:1}.hero-section{position:relative;width:100%;height:200px;margin-bottom:20px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.hero-section img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#050a124d,#050a12f2);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.hero-overlay h2{font-family:Orbitron,monospace;font-size:1.8rem;color:var(--accent);text-shadow:0 0 30px rgba(0,212,255,.6);margin-bottom:8px}.hero-overlay p{color:var(--text);font-size:1rem;max-width:600px}main{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;padding:24px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-btn{padding:12px 8px;border-radius:8px;border:1px solid var(--border);background:#000f1e99;cursor:pointer;text-align:center;transition:all .25s;font-size:.75rem;color:var(--text)}.quick-btn:hover{border-color:#00d4ff66;background:#00325066}.quick-btn .btn-icon{font-size:1.3rem;display:block;margin-bottom:4px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--bg2);border:1px solid var(--warn);border-radius:14px;padding:28px;width:440px;box-shadow:0 0 60px #ff6b3533;transform:scale(.95) translateY(20px);transition:transform .3s}.modal-overlay.open .modal{transform:scale(1) translateY(0)}.modal h2{font-family:Orbitron,monospace;font-size:.9rem;color:var(--warn);letter-spacing:3px;margin-bottom:6px}.modal p{font-size:.85rem;color:var(--muted);margin-bottom:20px}.modal-issue{padding:12px;border-radius:6px;border:1px solid rgba(255,107,53,.2);background:#ff6b350f;font-size:.8rem;margin-bottom:20px;color:var(--text)}.modal-issue strong{color:var(--warn)}.modal-actions{display:flex;gap:10px}body.light-theme{--bg: #f4f6f8;--bg2: #ffffff;--panel: #ffffff;--text: #1a202c;--muted: #64748b;--border: #e2e8f0;--primary: #0284c7;--accent: #0ea5e9;--success: #10b981;--warn: #f59e0b;--danger: #ef4444}body.light-theme .hero-overlay{background:linear-gradient(180deg,#f4f6f84d,#f4f6f8f2)}body.light-theme .panel,body.light-theme .quick-btn{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body.light-theme .quick-btn:hover{background:#f1f5f9}body.light-theme .modal{background:#fff;border-color:var(--warn)}