@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-main:#060913;--bg-card:#0f172aa6;--bg-card-hover:#1e293bd9;--border-color:#ffffff14;--border-color-hover:#06b6d459;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#06b6d4;--primary-glow:#06b6d426;--primary-gradient:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--secondary:#6366f1;--success:#10b981;--success-glow:#10b9811a;--warning:#f59e0b;--warning-glow:#f59e0b1a;--danger:#ef4444;--danger-glow:#ef44441a;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:50vw;height:50vw;position:absolute;top:-10%;left:20%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#06b6d40f 0%,#0000 75%);width:40vw;height:40vw;position:absolute;bottom:10%;right:10%}a{color:inherit;text-decoration:none}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);padding:24px}.glass-card:hover{border-color:var(--border-color-hover);box-shadow:0 8px 30px #0000004d, 0 0 15px var(--primary-glow)}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}h1{background:linear-gradient(to right, #fff, var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dashboard-title{margin-bottom:24px;font-size:2rem}.btn{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #06b6d44d}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.btn-secondary{border-color:var(--border-color);color:var(--text-main);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff1a}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-disabled{opacity:.5;cursor:not-allowed;color:#64748b;background:#334155;box-shadow:none!important}.form-group{margin-bottom:20px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);transition:var(--transition);background:#0f172acc;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--primary);background:#1e293bcc;box-shadow:0 0 10px #06b6d440}.form-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.form-checkbox input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-glow);color:var(--warning);border:1px solid #f59e0b33}.badge-resolved{background:var(--success-glow);color:var(--success);border:1px solid #10b98133}.badge-free{color:var(--secondary);background:#6366f126}.badge-unlimited{background:var(--primary-glow);color:var(--primary)}.table-container{margin-top:16px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{border-bottom:2px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;font-size:.75rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:14px 16px}.custom-table tr:hover td{background:#ffffff05}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{justify-content:space-between;align-items:center;display:flex}.stat-val{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:5px;font-size:1.8rem;font-weight:800}.alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.alert-danger{background:var(--danger-glow);color:#fecdd3;border:1px solid #ef444433}.alert-success{background:var(--success-glow);color:#a7f3d0;border:1px solid #10b98133}.tabs-nav{border-bottom:1px solid var(--border-color);gap:10px;margin-bottom:24px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:.9rem;font-weight:600}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.chart-container{flex-direction:column;gap:16px;display:flex}.chart-bar-rect{fill:url(#cyan-blue-gradient);rx:4;cursor:pointer;transition:height .5s ease-in-out,y .5s ease-in-out,opacity .2s}.chart-bar-rect:hover{opacity:.85}.chart-grid-line{stroke:#ffffff0d;stroke-dasharray:4}.chart-axis-line{stroke:#ffffff26}.chart-text{fill:var(--text-muted);text-anchor:middle;font-family:inherit;font-size:10px}.chart-text-y{text-anchor:end;dominant-baseline:middle}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#04060ccc;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.desktop-only-table{display:none!important}.mobile-only-cards{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid!important}.tabs-nav{flex-wrap:wrap;gap:6px}.tab-btn{text-align:center;border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;flex:calc(33.333% - 10px);padding:8px 12px;font-size:.8rem}.tab-btn.active{background:var(--primary-glow);border-color:var(--primary)}.dashboard-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.stat-card{padding:14px 12px!important}.stat-val{font-size:1.35rem!important}.filters-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.filters-bar>input,.filters-bar>select,.filters-bar>label,.filters-bar>button{width:100%!important;max-width:100%!important;height:42px!important}.filters-bar-date-container{align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.filters-bar-date-container>input{flex:1!important;width:auto!important;height:42px!important}}@media (min-width:769px){.desktop-only-table{display:block!important}.mobile-only-cards{display:none!important}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200px 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-title{width:60%;height:22px;margin-bottom:16px}.skeleton-card{width:100%;height:100px;margin-bottom:16px}.skeleton-chart{width:100%;height:220px}