@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#07070b;--bg-secondary:#1414168c;--bg-panel:#0a0a0e8c;--bg-hover:#141416a6;--border:#2a2c33d9;--text-primary:#f0f2f5;--text-secondary:#f0f2f5ad;--text-muted:#f0f2f561;--accent-blue:#2979ff;--accent-cyan:#00e5ff;--accent-green:#00e676;--accent-red:#ff1744;--accent-amber:#ffab00;--font-main:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}html,body,#root{width:100%;height:100%;overflow:hidden}#root{z-index:1;position:relative}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1200px 900px at 20% 10%,#2979ff38,#0000 55%),radial-gradient(900px 700px at 80% 25%,#00e5ff2e,#0000 60%),radial-gradient(900px 700px at 50% 90%,#00e6761f,#0000 65%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.18;background-image:linear-gradient(#2979ff24 1px,#0000 1px),linear-gradient(90deg,#2979ff24 1px,#0000 1px);background-size:84px 84px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(closest-side at 50% 10%,#000,#0000);mask-image:radial-gradient(closest-side at 50% 10%,#000,#0000)}.topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:relative}.topbar-brand{align-items:center;gap:12px;display:flex}.topbar-brand svg{color:var(--accent-blue)}.topbar-title{letter-spacing:.03em;color:var(--text-primary);font-size:16px;font-weight:700}.topbar-title span{color:var(--accent-cyan)}.status-badge{letter-spacing:.1em;font-size:10px;font-weight:700;font-family:var(--font-mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.status-badge.connected{color:#00e676f2;background:#00e6761a;border:1px solid #00e6764d;box-shadow:0 0 0 1px #00e6761a,0 18px 60px #00e6761a}.status-badge.disconnected{color:#ff1744f2;background:#ff17441a;border:1px solid #ff17444d;box-shadow:0 0 0 1px #ff17441a,0 18px 60px #ff17441a}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.status-dot.pulse{animation:1.5s infinite pulse-anim}@keyframes pulse-anim{0%,to{opacity:1}50%{opacity:.3}}.topbar-telemetry{align-items:center;gap:24px;display:flex}.topbar-backbtn{color:#00e5ffeb;border-color:#00e5ff40;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.topbar-backbtn:hover{border-color:#00e5ff73;box-shadow:0 0 0 1px #00e5ff1a,0 18px 60px #2979ff2e}.topbar-flight{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00e6761a;border:1px solid #00e67647;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.topbar-flight-dot{background:#00e676f2;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1s ease-in-out infinite pulse-dot;box-shadow:0 0 10px #00e6768c}.topbar-flight-text{font-size:10px;font-family:var(--font-mono);color:#00e676f2;letter-spacing:.05em;font-weight:800}.topbar-drone{align-items:center;gap:6px;display:inline-flex}.topbar-drone-label{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em}.topbar-drone-select{color:#f0f2f5eb;font-size:10px;font-family:var(--font-mono);cursor:pointer;background:#0a0a0e73;border:1px solid #2a2c33d9;border-radius:8px;outline:none;padding:4px 8px}.topbar-drone-select:focus{border-color:#00e5ff59;box-shadow:0 0 0 1px #00e5ff1f}.topbar-switcher{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0e73;border:1px solid #2a2c33d9;border-radius:10px;display:flex;overflow:hidden}.topbar-switcher-btn{color:#f0f2f57a;cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:13px;transition:all .2s}.topbar-switcher-btn:hover{color:#00e5ffeb;background:#00e5ff14}.topbar-switcher-btn.active{color:#06101af2;background:linear-gradient(135deg,#2979fff2,#00e5ffbf)}.topbar-action{color:#f0f2f5cc;cursor:pointer;letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);background:#0a0a0e40;border:1px solid #2a2c33a6;border-radius:0;padding:6px 12px;font-size:12px;font-weight:800;transition:all .2s;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.topbar-action:before{content:"";filter:blur();opacity:.55;z-index:-1;clip-path:inherit;background:linear-gradient(135deg,#2979ff8c,#00e5ff59,#00e6762e);position:absolute;inset:-1px}.topbar-action:after{content:"";z-index:-1;clip-path:inherit;background:radial-gradient(220px 90px at 30% 20%,#00e5ff24,#0000 60%),#0a0a0e73;position:absolute;inset:1px}.topbar-action:hover{border-color:#00e5ff73;transform:translateY(-1px);box-shadow:0 0 0 1px #00e5ff1f,0 22px 80px #2979ff38}.topbar-action-ai{color:#00e5fff2}.topbar-action-ai:before{opacity:.7;background:linear-gradient(135deg,#00e5ff8c,#2979ff4d,#00e5ff1f)}.topbar-action-ai.active{box-shadow:0 0 0 1px #00e5ff33,0 22px 90px #00e5ff1f}.topbar-action-bell{color:#ffab00fa}.topbar-action-bell:before{opacity:.7;background:linear-gradient(135deg,#ffab008c,#ff17442e,#ffab001f)}.topbar-action-admin{color:#ef5350fa}.topbar-action-admin:before{opacity:.7;background:linear-gradient(135deg,#ff17448c,#ef535038,#ff17441f)}.topbar-action-orders{color:#00e676fa}.topbar-action-orders:before{opacity:.7;background:linear-gradient(135deg,#00e6768c,#00e5ff29,#00e6761f)}.topbar-action-reports{color:#2979fffa}.topbar-action-reports:before{opacity:.7;background:linear-gradient(135deg,#2979ff8c,#00e5ff38,#2979ff1f)}.topbar-unread{color:#fff;text-align:center;background:#ff1744f2;border:1px solid #ff174459;border-radius:99px;min-width:16px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:-4px;right:-4px;box-shadow:0 10px 30px #ff17442e}.topbar-userchip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2979ff14;border:1px solid #2979ff33;border-radius:12px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.topbar-avatar{color:#06101af2;background:linear-gradient(135deg,#2979ff,#00e5ffd9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:flex}.topbar-username{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.topbar-logout{cursor:pointer;color:#f0f2f559;background:0 0;border:none;padding:2px 4px;font-size:12px;line-height:1}.topbar-logout:hover{color:#00e5ffd9}.full-height{height:100vh}.flex-column{flex-direction:column;display:flex}.flex-1{flex:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.padding-18{padding:18px}.telem-item{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.telem-item svg{flex-shrink:0;width:16px;height:16px}.telem-value{color:var(--text-primary);font-weight:600}.btn-icon{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-primary);background:#1414168c;border-color:#00e5ff59;box-shadow:0 0 0 1px #2979ff26,0 18px 60px #2979ff2e}.workspace{z-index:1;height:calc(100vh - 56px);display:flex;position:relative}.sidebar{border-right:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07070b8c;flex-direction:column;align-items:center;gap:8px;width:60px;padding:12px 0;display:flex}.sidebar-btn{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #2a2c33a6;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-btn:hover,.sidebar-btn.active{color:#00e5fff2;background:#00e5ff14;border-color:#00e5ff59;box-shadow:0 0 0 1px #00e5ff1f,0 18px 50px #00e5ff1a}.sidebar-btn svg{width:20px;height:20px}.main-area{flex:1;display:flex;overflow:hidden}.video-panel{background:radial-gradient(1200px 900px at 40% 10%,#2979ff24,#0000 55%),#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-panel:after{content:"";pointer-events:none;opacity:.9;background:radial-gradient(900px 600px at 50% 10%,#00e5ff1a,#0000 60%),linear-gradient(#0000,#00000059);position:absolute;inset:0}.video-placeholder{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.video-placeholder svg{color:#ffffff14;width:52px;height:52px}.video-placeholder-text{font-family:var(--font-mono);letter-spacing:.15em;color:#fff3;font-size:12px}.video-placeholder-sub{color:#ffffff1f;max-width:260px;font-size:11px;line-height:1.5}.osd{font-family:var(--font-mono);color:var(--accent-cyan);text-shadow:0 0 12px #00e5ff80;pointer-events:none;font-size:11px;line-height:1.8;position:absolute;top:16px;left:16px}.osd-badge{color:#fff;letter-spacing:.08em;background:#ff1744d9;border-radius:4px;align-items:center;gap:5px;margin-bottom:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.osd-badge .dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse-anim}.crosshair{pointer-events:none;opacity:.3;width:50px;height:50px;position:absolute}.crosshair:before,.crosshair:after{content:"";background:var(--accent-cyan);position:absolute}.crosshair:before{width:1px;height:100%;top:0;left:50%}.crosshair:after{width:100%;height:1px;top:50%;left:0}.cam-controls{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07070b8c;border-radius:12px;gap:10px;padding:8px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 22px 90px #0000008c}.cam-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;letter-spacing:.05em;background:#14141673;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .2s}.cam-btn:hover{color:#f0f2f5f2;background:#00e5ff24;border-color:#00e5ff59;box-shadow:0 0 0 1px #00e5ff1f,0 18px 60px #2979ff2e}.cam-btn.danger{color:var(--accent-red);border-color:#ff174466}.cam-btn.danger:hover{color:#ff1744f2;background:#ff17442e;border-color:#ff17448c}.right-panel{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07070b8c;flex-direction:column;width:380px;display:flex}.panel-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0e8c;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.panel-title{letter-spacing:.12em;color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-mono)}.panel-section-head{letter-spacing:.12em;color:var(--accent-cyan);font-size:11px;font-weight:700;font-family:var(--font-mono);text-shadow:0 0 12px #00e5ff80;border-bottom:1px solid #2a2c33bf;margin-bottom:8px;padding:6px 0}.services-area{position:relative}.services-list{flex-direction:column;gap:7px;display:flex}.service-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0e59;border:1px solid #2a2c33bf;border-radius:12px;justify-content:space-between;align-items:center;padding:7px 10px;display:flex;box-shadow:0 18px 70px #00000059}.service-row[data-status=online]{border-color:#00e67640}.service-row[data-status=offline]{border-color:#ff174440}.service-row[data-status=checking]{border-color:#00e5ff38}.service-left{align-items:center;gap:8px;display:flex}.service-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px}.service-row[data-status=checking] .service-dot{animation:1.2s ease-in-out infinite pulse-dot}.service-row[data-status=online] .service-dot{box-shadow:0 0 14px #00e6768c}.service-row[data-status=offline] .service-dot{box-shadow:0 0 14px #ff174473}.service-name{font-size:11px;font-family:var(--font-mono);color:#f0f2f5bd;letter-spacing:.04em}.service-state{font-size:10px;font-weight:900;font-family:var(--font-mono);letter-spacing:.12em}.map-area{background:var(--bg-primary);flex:1;position:relative;overflow:hidden}.map-area:before{content:"";opacity:.65;background-image:linear-gradient(#2979ff0a 1px,#0000 1px),linear-gradient(90deg,#2979ff0a 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.map-area:after{content:"";pointer-events:none;background:radial-gradient(700px 500px at 50% 25%,#00e5ff14,#0000 65%);position:absolute;inset:0}.map-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.map-placeholder svg{width:40px;height:40px;color:var(--text-muted)}.map-placeholder-text{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.telemetry-section{border-top:1px solid var(--border)}.telem-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.telem-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0e59;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.telem-card-label{letter-spacing:.12em;color:var(--text-muted);font-size:9px;font-weight:700;font-family:var(--font-mono)}.telem-card-value{font-size:22px;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan);line-height:1}.telem-card-unit{color:var(--text-secondary);font-size:11px}.battery-bar{background:var(--bg-hover);border-radius:2px;width:100%;height:4px;margin-top:4px;overflow:hidden}.battery-fill{background:var(--accent-green);border-radius:2px;height:100%;transition:width .5s}.alerts-area{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:12px;display:flex}.alert-item{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141659;border:1px solid #2a2c33a6;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.alert-item svg{flex-shrink:0;width:14px;height:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3c45}.admin-grid{grid-template-columns:1fr 340px;align-items:start;gap:18px;display:grid}.table-responsive{width:100%;overflow-x:auto}.orders-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=900px){.workspace{flex-direction:column;height:calc(100vh - 56px)}.main-area{flex-direction:column;overflow:hidden auto}.video-panel{width:100%;height:35vh;min-height:250px;flex:none!important}.osd{font-size:9px;top:8px;left:8px}.cam-controls{flex-wrap:wrap;justify-content:center;gap:6px;width:90%;padding:6px 10px;bottom:8px}.cam-btn{padding:4px 8px;font-size:9px}.right-panel{border-left:none;border-top:1px solid var(--border);flex:none;width:100%!important}.telem-card{padding:10px}.sidebar{border-right:none;border-top:1px solid var(--border);z-index:200;flex-direction:row;justify-content:space-evenly;width:100%;height:60px;padding:0}.sidebar-divider{width:1px;height:32px;margin:0}.topbar{padding:0 10px}.topbar-telemetry{gap:10px}.telem-item{display:none}.topbar-brand .topbar-title{font-size:13px}.topbar-brand .status-badge{display:none}.ai-panel-wrapper{border-top:1px solid var(--border);max-height:300px;border-left:none!important;width:100%!important;height:auto!important}.admin-grid{grid-template-columns:1fr}.orders-stats-grid{grid-template-columns:repeat(2,1fr)}}.landing-root{background:radial-gradient(1200px 900px at 20% 10%,#2979ff38,#0000 55%),radial-gradient(900px 700px at 80% 25%,#00e5ff2e,#0000 60%),radial-gradient(900px 700px at 50% 90%,#00e6761f,#0000 65%),#07070b;width:100%;height:100%;position:relative;overflow:auto}.landing-bg{pointer-events:none;opacity:.85;filter:blur(.25px);background-image:radial-gradient(#ffffffd9 1px,#0000 1px);background-position:12px 18px;background-size:120px 120px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side at 50% 20%,#000,#0000);mask-image:radial-gradient(closest-side at 50% 20%,#000,#0000)}.landing-grid{pointer-events:none;opacity:.35;transform-origin:top;background-image:linear-gradient(#2979ff24 1px,#0000 1px),linear-gradient(90deg,#2979ff24 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;transform:perspective(800px)rotateX(58deg)translateY(-120px);-webkit-mask-image:linear-gradient(#000000e6,#0000);mask-image:linear-gradient(#000000e6,#0000)}.landing-glow{pointer-events:none;filter:blur(70px);opacity:.55;background:conic-gradient(from 180deg,#00e5ff00,#2979ff38,#00e67624,#00e5ff00);position:absolute;inset:-80px}.landing-lock{z-index:9999;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.landing-lock-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;position:absolute;inset:0}.landing-lock-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(#0a0a0ee0,#080a10c7);border:1px solid #00e5ff2e;border-radius:18px;width:min(420px,92vw);padding:20px 20px 18px;position:relative;box-shadow:0 24px 90px #000000a6,0 0 120px #00e5ff14}.landing-lock-card:before{content:"";opacity:.55;z-index:-1;background:linear-gradient(135deg,#2979ff8c,#00e5ff38,#00e67624);border-radius:18px;position:absolute;inset:-1px}.landing-lock-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.landing-lock-title{font-family:var(--font-mono);letter-spacing:.16em;color:#00e5ffeb;text-transform:uppercase;text-shadow:0 0 18px #00e5ff59;font-size:12px;font-weight:900}.landing-lock-close{appearance:none;color:#f0f2f5bf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.landing-lock-close:hover{color:#00e5ffe6;border-color:#00e5ff40;box-shadow:0 0 0 1px #00e5ff1a}.landing-lock-sub{color:#f0f2f599;margin-bottom:14px;font-size:12px;line-height:1.6}.landing-lock-form{flex-direction:column;gap:10px;display:flex}.landing-lock-label{font-family:var(--font-mono);letter-spacing:.14em;color:#f0f2f57a;font-size:10px;font-weight:800}.landing-lock-input{color:#f0f2f5eb;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:11px 12px;font-size:13px}.landing-lock-input:focus{border-color:#00e5ff4d;box-shadow:0 0 0 1px #00e5ff1a,0 0 40px #00e5ff0f}.landing-lock-error{color:#ff1744eb;background:#ff17441a;border:1px solid #ff174438;border-radius:14px;padding:10px 12px;font-size:12px}.landing-lock-btn{cursor:pointer;letter-spacing:.12em;color:#06101af2;background:linear-gradient(135deg,#00e5fff2,#2979fff2);border:none;border-radius:16px;width:100%;margin-top:6px;padding:12px 14px;font-weight:900;transition:all .18s;box-shadow:0 20px 70px #2979ff38,0 0 60px #00e5ff1a}.landing-lock-btn:disabled{opacity:.65;cursor:wait}.landing-lock-btn:hover{transform:translateY(-1px);box-shadow:0 24px 90px #2979ff40,0 0 70px #00e5ff1f}.landing-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07070b8c;border-bottom:1px solid #2a2c33bf;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.landing-brand{align-items:center;gap:12px;display:flex}.landing-mark{background:radial-gradient(12px 12px at 35% 35%,#fffc,#fff0),radial-gradient(16px 16px at 70% 30%,#00e5ffa6,#00e5ff00),radial-gradient(22px 22px at 45% 75%,#2979ffbf,#2979ff00),linear-gradient(135deg,#2979ff73,#00e5ff40);border:1px solid #00e5ff40;border-radius:10px;width:34px;height:34px;box-shadow:0 0 0 1px #2979ff33,0 18px 60px #2979ff2e}.landing-brand-title{letter-spacing:.04em;font-size:13px;font-weight:800}.landing-brand-subtitle{font-family:var(--font-mono);letter-spacing:.18em;color:#f0f2f573;font-size:10px}.landing-nav{gap:18px;display:none}.landing-link{font-family:var(--font-mono);letter-spacing:.18em;color:#f0f2f58c;font-size:10px;text-decoration:none;transition:color .16s}.landing-link:hover{color:#00e5ffe6}@media (width>=980px){.landing-nav{display:flex}}.landing-actions{gap:10px;display:flex}.landing-lang{background:#14141659;border:1px solid #2a2c33d9;border-radius:12px;align-items:center;display:inline-flex;overflow:hidden}.landing-lang-btn{appearance:none;color:#f0f2f5b3;font-family:var(--font-mono);letter-spacing:.16em;cursor:pointer;background:0 0;border:0;height:38px;padding:0 10px;font-size:10px;transition:background .16s,color .16s}.landing-lang-btn:hover{color:#00e5fff2;background:#00e5ff14}.landing-lang-btn.active{color:#f0f2f5f2;background:#2979ff2e}.landing-btn{height:38px;font-family:var(--font-mono);letter-spacing:.14em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.landing-btn:hover{transform:translateY(-1px)}.landing-btn-primary{color:#06101a;background:linear-gradient(135deg,#2979ff,#00e5ffe6);border:1px solid #00e5ff40;box-shadow:0 14px 50px #2979ff38}.landing-btn-secondary{color:#f0f2f5db;background:#14141673;border:1px solid #2a2c33d9}.landing-btn-ghost{color:#f0f2f5bf;background:0 0;border:1px solid #2a2c33d9}.landing-main{z-index:2;max-width:1120px;margin:0 auto;padding:26px 18px 80px;position:relative}.landing-hero{grid-template-columns:1fr;gap:22px;padding:30px 6px 10px;display:grid}@media (width>=980px){.landing-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:26px}}.landing-kicker{font-family:var(--font-mono);letter-spacing:.22em;color:#00e5ffb3;margin-bottom:14px;font-size:10px}.landing-title{letter-spacing:-.02em;font-size:36px;font-weight:900;line-height:1.05}@media (width>=980px){.landing-title{font-size:48px}}.landing-accent{background:linear-gradient(135deg,#00e5ff,#2979ff);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-lead{color:#f0f2f5b3;margin-top:14px;font-size:14px;line-height:1.7}.landing-cta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.landing-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.landing-metric{background:#14141659;border:1px solid #2a2c33bf;border-radius:12px;padding:12px}.landing-metric-value{font-family:var(--font-mono);letter-spacing:.18em;color:#f0f2f5eb;font-size:10px}.landing-metric-label{color:#f0f2f58c;margin-top:6px;font-size:11px}.landing-hero-right{min-height:340px;position:relative}.landing-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0e8c;border:1px solid #00e5ff2e;border-radius:16px;overflow:hidden;box-shadow:0 30px 120px #00000073}.landing-panel-top{background:#14141673;border-bottom:1px solid #2a2c33bf;align-items:center;gap:8px;padding:10px 12px;display:flex}.landing-panel-title{font-family:var(--font-mono);letter-spacing:.18em;color:#f0f2f58c;margin-left:6px;font-size:10px}.landing-dot{border-radius:50%;width:9px;height:9px}.landing-dot-red{background:#ff1744d9}.landing-dot-amber{background:#ffab00d9}.landing-dot-green{background:#00e676d9}.landing-panel-body{min-height:260px;padding:16px;position:relative}.landing-scanline{pointer-events:none;opacity:.8;background:linear-gradient(#00e5ff00,#00e5ff0f,#00e5ff00);animation:3.6s linear infinite landing-scan;position:absolute;inset:0;transform:translateY(-40%)}@keyframes landing-scan{0%{transform:translateY(-60%)}to{transform:translateY(60%)}}.landing-hud{z-index:1;gap:10px;max-width:220px;display:grid;position:relative}.landing-hud-row{font-family:var(--font-mono);letter-spacing:.1em;color:#f0f2f5c7;background:#14141659;border:1px solid #2a2c33bf;border-radius:12px;justify-content:space-between;padding:10px 12px;font-size:11px;display:flex}.landing-hud-val{color:#00e5fff2}.landing-panel-caption{font-family:var(--font-mono);letter-spacing:.14em;color:#f0f2f559;font-size:10px;position:absolute;bottom:14px;left:16px;right:16px}.landing-orbit{pointer-events:none;opacity:.85;width:240px;height:240px;position:absolute;bottom:-14px;right:-10px}.landing-orbit-ring{border:1px solid #00e5ff2e;border-radius:50%;position:absolute;inset:0}.landing-orbit-ring-a{border-color:#00e5ff38;transform:rotate(18deg)}.landing-orbit-ring-b{border-color:#2979ff47;inset:28px;transform:rotate(-26deg)}.landing-orbit-ring-c{border-color:#00e6762e;inset:56px;transform:rotate(44deg)}.landing-orbit-core{filter:blur(.2px);background:radial-gradient(circle at 35% 35%,#ffffffbf,#00e5ff73 35%,#2979ff2e 70%,#0000);border-radius:50%;position:absolute;inset:92px}.landing-section{margin-top:46px;padding:24px 6px}.landing-section-head{max-width:740px}.landing-section-kicker{font-family:var(--font-mono);letter-spacing:.22em;color:#00e5ffa6;font-size:10px}.landing-section-title{letter-spacing:-.01em;margin-top:10px;font-size:24px}.landing-section-lead{color:#f0f2f5a6;margin-top:10px;line-height:1.7}.landing-cards{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}@media (width>=980px){.landing-cards{grid-template-columns:repeat(3,1fr)}}.landing-card{background:#14141659;border:1px solid #2a2c33bf;border-radius:16px;padding:16px}.landing-card-title{letter-spacing:.02em;font-weight:800}.landing-card-body{color:#f0f2f599;margin-top:10px;font-size:13px;line-height:1.7}.landing-card-tag{color:#00e5ffe6;font-family:var(--font-mono);letter-spacing:.12em;background:#00e5ff1a;border:1px solid #00e5ff2e;border-radius:999px;margin-top:12px;padding:4px 10px;font-size:10px;display:inline-flex}.landing-section-split{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=980px){.landing-section-split{grid-template-columns:1.05fr .95fr;align-items:center}}.landing-bullets{gap:10px;margin-top:14px;display:grid}.landing-bullet{color:#f0f2f5a6;align-items:center;gap:10px;display:flex}.landing-bullet-dot{background:#00e5ffb3;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #00e5ff1f}.landing-terminal{font-family:var(--font-mono);letter-spacing:.08em;color:#f0f2f5b8;background:#0a0a0e8c;border:1px solid #2a2c33bf;border-radius:16px;padding:14px;font-size:11px}.landing-terminal-line{border-bottom:1px dashed #2a2c338c;padding:6px 0}.landing-terminal-line:last-child{border-bottom:none}.landing-terminal-prompt{color:#00e5ffe6}.landing-terminal-dim{color:#f0f2f559}.landing-stack{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.landing-chip{font-family:var(--font-mono);letter-spacing:.14em;color:#f0f2f5b8;background:#14141659;border:1px solid #2a2c33bf;border-radius:999px;padding:8px 10px;font-size:10px}.landing-final{margin-top:34px;padding:10px 6px}.landing-final-card{background:linear-gradient(135deg,#2979ff24,#00e5ff14);border:1px solid #00e5ff2e;border-radius:18px;padding:20px}.landing-final-title{letter-spacing:-.01em;font-size:18px;font-weight:900}.landing-final-body{color:#f0f2f5a6;margin-top:10px;line-height:1.7}.landing-footer{z-index:2;color:#f0f2f559;font-family:var(--font-mono);letter-spacing:.14em;justify-content:space-between;gap:12px;padding:20px 22px;font-size:10px;display:flex;position:relative}.page{flex-direction:column;height:100%;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;padding:20px 28px 0}.page-title{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:700}.page-tabs{gap:0;display:flex}.page-tab{letter-spacing:.06em;font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;transition:all .2s}.page-tab:hover{color:var(--text-secondary)}.page-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.page-content{flex:1;padding:24px 28px;overflow-y:auto}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:20px;transition:border-color .2s;display:flex}.kpi-card:hover{border-color:#2979ff66}.kpi-label{letter-spacing:.12em;color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-mono)}.kpi-value{font-size:32px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.kpi-sub{color:var(--text-muted);font-size:11px}.data-table-wrap{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.data-table-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.data-table-title{letter-spacing:.1em;color:var(--text-secondary);font-size:11px;font-weight:700;font-family:var(--font-mono)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:.1em;color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-mono);background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:10px 20px}.data-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #2a2c3399;padding:12px 20px;font-size:12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.badge{letter-spacing:.08em;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:20px;align-items:center;padding:2px 8px;display:inline-flex}.badge-green{color:#00e676;background:#00e6761f;border:1px solid #00e67640}.badge-blue{color:#2979ff;background:#2979ff1f;border:1px solid #2979ff40}.badge-amber{color:#ffab00;background:#ffab001f;border:1px solid #ffab0040}.badge-red{color:#ff1744;background:#ff17441f;border:1px solid #ff174440}.badge-gray{color:#8a8f9e;background:#8a8f9e1f;border:1px solid #8a8f9e40}.modal-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;width:480px;max-width:90vw;max-height:85vh;padding:28px;overflow-y:auto}.modal-title{color:var(--text-primary);margin-bottom:20px;font-size:15px;font-weight:700}.form-group{margin-bottom:16px}.form-label{letter-spacing:.1em;color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-mono);margin-bottom:6px;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-main);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-blue)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn-primary{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:9px 18px;font-size:13px;transition:all .2s}.btn-secondary:hover{color:var(--text-primary)}.btn-add{color:var(--accent-blue);letter-spacing:.05em;cursor:pointer;background:#2979ff26;border:1px solid #2979ff59;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.btn-add:hover{background:var(--accent-blue);color:#fff}.empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:40px;font-size:13px;display:flex}