@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--neon:#00f8ff;--neon-soft:#00f8ffb3;--neon-dim:#00f8ff26;--purple:#a95cf6;--purple-dim:#a95df626;--green:#00c864;--yellow:#ffb400;--red:#ff5050;--bg:#000d1a;--bg-card:#000f20;--card:#000f20f5;--card-border:#00f8ff1f;--text:#e0f8ff;--text-muted:#00f8ff73;--text-dim:#e0f8ff59;--font-main:"Rajdhani", "Segoe UI", sans-serif;--font-mono:"Share Tech Mono", "Courier New", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--shadow-neon:0 0 20px #00f8ff1f;--shadow-card:0 4px 24px #0009}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00f8ff08}::-webkit-scrollbar-thumb{background:#00f8ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f8ff66}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-contacts-auto-fill-button{display:none}input[type=password]::-webkit-credentials-auto-fill-button{display:none}.app{background:radial-gradient(ellipse at 20% 0%, #00f8ff0a 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #a95df60a 0%, transparent 50%), var(--bg);flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000a16f7;border-bottom:1px solid #00f8ff26;padding:.4rem 1.5rem 0;position:sticky;top:0;box-shadow:0 2px 20px #00000080,0 0 40px #00f8ff08}.logo h1{letter-spacing:3px;color:var(--neon);text-shadow:0 0 20px #00f8ff80,0 0 40px #00f8ff33;text-transform:uppercase;font-size:1.5rem;font-weight:700;line-height:1}.logo .subtitle{letter-spacing:4px;color:var(--purple);margin-top:2px;font-size:.6rem;font-weight:600;display:block}.nav{scrollbar-width:none;align-items:stretch;gap:0;margin-top:.4rem;padding-bottom:0;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-home{margin-right:.5rem;display:flex}.nav-main{flex-wrap:nowrap;gap:2px;display:flex}.nav-btn{color:var(--text-muted);font-family:var(--font-main);letter-spacing:.5px;cursor:pointer;white-space:nowrap;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .85rem;font-size:.87rem;font-weight:600;transition:all .2s}.nav-btn:hover{color:var(--neon);background:#00f8ff0f;border-bottom-color:#00f8ff4d}.nav-btn.active{color:var(--neon);border-bottom-color:var(--neon);text-shadow:0 0 8px #00f8ff66;background:#00f8ff14}.app-body{flex:1;min-height:0;display:flex}.crm-sidebar{width:152px;height:calc(100vh - var(--header-h,110px));background:#00050ef2;border-right:1px solid #00f8ff1a;flex-direction:column;flex-shrink:0;gap:2px;padding:1rem .5rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-title{letter-spacing:3px;color:var(--neon);text-transform:uppercase;opacity:.7;border-bottom:1px solid #00f8ff1f;margin-bottom:.3rem;padding:0 .5rem .6rem;font-size:.6rem;font-weight:700}.sidebar-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);font-family:var(--font-main);letter-spacing:.3px;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.82rem;font-weight:600;transition:all .18s;display:flex}.sidebar-btn:hover{color:var(--neon);background:#00f8ff12}.sidebar-btn.active{color:var(--neon);box-shadow:inset 2px 0 0 var(--neon);text-shadow:0 0 8px #00f8ff66;background:#00f8ff1a}.sidebar-emoji{flex-shrink:0;font-size:1rem}.sidebar-label{text-overflow:ellipsis;overflow:hidden}.main{flex:1;min-width:0;padding:1.5rem 2rem;overflow-x:auto}.footer{color:var(--text-muted);letter-spacing:.5px;text-align:center;border-top:1px solid #00f8ff14;padding:.6rem 1.5rem;font-size:.72rem}.cp-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem}.cp-card h2{letter-spacing:1.5px;color:var(--neon);text-transform:uppercase;font-size:1.05rem;font-weight:700}.btn-primary{color:var(--neon);border-radius:var(--radius-sm);font-family:var(--font-main);letter-spacing:.5px;cursor:pointer;background:#00f8ff1f;border:1px solid #00f8ff66;padding:.55rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-primary:hover:not(:disabled){background:#00f8ff38;box-shadow:0 0 12px #00f8ff33}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){color:var(--text);background:#ffffff14}.btn-danger{color:#ff8080;border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;background:#ff50501a;border:1px solid #ff505066;padding:.55rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-danger:hover:not(:disabled){background:#ff505038;box-shadow:0 0 10px #ff505026}.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.loading-text{color:var(--neon);letter-spacing:2px;font-size:.9rem;font-weight:600;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.error-banner{border-radius:var(--radius-md);color:#ff8080;background:#ff50501a;border:1px solid #ff505059;align-items:center;margin-bottom:1.2rem;padding:.85rem 1.2rem;font-size:.88rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;margin-bottom:1.5rem;display:grid}.stat-tile{border-radius:var(--radius-md);text-align:center;background:#00f8ff0a;border:1px solid #00f8ff1a;padding:1rem;transition:border-color .2s}.stat-tile:hover{border-color:#00f8ff40}.stat-tile .val{font-size:2rem;font-weight:800;line-height:1}.stat-tile .lbl{color:var(--text-muted);letter-spacing:1.5px;margin-top:.3rem;font-size:.65rem;font-weight:600}table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid #00f8ff33}tbody tr{border-bottom:1px solid #00f8ff0f;transition:background .15s}tbody tr:hover{background:#00f8ff08}th{text-align:left;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding:.6rem .8rem;font-size:.68rem;font-weight:700}td{padding:.65rem .8rem;font-size:.88rem}.inp{border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-main);background:#00f8ff0d;border:1px solid #00f8ff33;outline:none;padding:.6rem .9rem;font-size:.92rem;transition:border-color .2s}.inp:focus{border-color:var(--neon)}select.inp{cursor:pointer}select option,select option:checked,select option:hover{color:#e0f8ff;background-color:#001220}option{color:#e0f8ff!important;background-color:#001220!important}.modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--card);border-radius:var(--radius-lg);border:1px solid #00f8ff40;width:100%;max-width:680px;padding:2rem;box-shadow:0 0 60px #00f8ff14}.modal-title{color:var(--neon);letter-spacing:1px;margin:0 0 1.8rem;font-size:1.1rem;font-weight:700}.confirm-overlay{z-index:1100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{background:var(--card);border-radius:var(--radius-lg);text-align:center;border:1px solid #ff505066;width:90%;max-width:420px;padding:2rem}.badge{letter-spacing:.5px;border-radius:20px;padding:2px 10px;font-size:.68rem;font-weight:700;display:inline-block}.section-title{color:var(--neon);letter-spacing:2px;border-bottom:1px solid #00f8ff1f;margin-bottom:.8rem;padding-bottom:.4rem;font-size:.68rem;font-weight:700}.login-page{background:radial-gradient(ellipse at 30% 20%, #00f8ff0f 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, #a95df60f 0%, transparent 50%), var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--card);border-radius:var(--radius-lg);border:1px solid #00f8ff33;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 0 80px #00f8ff0f}@media (width<=640px){.main{width:100%;padding:1rem}.header{padding:.6rem 1rem 0}.logo h1{font-size:1.2rem}.cp-card{padding:1rem}}