:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#3b82f6;--accent-light:#3b82f61a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--background:#f1f5f9;--surface:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--glass:#ffffffb3;--glass-border:#ffffff4d}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Inter,sans-serif}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{outline:none;font-family:inherit}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.layout-container{background-color:var(--background);min-height:100vh;display:flex}.sidebar{background-color:var(--primary);color:#fff;z-index:100;flex-direction:column;width:280px;height:100vh;padding:32px 24px;display:flex;position:fixed;top:0;left:0;box-shadow:10px 0 30px #0000000d}.main-content{flex:1;min-width:0;margin-left:280px;padding:60px}.card-modern{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);background:#fff;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-modern:hover{box-shadow:var(--shadow-lg);border-color:#3b82f666;transform:translateY(-4px)}.btn-modern{border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.2px;border:1px solid #0000;align-items:center;gap:12px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-modern-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.stat-card-modern{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;justify-content:space-between;align-items:flex-start;padding:32px;display:flex}.stat-icon-box{background:var(--accent-light);border-radius:20px;justify-content:center;align-items:center;padding:20px;display:flex}.table-modern{border-collapse:separate;border-spacing:0 8px;width:100%}.table-modern th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;font-size:12px;font-weight:700}.table-modern tr td{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;padding:20px 24px;font-size:14px}.table-modern tr td:first-child{border-left:1px solid var(--border);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.table-modern tr td:last-child{border-right:1px solid var(--border);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.table-modern tr:hover td{border-color:var(--accent);background:#f8fafc}.badge-modern{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:6px 14px;font-size:11px;font-weight:800}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-error{color:#b91c1c;background:#fee2e2}.badge-info{color:#0369a1;background:#e0f2fe}.search-input-modern{border:2px solid var(--border);border-radius:var(--radius-md);background:#f8fafc;width:380px;padding:14px 20px 14px 52px;font-size:14px;font-weight:600;transition:all .2s}.search-input-modern:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);background:#fff}