.app-layout[data-v-f8d97834]{display:flex;min-height:100vh}.sidebar[data-v-f8d97834]{width:220px;background:var(--primary-dark);color:#fff;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand[data-v-f8d97834]{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-icon[data-v-f8d97834]{font-size:28px}.brand-text[data-v-f8d97834]{font-size:14px;font-weight:700;line-height:1.2}.sidebar-nav[data-v-f8d97834]{display:flex;flex-direction:column;padding:12px 0;flex:1}.nav-link[data-v-f8d97834]{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ffffffb3;text-decoration:none;font-size:14px;transition:all .15s ease;border-left:3px solid transparent}.nav-link[data-v-f8d97834]:hover{color:#fff;background:#ffffff14}.nav-link.active[data-v-f8d97834]{color:#fff;background:#ffffff1f;border-left-color:#63b3ed}.nav-icon[data-v-f8d97834]{font-size:18px;width:24px;text-align:center}.main-content[data-v-f8d97834]{flex:1;display:flex;flex-direction:column;min-width:0}.topbar[data-v-f8d97834]{background:#fff;padding:16px 24px;box-shadow:var(--shadow);z-index:10}.page-title[data-v-f8d97834]{font-size:20px;font-weight:600;color:var(--gray-800)}.page-body[data-v-f8d97834]{flex:1;padding:24px;overflow-y:auto}@media(max-width:768px){.sidebar[data-v-f8d97834]{width:60px}.brand-text[data-v-f8d97834],.nav-label[data-v-f8d97834]{display:none}.sidebar-brand[data-v-f8d97834],.nav-link[data-v-f8d97834]{padding:12px;justify-content:center}}:root{--primary: #1F4E79;--primary-light: #2B6CB0;--primary-dark: #153A5A;--success: #276749;--success-light: #C6F6D5;--danger: #9B2C2C;--danger-light: #FED7D7;--warning: #975A16;--warning-light: #FEFCBF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-100);color:var(--gray-800);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-light)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#22543d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#742a2a}.btn-outline{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300)}.btn-outline:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400)}.btn-sm{padding:4px 10px;font-size:13px}.btn-lg{padding:12px 24px;font-size:16px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.input{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;color:var(--gray-800);transition:border-color .15s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1f4e791a}select.input{cursor:pointer}.label{display:block;font-size:13px;font-weight:500;color:var(--gray-600);margin-bottom:4px}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--gray-200);font-size:13px}th{background:var(--gray-50);font-weight:600;color:var(--gray-600);font-size:12px;text-transform:uppercase;letter-spacing:.5px}tr:hover{background:var(--gray-50)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:700px;width:90%;max-height:85vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:18px;color:var(--gray-800)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.form-group{margin-bottom:14px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.empty-state{text-align:center;padding:40px 20px;color:var(--gray-400)}.empty-state p{margin-bottom:16px}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}