@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-base:#f8fafc;--bg-surface:#ffffffd9;--border-color:#00000012;--border-focus:var(--primary-brand,#f97316);--primary-brand:#f97316;--secondary-brand:#0ea5e9;--primary:var(--primary-brand,#f97316);--primary-hover:var(--primary-brand,#f97316);--primary-glow:#f9731614;--success:#10b981;--error:#ef4444;--text-primary:#1e293b;--text-muted:#64748b;--text-dark:#94a3b8;--font-sans:"Inter", sans-serif;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}.text-primary-color{color:var(--primary-brand,#f97316)!important}.text-secondary-color{color:var(--secondary-brand,#0ea5e9)!important}.btn-primary{cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #00000026;background:var(--primary-brand,#f97316)!important;color:#fff!important}.btn-primary:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #0003;background:var(--secondary-brand,#0ea5e9)!important}.btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #0000001f;background:var(--secondary-brand,#0ea5e9)!important;color:#fff!important}.btn-secondary:hover{filter:brightness(.92);transform:translateY(-1.5px)}.badge-secondary{border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;background:var(--secondary-brand,#0ea5e9)!important;color:#fff!important}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#f97316}::-webkit-scrollbar-corner{background:0 0}body{background-color:var(--bg-base);font-family:var(--font-sans);color:var(--text-primary);background-image:radial-gradient(at 0 0,#0d948808 0,#0000 50%),radial-gradient(at 100% 100%,#3b82f608 0,#0000 50%);min-height:100vh;overflow-x:hidden}.glass-container{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);width:100%;max-width:440px;transition:var(--transition-smooth);border-radius:20px;padding:40px;box-shadow:0 12px 30px #0000000a,0 1px 3px #00000005}.glass-container.dashboard-mode{border-radius:16px!important;width:100%!important;max-width:1200px!important;margin:20px auto!important;padding:24px!important}.auth-header{text-align:center;margin-bottom:35px}.logo-badge{color:var(--primary);letter-spacing:.5px;text-transform:uppercase;background:#0d94880f;border:1px solid #0d94881f;border-radius:30px;margin-bottom:16px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.auth-header h1{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.auth-header p{color:var(--text-muted);font-size:13.5px}.form-group{margin-bottom:22px;position:relative}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:12.5px;font-weight:600;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.prefix-label{color:var(--text-muted);font-size:14.5px;font-weight:500;position:absolute;left:16px}.form-control{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#fff;border-radius:10px;outline:none;padding:14px 16px;font-size:14.5px}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-glow)}.form-control.phone-input{padding-left:54px}.otp-box-container{justify-content:space-between;gap:10px;margin:25px 0;display:flex}.otp-digit{text-align:center;background:#fff;border-radius:10px;width:50px;height:52px;font-size:20px;font-weight:600}.btn-primary{background:var(--primary);color:#fff;width:100%;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14.5px;font-weight:600;display:flex;box-shadow:0 4px 12px #0d948826}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0d948840}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-dark);cursor:not-allowed;box-shadow:none;transform:none}.info-text{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.info-link{color:var(--primary);cursor:pointer;font-weight:500;text-decoration:none}.info-link:hover{text-decoration:underline}.alert{z-index:1000;text-align:center;border:1px solid #0000;border-radius:8px;min-width:320px;margin-bottom:20px;padding:12px 16px;font-size:13.5px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000014}.alert-success{color:#137333;background:#e6f4ea;border-color:#34a853}.alert-error{color:#c5221f;background:#fce8e6;border-color:#ea4335}.dashboard-grid{gap:0;width:100%;display:flex}.sidebar{border-right:1px solid var(--border-color);padding-right:20px}.sidebar-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:700;display:flex}.menu-list{list-style:none}.menu-item{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;font-size:13.5px;font-weight:500;display:flex}.menu-item.active,.menu-item:hover{color:var(--text-primary);background:#00000008}.menu-item.active{border-left:3px solid var(--primary);background:#0d94880a;border-top-left-radius:2px;border-bottom-left-radius:2px}.menu-item.logout-btn{color:var(--error);margin-top:150px}.menu-item.logout-btn:hover{background:#ef44440d}.dashboard-content{padding:10px 0}.content-section{display:none}.content-section.active{display:block}.welcome-banner{background:linear-gradient(135deg,#0d94880d 0%,#3b82f605 100%);border:1px solid #0d94881f;border-radius:12px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.welcome-banner h2{margin-bottom:6px;font-size:20px;font-weight:700}.badge-verified{color:#10b981;text-transform:uppercase;background:#10b98114;border:1px solid #10b98126;border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-unverified{color:var(--error);text-transform:uppercase;background:#ef444414;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #00000003}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.stat-desc{color:var(--text-muted);margin-top:4px;font-size:11.5px}.spinner{border:2px solid #00000026;border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header{border-bottom:1px solid var(--border-color)!important;z-index:100!important;background:#fff!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:14px 8%!important;display:flex!important;position:sticky!important;top:0!important;box-shadow:0 4px 20px #00000005!important}.stat-card{transition:var(--transition-smooth)!important}.stat-card:hover{border-color:var(--primary)!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px #0d94880d!important}.dashboard-container{width:90%!important;max-width:1200px!important;min-height:calc(100vh - 120px)!important;margin-top:100px!important;margin-left:auto!important;margin-right:auto!important}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr!important;gap:20px!important}.sidebar{border-right:none!important;border-bottom:1px solid var(--border-color)!important;padding-bottom:16px!important;padding-right:0!important}.menu-list{flex-wrap:wrap!important;gap:8px!important;display:flex!important}.menu-item{border:1px solid var(--border-color)!important;text-align:center!important;border-radius:8px!important;flex:auto!important;justify-content:center!important;margin-bottom:0!important;padding:8px 14px!important;font-size:12.5px!important}.menu-item.active{border-left:1px solid var(--primary)!important;border:1px solid var(--primary)!important}.menu-item.logout-btn{background:#ef444408!important;flex:100%!important;margin-top:0!important}.stat-grid{grid-template-columns:1fr!important;gap:12px!important}.glass-container{border-radius:12px!important;padding:20px!important}.header{text-align:center!important;flex-direction:column!important;gap:10px!important;padding:12px 4%!important;position:relative!important}.dashboard-container{width:95%!important;margin-top:20px!important}}.sys-config-container{grid-template-columns:280px minmax(0,1fr)!important;align-items:start!important;gap:24px!important;width:100%!important;display:grid!important}.sys-config-tabs-col,.sys-config-content-col{grid-column:span 1!important;width:100%!important}@media (max-width:991px){.sys-config-container{grid-template-columns:1fr!important;gap:16px!important}.sys-config-tabs-col{grid-column:span 1!important;position:static!important}.sys-config-content-col{grid-column:span 1!important}}