:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-dark:#0f172a;--bg-light:#f8fafc;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-light-bg:#fff9;--text-dark:#f1f5f9;--text-light:#1e293b;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--text-main:var(--text-dark)}body.light{--text-main:var(--text-light)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Outfit,sans-serif}body{min-height:100vh;transition:var(--transition);scroll-behavior:smooth}body.dark{color:var(--text-dark);background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a 70%)}body.light{color:var(--text-light);background:radial-gradient(circle at 100% 0,#e0e7ff,#f8fafc 70%)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:20px}.card-hover{transition:var(--transition)}.card-hover:hover{box-shadow:var(--shadow-lg);background:#ffffff14;border-color:#6366f14d;transform:translateY(-5px)}.light .glass{background:#ffffffb3;border:1px solid #fffc;box-shadow:0 8px 32px #6366f10d}.light .card-hover:hover{border-color:var(--primary-color);background:#fff}button{cursor:pointer;background:var(--primary-color);color:#fff;transition:var(--transition);border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 10px #6366f133}button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}button:active{transform:translateY(0)}input,textarea,select{border:1px solid var(--glass-border);width:100%;color:inherit;transition:var(--transition);background:#ffffff08;border-radius:12px;outline:none;margin-bottom:15px;padding:14px 18px;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);background:#ffffff12;box-shadow:0 0 0 4px #6366f11a}.light input,.light textarea,.light select{color:var(--text-light);background:#fff;border-color:#6366f133}.light input:focus,.light textarea:focus,.light select:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 4px 20px #6366f114}.container{max-width:1200px;margin:0 auto;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.light ::-webkit-scrollbar-thumb{background:#6366f133}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #6366f166}70%{transform:scale(1.05);box-shadow:0 0 0 15px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}.pulse-animation{animation:2s infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (width>=1440px){.container{max-width:1400px}}@media (width<=1024px){.container{max-width:100%;padding:15px}.dashboard-grid{gap:15px;grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.container{margin-top:10px;padding:10px}nav{flex-wrap:wrap;gap:10px;margin:10px!important;padding:10px 15px!important}.nav-link span{display:none}.dashboard-grid{grid-template-columns:1fr!important}.two-column-layout{grid-template-columns:1fr!important;gap:15px!important}.glass{border-radius:16px;padding:20px!important}h1{font-size:1.75rem;margin-bottom:20px!important}.dashboard-card-value{font-size:1.8rem!important}.ticket-list-header{flex-direction:column;gap:12px;align-items:stretch!important}.ticket-list-header form{width:100%}.ticket-item{flex-direction:column;gap:12px;align-items:flex-start!important}.ticket-status-badge{align-self:flex-end}}@media (width<=480px){h1{font-size:1.5rem}h2{font-size:1.2rem}.glass{border-radius:12px;padding:15px!important}button{width:100%;padding:10px 15px}.stat-card{padding:15px!important}}.glass{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}.glass:hover{border-color:#6366f166}