@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Syne:wght@400;500;600;700;800&family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700&display=swap";@font-face{font-family:Artonex;src:url(/fonts/artonex/Artonex-Trial-BF6937bdad87a0a.ttf)format("truetype"),url(/fonts/artonex/Artonex-Trial-BF6937bdacef9e0.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Deltha;src:url(/fonts/deltha/deltharegular-gogrm.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rostex;src:url(/fonts/rostex/Rostex-Regular.otf)format("opentype"),url(/fonts/rostex/Rostex-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-26,U+28-2017,U+201A-FFFF}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--panel:#070707;--panel-2:#0d0d0d;--panel-3:#121212;--panel-4:#181818;--panel-5:#1e1e1e;--cyan:#22f4bd;--cyan-dim:#22f4bd14;--cyan-glow:#22f4bd38;--cyan-strong:#22f4bd5c;--blue:#5bcabc;--violet:#8b5cf6;--green:#21f0a8;--amber:#f59e0b;--red:#ef4444;--rose:#f43f5e;--green-dim:#21f0a81a;--blue-dim:#5bcabc1a;--violet-dim:#8b5cf61a;--amber-dim:#f59e0b1a;--red-dim:#ef44441a;--text:#f2fffc;--text-2:#f2fffccc;--text-3:#f2fffc80;--text-4:#f2fffc47;--text-5:#f2fffc12;--border:#22f4bd14;--border-hover:#22f4bd38;--border-active:#22f4bd66;--shadow-sm:0 1px 4px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 8px 40px #000000b3;--shadow-xl:0 20px 80px #000c;--glow-cyan:0 0 20px #22f4bd2e;--glow-blue:0 0 20px #5bcabc26;--glow-green:0 0 20px #21f0a82e;--font:"Avenir Next", "Avenir", "Nunito Sans", ui-sans-serif, sans-serif;--font-display:"Artonex", "Deltha", "Syne", sans-serif;--font-title:"Deltha", "Syne", sans-serif;--font-page-title:"Rostex", "Deltha", "Syne", sans-serif;--font-number:"Rajdhani", "Syne", sans-serif;--mono:"Syne", sans-serif;--radius:6px;--radius-sm:4px;--radius-lg:8px;--sidebar-w:256px;--transition:.22s cubic-bezier(.4, 0, .2, 1);--obsidian:var(--bg);--glass-border:var(--border);--glass-hover:var(--panel-3);--glass:var(--panel);--kpi-label:var(--text-4);--chart-axis:var(--text-4)}[data-theme=light]{--bg:#f5f7f6;--panel:#fff;--panel-2:#f7faf9;--panel-3:#edf3f1;--panel-4:#e1eae8;--panel-5:#d4e0dd;--cyan:#0f9e78;--cyan-dim:#0f9e7812;--cyan-glow:#0f9e7833;--cyan-strong:#0f9e7852;--blue:#5bcabc;--violet:#7c3aed;--green:#059669;--amber:#d97706;--red:#dc2626;--rose:#e11d48;--green-dim:#05966917;--blue-dim:#5bcabc17;--violet-dim:#7c3aed14;--amber-dim:#d9770617;--red-dim:#dc262614;--text:#0a1210;--text-2:#1a1a1a;--text-3:#4f4f4f;--text-4:#6b6b6b;--text-5:#0a12100f;--border:#0a121014;--border-hover:#0f9e7847;--border-active:#0f9e7873;--shadow-sm:0 1px 3px #0a12100f, 0 1px 2px #0a12100a;--shadow-md:0 4px 16px #0a121014, 0 2px 6px #0a12100d;--shadow-lg:0 8px 32px #0a12101a;--shadow-xl:0 20px 60px #0a12101f;--glow-cyan:0 0 20px #0f9e781f;--glow-blue:0 0 20px #5bcabc1a;--glow-green:0 0 20px #0596691a;--obsidian:var(--bg);--glass-border:var(--border);--glass-hover:var(--panel-3);--glass:var(--panel);--kpi-label:#5e5e5e;--chart-axis:#4f4f4f}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font);transition:background var(--transition), color var(--transition);font-size:14px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;transition:opacity var(--transition);background-image:linear-gradient(#22f4bd06 1px,#0000 1px),linear-gradient(90deg,#22f4bd06 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0}[data-theme=light] body:before{opacity:0}body:after{content:"";z-index:9999;opacity:.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=light] body:after{opacity:.006}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-glow)}::selection{color:var(--text);background:#22f4bd38}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font);transition:border-color var(--transition), box-shadow var(--transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-active)!important;box-shadow:0 0 0 3px var(--cyan-dim)!important}tr:hover{background:var(--panel-2)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glowPulse{0%,to{box-shadow:0 0 #22f4bd00}50%{box-shadow:0 0 24px #22f4bd33}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);position:relative;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card-top-line{height:1px;position:absolute;top:0;left:0;right:0}.badge{letter-spacing:.12em;font-size:9px;font-weight:700;font-family:var(--font-title);text-transform:uppercase;border-radius:2px;align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.page-header{margin-bottom:28px;animation:.35s both slideUp}.page-label{align-items:center;gap:8px;margin-bottom:6px;display:flex}.page-label-dot{background:var(--cyan);width:16px;height:1px;box-shadow:0 0 6px var(--cyan-glow)}.page-label-text{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-size:9px;font-weight:700;font-family:var(--font-title)}.page-title{font-size:26px;font-weight:400;font-family:var(--font-page-title);letter-spacing:.03em;color:var(--text);line-height:1.15}.display-artonex{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-weight:400}.page-sub{color:var(--text-3);font-size:13px;font-family:var(--font);margin-top:4px}.section-label{color:var(--text-4);letter-spacing:.22em;text-transform:uppercase;font-size:9px;font-weight:700;font-family:var(--font-title);margin-bottom:4px}.section-title{color:var(--text-2);font-size:13px;font-weight:400;font-family:var(--font-title);letter-spacing:.01em}[data-theme=light] .section-label{color:#5bcabc}[data-theme=light] .section-title{color:#5e5e5e}.skeleton{background:linear-gradient(90deg, var(--panel-3) 25%, var(--panel-4) 50%, var(--panel-3) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.dot-live{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 0 2px #21f0a82e}.btn{border-radius:var(--radius);font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform .1s ease, opacity var(--transition);-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:11px;font-weight:400;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{color:#000;background:linear-gradient(135deg,#22f4bd,#21f0a8);font-weight:700;box-shadow:0 4px 14px #22f4bd47}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 6px 20px #22f4bd6b}.btn-secondary{background:var(--panel-3);color:var(--text-2);border:1px solid var(--border)}.btn-secondary:hover{background:var(--panel-4);border-color:var(--border-hover);color:var(--text)}.btn-ghost{color:var(--text-3);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--panel-3);border-color:var(--border);color:var(--text-2)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #ef444433}.btn-danger:hover{background:#ef444429;border-color:#ef444459}.btn-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b33}.btn-amber:hover{background:#f59e0b29;border-color:#f59e0b59}.btn-icon{border-radius:var(--radius);flex-shrink:0;width:34px;height:34px;padding:0}.btn-icon.sm{width:28px;height:28px}.btn-sm{gap:5px;height:28px;padding:0 11px;font-size:10px}.btn-lg{height:42px;padding:0 22px;font-size:12px}.btn-highlight{background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--cyan-glow)}.btn-highlight:hover{border-color:var(--cyan-strong);background:#22f4bd1f}.input,.select{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:36px;color:var(--text);font-family:var(--font);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);appearance:none;outline:none;padding:0 12px;font-size:13px}.input:focus,.select:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--cyan-dim);background:var(--panel)}.input::placeholder{color:var(--text-4)}.select{cursor:pointer}.input-sm,.select-sm{height:30px;padding:0 10px;font-size:12px}.input-search{padding-left:34px}textarea.input{resize:vertical;height:auto;padding:10px 12px;line-height:1.55}.toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.toggle{background:var(--border);border-radius:18px;flex-shrink:0;width:34px;height:18px;transition:background .25s;position:relative}.toggle.on{background:var(--cyan)}.toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.toggle.on:after{transform:translate(16px)}.modal-overlay{z-index:260;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:absolute;inset:0}.modal-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:.2s both scaleIn;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-body{padding:20px}.modal-footer{justify-content:flex-end;gap:8px;padding:0 20px 20px;display:flex}.drawer{z-index:220;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;position:absolute;inset:0}.drawer-panel{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;width:560px;animation:.26s cubic-bezier(.4,0,.2,1) slideRight;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.drawer-header{border-bottom:1px solid var(--border);background:var(--panel);z-index:1;justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex;position:sticky;top:0}.kanban-col{background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--transition);flex-direction:column;display:flex;overflow:hidden}.kanban-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;align-items:stretch;gap:7px;margin-bottom:5px;padding:10px 10px 10px 8px;transition:box-shadow .15s,border-color .15s,background .15s;display:flex}.kanban-card:hover{background:var(--panel-3);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.kanban-card.dragging{background:var(--panel-3);border-color:var(--cyan-glow);box-shadow:0 16px 40px #0006, 0 0 0 1px var(--cyan-glow)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-4);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:700;font-family:var(--font-title);background:var(--panel-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px}.data-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;font-variant-numeric:tabular-nums;padding:11px 14px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--panel-2)}.filter-group{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:3px;display:flex}.filter-pill{border-radius:var(--radius-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);cursor:pointer;font-size:10px;font-weight:400;font-family:var(--font-title);background:0 0;border:none;padding:4px 12px;transition:all .15s}.filter-pill.active{background:var(--panel-4);color:var(--text)}.filter-pill:hover:not(.active){color:var(--text-3)}.form-label{color:var(--text-4);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:700;font-family:var(--font-title);margin-bottom:6px;display:block}.toast{z-index:9000;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text-2);align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;animation:.25s both slideUp;display:flex;position:fixed;bottom:24px;right:24px}.divider{background:var(--border);height:1px}.divider-gradient{background:linear-gradient(90deg, transparent, var(--border) 30%, var(--border) 70%, transparent);height:1px}.num{font-family:var(--font-number);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:600}.num-lg{font-family:var(--font-number);font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--cyan);font-size:2em;font-weight:700;line-height:1}.num-glow{font-family:var(--font-number);font-variant-numeric:tabular-nums;color:var(--cyan);text-shadow:0 0 20px #22f4bd59;font-weight:700}.empty-state{text-align:center;color:var(--text-4);padding:40px 20px;font-size:13px}.empty-state svg{opacity:.3;margin-bottom:12px}