*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#eef2ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--purple:#8b5cf6;--sidebar-bg:#0f172a;--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 16px #00000012;--shadow-lg:0 8px 32px #0000001a}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.22s fadeIn}.slide-in{animation:.22s slideIn}.page-header{margin-bottom:1.75rem}.page-header h1{color:var(--text);letter-spacing:-.03em;font-size:1.45rem;font-weight:800}.page-header p{color:var(--text-muted);margin-top:.2rem;font-size:.875rem}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border)}.form-input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none;padding:.6rem .9rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-success{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.btn-success:hover{background:#bbf7d0}.btn-danger{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.btn-danger:hover{background:#fecaca}.btn-warning{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.btn-warning:hover{background:#fde68a}.btn-ghost{color:var(--text-muted);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-outline-primary{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline-primary:hover{background:var(--primary-light)}.btn-sm{border-radius:7px;padding:.3rem .65rem;font-size:.73rem}.btn-lg{padding:.7rem 1.5rem;font-size:.9rem}.btn-icon{border-radius:8px;padding:.4rem}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#f8fafc;padding:.65rem 1rem;font-size:.68rem;font-weight:700}.data-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:.75rem 1rem;font-size:.875rem}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#fafbff}.data-table tbody tr:last-child td{border-bottom:none}.stat-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);color:inherit;padding:1.25rem 1.5rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.stat-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff0 60%,#ffffff0f 100%);position:absolute;inset:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.detail-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);flex-shrink:0;font-size:.78rem;font-weight:500}.detail-value{color:var(--text);text-align:right;font-size:.875rem;font-weight:600}.tabs{border-bottom:2px solid var(--border);scrollbar-width:none;gap:.15rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:.3rem;margin-bottom:-2px;padding:.6rem 1.1rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.tab-btn:hover{color:var(--primary);background:var(--primary-light)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-light)}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:50px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.6rem;font-size:.75rem;font-weight:700}.empty-state{color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1rem;display:flex}.empty-state i{opacity:.3;margin-bottom:1rem;font-size:2.5rem}.empty-state p{font-size:.875rem}.breadcrumb{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.breadcrumb a{color:var(--primary);font-weight:500}.breadcrumb a:hover{text-decoration:underline}.breadcrumb i{color:#cbd5e1;font-size:.6rem}.avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar-sm{border-radius:8px;width:32px;height:32px;font-size:.78rem}.avatar-md{width:44px;height:44px;font-size:1rem}.avatar-lg{border-radius:16px;width:64px;height:64px;font-size:1.5rem}.avatar-xl{border-radius:20px;width:80px;height:80px;font-size:2rem}.avatar-gradient{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.avatar-orange{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444)}.avatar-green{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.filter-input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;min-width:200px;padding:.5rem .9rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.filter-select{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.filter-select:focus{border-color:var(--primary)}.action-btn{cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:.3rem;padding:.28rem .65rem;font-size:.73rem;font-weight:600;transition:all .13s;display:inline-flex}.action-btn-view{color:#6366f1;background:#eef2ff;border:1px solid #c7d2fe}.action-btn-view:hover{background:#e0e7ff}.action-btn-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.action-btn-success:hover{background:#dcfce7}.action-btn-danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.action-btn-danger:hover{background:#fee2e2}.action-btn-warn{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.action-btn-warn:hover{background:#fef3c7}@media (width<=768px){.hide-mobile{display:none!important}}