:root{--brand-blue-2x: #0078E2;--brand-blue-1-5x: #005AAA;--brand-blue-base: #003C71;--brand-blue-0-5x: #001E38;--brand-red-bright: #FF214B;--brand-red-1-5x: #D02452;--brand-red-base: #8B1229;--brand-red-deep: #460915;--primary: var(--brand-blue-1-5x);--primary-hover: var(--brand-blue-2x);--primary-light: #e0eaff;--success: #10b981;--success-light: #09db95;--danger: var(--brand-red-1-5x);--danger-hover: var(--brand-red-bright);--warning: #f59e0b;--text-main: var(--brand-blue-0-5x);--text-muted: #64748b;--text-inverse: #ffffff;--bg-body: #f3f4f6;--bg-surface: #ffffff;--bg-sidebar: #ffffff;--bg-input: #f8fafc;--border: #e2e8f0;--radius-lg: 30px;--radius-md: 12px;--shadow-soft: 0 10px 40px -10px rgba(0, 60, 113, .08);--shadow-card: 0 4px 20px rgba(0, 60, 113, .06);--shadow-hover: 0 20px 40px rgba(0, 60, 113, .12)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-body)}.main-content{flex:1;overflow-y:auto;padding:40px}.page-container{max-width:1400px;margin:0 auto;padding-bottom:60px;animation:fadeIn .5s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title{font-size:1.8rem;font-weight:800;color:var(--brand-blue-base);letter-spacing:-.02em;margin:0}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-card);padding:30px;margin-bottom:30px;transition:all .3s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:30px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}@media(max-width:1000px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px;color:var(--text-main)}.form-control{width:100%;padding:12px 16px;background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;transition:all .2s;box-sizing:border-box}.form-control:focus{outline:none;background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #005aaa26}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #005aaa4d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 15px #0078e266}.btn-secondary{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background:#e5e7eb;color:#000;box-shadow:0 4px 12px #201f1fab}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover{background:var(--success-light);transform:translateY(-1px);box-shadow:0 6px 15px #10b98166}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:0 6px 15px #ef271566}.table-container{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff}.modern-table{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th{background:#f8fafc;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;padding:18px 24px;text-align:left;border-bottom:1px solid var(--border)}.modern-table tbody td{padding:18px 24px;border-bottom:1px solid var(--border);color:var(--text-main);font-size:.9rem}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table tbody tr:hover{background-color:#f1f5f9}.sidebar-container{width:280px;background-color:var(--bg-sidebar);display:flex;flex-direction:column;height:100vh;box-shadow:4px 0 30px #00000008;padding:20px;box-sizing:border-box}.sidebar-category{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:30px 0 10px 15px}.nav-item{display:flex;align-items:center;padding:12px 16px;margin-bottom:5px;text-decoration:none;font-size:.95rem;font-weight:500;color:var(--text-muted);border-radius:12px;transition:all .2s ease}.nav-item:hover{background-color:#f1f5f9;color:var(--brand-blue-base)}.nav-item.active{background-color:var(--brand-blue-0-5x);color:#fff;box-shadow:0 4px 12px #001e3840}.badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.badge-neutral{background:#f3f4f6;color:var(--text-main)}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#d124521a;color:var(--brand-red-1-5x)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading-text{color:var(--text-main);font-weight:600;letter-spacing:.1em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-card-radiant{background:var(--bg-surface);border-radius:30px;position:relative;z-index:1;transition:all .3s cubic-bezier(.25,.8,.25,1);border-style:solid;border-width:2px}.status-card-success{border-color:#10b98180;box-shadow:0 10px 25px 5px #10b98133}.status-card-success:hover{transform:translateY(-5px);border-color:#10b981;box-shadow:0 20px 40px 15px #10b98166}.status-card-danger{border-color:#d0245280;box-shadow:0 10px 25px 5px #d0245233}.status-card-danger:hover{transform:translateY(-5px);border-color:#d02452;box-shadow:0 20px 40px 15px #d0245266}.text-success{color:var(--success)!important}.text-danger{color:var(--brand-red-1-5x)!important}.text-warning{color:var(--warning)!important}.text-muted{color:var(--text-muted)!important}