@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--primary: #B45309;--primary-glow: rgba(180, 83, 9, .2);--accent: #0891B2;--bg-dark: #FFFFFF;--bg-panel: rgba(248, 250, 252, .85);--text-bright: #0F172A;--text-muted: #475569;--success: #059669;--danger: #DC2626;--border: rgba(180, 83, 9, .15);--glass-bg: rgba(255, 255, 255, .7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-bright);min-height:100vh;overflow-x:hidden}.ambient-glow{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 10%,rgba(8,145,178,.05) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(180,83,9,.05) 0%,transparent 40%);pointer-events:none;z-index:-1}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0 L30 10 M0 30 L10 30 M30 60 L30 50 M60 30 L50 30' stroke='%23B45309' stroke-width='0.5' fill='none' opacity='0.05'/%3E%3C/svg%3E");z-index:-2;pointer-events:none}.dashboard-container{padding:32px;max-width:1600px;margin:0 auto}@media (max-width: 600px){.dashboard-container{padding:12px}.header{margin-bottom:16px;padding-bottom:12px}.header h1{font-size:1.2rem;letter-spacing:-.5px;gap:8px}.sowilo-logo-sm{width:28px;height:28px;border-radius:8px}.status-badge{display:none}.nav-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:16px}.nav-tabs::-webkit-scrollbar{display:none}.nav-btn{padding:8px 16px;font-size:.82rem;white-space:nowrap}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid var(--border);padding-bottom:24px}.header h1{font-size:2.5rem;font-weight:800;letter-spacing:-1.5px;background:linear-gradient(to right,#0F172A,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:15px;text-transform:uppercase}.sowilo-logo-sm{width:50px;height:50px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 4px 24px #0000000a;transition:all .3s ease}.nav-tabs{display:flex;gap:8px;margin-bottom:32px;background:#00000008;padding:6px;border-radius:14px;width:fit-content}.nav-btn{padding:10px 24px;border-radius:10px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-weight:600;transition:all .3s ease}.nav-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.nav-btn:hover:not(.active){background:#0000000d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.stat-card{border-top:4px solid var(--primary)}.stat-title{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.stat-value{font-size:2.2rem;font-weight:800;margin:10px 0}.color-success{color:var(--success)}.color-danger{color:var(--danger)}.login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fdf8f0,#fff 40%,#f0f9ff);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.login-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.login-card-wrapper{position:relative;z-index:1;width:100%;max-width:420px;padding:48px 40px 40px;text-align:center;background:#ffffffa6;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(180,83,9,.1);border-radius:24px;box-shadow:0 32px 80px #00000014,0 0 0 1px #b453090a inset}.login-logo-icon{width:56px;height:56px;border-radius:14px;box-shadow:0 6px 18px #b4530926}.login-brand-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:32px}.login-brand{font-size:2rem;font-weight:300;letter-spacing:5px;text-transform:lowercase;color:#1e293b;margin-bottom:0;font-family:Outfit,sans-serif}.login-tagline{font-size:.82rem;color:#ffffff59;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:36px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form .login-input{width:100%;padding:15px 18px;background:#00000008;border:1px solid rgba(0,0,0,.08);border-radius:14px;color:#1e293b;font-family:JetBrains Mono,monospace;font-size:.92rem;margin-bottom:0;transition:all .25s ease}.login-form .login-input::placeholder{color:#0000004d}.login-form .login-input:focus{outline:none;border-color:#b4530966;background:#fff;box-shadow:0 0 0 4px #b453091a,0 0 20px #b453090d}.login-form .btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-top:6px;letter-spacing:2px;text-transform:uppercase;box-shadow:0 4px 20px #b453094d}.login-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #b4530973;filter:brightness(1.1)}.login-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#fb7185;font-size:.85rem;font-weight:600;margin:0;padding:8px 12px;background:#dc26261a;border-radius:8px;border:1px solid rgba(220,38,38,.15)}@media (max-width: 500px){.login-card-wrapper{margin:16px;padding:36px 24px 32px}.login-brand{font-size:1.4rem}.login-logo-icon{width:56px;height:56px}}.btn-primary{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:10px;letter-spacing:1px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px var(--primary-glow);filter:brightness(1.1)}.status-badge{display:flex;align-items:center;gap:8px;background:#0891b214;color:var(--accent);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}