@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0f172a;--bg-gradient:radial-gradient(circle at 50% 0%, #1e1b4b 0%, #0f172a 60%, #020617 100%);--panel-bg:#1e293b99;--panel-border:#ffffff14;--primary:#6366f1;--primary-hover:#4f46e5;--text-main:#f8fafc;--text-secondary:#94a3b8;--accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--glass-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Prompt,Inter,sans-serif;line-height:1.5}.app-layout{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--panel-border);width:260px;box-shadow:var(--glass-shadow);z-index:10;background:#0f172a99;flex-direction:column;flex-shrink:0;display:flex}.sidebar-logo{border-bottom:1px solid var(--panel-border);align-items:center;gap:1rem;padding:1.5rem;display:flex}.sidebar-logo h2{background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.sidebar-nav-btn{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav-btn:hover{color:var(--text-main);background:#ffffff0d;transform:translate(4px)}.sidebar-nav-btn.active{color:#a5b4fc;background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);border:1px solid #6366f14d;box-shadow:inset 0 2px 4px #0000001a}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.content-area{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;padding:2rem;overflow-y:auto}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.panel:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.kpi-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.kpi-total{border-top:3px solid var(--primary)}.kpi-pending{border-top:3px solid var(--warning)}.kpi-progress{border-top:3px solid #06b6d4}.kpi-resolved{border-top:3px solid var(--success)}.kpi-critical{border-top:3px solid var(--danger)}.btn{cursor:pointer;letter-spacing:.025em;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{color:#fca5a5;background:#ef444433}table{border-collapse:separate;border-spacing:0;width:100%}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--panel-border);background:#0003;padding:1rem;font-size:.75rem;font-weight:600}td{text-align:left;color:var(--text-main);border-bottom:1px solid #ffffff08;padding:1rem;font-size:.9rem;transition:background .2s}tr:hover td{background:#ffffff05}.badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d}.badge-progress{color:#60a5fa;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-resolved{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}.glow-blob{filter:blur(80px);opacity:.4;z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.glow-1{background:var(--primary);width:400px;height:400px;top:-100px;right:-100px}.glow-2{background:var(--accent);width:300px;height:300px;bottom:-100px;left:-100px}