:root{--solar-gold: #0A192F;--solar-gold-glow: rgba(10, 25, 47, .05);--deep-blue: #0A192F;--bg-dark: #eef2f6;--text-primary: #111827;--text-secondary: #6b7280;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .8);--glass-blur: blur(16px);--status-green: #10B981;--status-yellow: #F59E0B;--status-red: #EF4444;--radius-lg: 24px;--radius-md: 16px;--sidebar-width: 80px;--header-height: 80px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(10,25,47,.05) 0%,transparent 50%)}#app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:calc(100vh - 40px);margin:20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:40px;box-shadow:0 10px 40px #00000008;position:fixed;left:0;top:0;display:flex;flex-direction:column;align-items:center;z-index:100;padding:30px 0}.sidebar-logo{margin-bottom:40px;display:flex;justify-content:center;align-items:center}.sidebar-logo img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0000000d}.sidebar-nav{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center}.main-content{margin-left:calc(var(--sidebar-width) + 40px);flex:1;display:flex;flex-direction:column}.header{height:var(--header-height);background:#eef2f6d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;padding:0 40px 0 20px;position:sticky;top:0;z-index:90}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-user{display:flex;align-items:center}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 24px #00000005;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000000a}.btn-primary{background:var(--deep-blue);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .3s ease;position:relative}.nav-item span{display:none}.nav-item i{width:22px;height:22px}.nav-item:hover{color:var(--text-primary);background:#00000008}.nav-item.active{color:#fff;background:var(--deep-blue);box-shadow:0 4px 12px #0a192f33}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.metric-card{display:flex;justify-content:space-between;align-items:center}.metric-info{display:flex;flex-direction:column}.metric-title{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.metric-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.metric-trend{font-size:.75rem;color:var(--status-green);margin-top:4px}.metric-icon{background:var(--solar-gold-glow);color:var(--solar-gold);padding:12px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.hidden{display:none}.loader{text-align:center;padding:40px;color:var(--solar-gold)}table{width:100%;border-collapse:collapse;margin-top:10px}th{text-align:left;padding:8px 12px;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--glass-border)}td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--glass-border);font-size:.85rem;color:var(--deep-blue)}tr:hover td{background:#00000005}.wa-link{color:var(--solar-gold);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.tag{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700}.tag-red{background:#ef44441a;color:var(--status-red)}.tag-yellow{background:#f59e0b1a;color:var(--status-yellow)}.tag-green{background:#10b9811a;color:var(--status-green)}.status-pill{padding:4px 10px;border-radius:20px;font-size:.75rem;margin-left:8px}.status-pending{background:#ffffff0d;color:var(--text-secondary)}.status-closed{background:var(--solar-gold);color:var(--bg-dark);font-weight:600}.btn-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s}.btn-icon:hover{color:var(--solar-gold)}