@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--brand-primary:#6366f1;--brand-primary-light:#818cf8;--brand-primary-dark:#4f46e5;--brand-accent:#f59e0b;--bg-main:#f8fafc;--bg-sidebar:#0f172a;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-subtle:#e2e8f0cc;--border-focus:#6366f166;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-md:.75rem;--radius-lg:1rem;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Outfit,sans-serif}.app-container{min-height:100vh;display:flex}.main-content{flex:1;width:100%;padding:1.5rem;transition:all .3s}@media (width>=768px){.main-content{padding:3rem 4rem}}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);color:#fff;z-index:1000;height:100vh;padding:2rem 1.5rem;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-100%}.sidebar.open{left:0}@media (width>=1024px){.sidebar{position:sticky;left:0}}.nav-link{color:#ffffff80;border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:.25rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;box-shadow:inset 4px 0 0 var(--brand-primary);background:#6366f126}.nav-link svg{opacity:.7}.nav-link:hover svg,.nav-link.active svg{opacity:1;color:var(--brand-primary-light)}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffc;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}@media (width>=768px){.card{margin-bottom:2rem;padding:2rem}}.grid-stack{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4{grid-template-columns:repeat(4,1fr);gap:2rem}.grid-5{grid-template-columns:repeat(5,1fr);gap:1.5rem}.grid-6{grid-template-columns:repeat(6,1fr);gap:1.5rem}}.page-header{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}@media (width>=1024px){.page-header{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:5rem}}.page-title{margin-bottom:.5rem;font-size:2.25rem;font-weight:800}@media (width>=768px){.page-title{font-size:2.75rem}}.md-hidden{display:none}@media (width<=1023px){.md-hidden{display:flex}.lg-hidden{display:flex!important}}@media (width>=1024px){.lg-hidden{display:none!important}}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:#0000000d}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:800px}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);text-align:left;background:#f8fafc;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:1.25rem 1.5rem;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fcfcfd}.badge{border-radius:100px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-info{color:#6366f1;background:#eef2ff;border:1px solid #c7d2fe}.badge-success{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0}.badge-danger{color:#f43f5e;background:#fef2f2;border:1px solid #fecdd3}.badge-warning{color:#f59e0b;background:#fffbeb;border:1px solid #fde68a}.badge-neutral{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.input-field,.select-field,.textarea-field{border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#fff;border:1px solid #e2e8f0;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--border-focus);outline:none}.login-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.login-input::placeholder{color:#fff6}.login-input:focus{border-color:var(--brand-primary-light)!important;background:#ffffff14!important;box-shadow:0 0 0 4px #6366f133!important}.process-stepper{justify-content:space-between;align-items:center;width:100%;padding:1.5rem 0;display:flex;position:relative}.process-stepper:before{content:"";z-index:0;background:#e2e8f0;height:2px;position:absolute;top:36px;left:0;right:0}.step-node{z-index:1;background:var(--bg-card);flex-direction:column;flex:1;align-items:center;gap:.75rem;padding:0 .5rem;display:flex;position:relative}.step-circle{color:#64748b;width:40px;height:40px;box-shadow:0 0 0 4px var(--bg-card);background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:all .3s;display:flex}.step-node.active .step-circle{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff;box-shadow:0 0 0 4px #6366f126}.step-node.completed .step-circle{color:#fff;background:#10b981;border-color:#10b981}.step-label{color:#64748b;text-align:center;font-size:.75rem;font-weight:600}.step-node.active .step-label{color:var(--text-primary)}.sla-badge{font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.sla-green{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.sla-yellow{color:#92400e;background:#fffbeb;border:1px solid #fef3c7}.sla-red{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2}.ball-in-court{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:100px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.ball-in-court .avatar-tiny{background:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.625rem;display:flex}