@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #0e7c86;--color-primary-dark: #095a62;--color-primary-light: #e3f3f4;--color-accent: #2563eb;--color-accent-light: #eaf1fe;--color-bg: #f3f6f7;--color-surface: #ffffff;--color-border: #e2e8ea;--color-border-strong: #cbd5d8;--color-text: #1c2a2e;--color-text-muted: #64767b;--color-text-faint: #93a3a7;--color-success: #1a9d6c;--color-success-bg: #e5f7ef;--color-warning: #b7791f;--color-warning-bg: #fdf3e0;--color-danger: #d0362b;--color-danger-bg: #fbe9e7;--color-info: #2563eb;--color-info-bg: #eaf1fe;--color-neutral-bg: #eef1f2;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(20, 40, 45, .06);--shadow-md: 0 4px 16px rgba(20, 40, 45, .08);--shadow-lg: 0 12px 32px rgba(20, 40, 45, .12);--sidebar-width: 236px;--topbar-height: 60px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:14px;-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{margin:0;font-weight:700;letter-spacing:-.01em}p{margin:0}ul{margin:0;padding:0;list-style:none}button{font-family:inherit}.page{padding:24px 28px 40px;max-width:1440px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-title{font-size:21px;color:var(--color-text)}.page-subtitle{color:var(--color-text-muted);font-size:13px;margin-top:4px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-text-faint);margin-bottom:6px}.breadcrumb .sep{color:var(--color-text-faint)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .current{color:var(--color-text-muted);font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h3{font-size:15px}.card-body{padding:20px}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-sm);border:1px solid transparent;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1.2}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-neutral-bg);color:var(--color-text)}.btn-danger-outline{background:var(--color-surface);border-color:#f0c7c2;color:var(--color-danger)}.btn-danger-outline:hover{background:var(--color-danger-bg)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-icon{padding:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12.5px;font-weight:600;color:var(--color-text-muted)}.field .required{color:var(--color-danger)}.input,.select,.textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;font-family:inherit;color:var(--color-text);background:var(--color-surface);width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.textarea{resize:vertical;min-height:70px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 20px}.checkbox-row{display:flex;flex-wrap:wrap;gap:10px}.checkbox-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--color-border-strong);border-radius:999px;padding:6px 12px;font-size:12.5px;cursor:pointer;color:var(--color-text-muted)}.checkbox-pill.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark);font-weight:600}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:11px 14px;background:#f8fafa;color:var(--color-text-muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:nowrap}.data-table tbody tr:hover{background:#f9fbfb}.data-table tbody tr:last-child td{border-bottom:none}.link-row{cursor:pointer}.cell-strong{font-weight:600;color:var(--color-text)}.cell-muted{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-neutral-bg);color:var(--color-text-muted)}.tab-content{display:flex;flex-direction:column;gap:18px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);padding:0 4px}.tab{padding:12px 16px;font-size:13px;font-weight:600;color:var(--color-text-muted);border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:7px}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab .count{background:var(--color-neutral-bg);border-radius:999px;padding:1px 7px;font-size:11px}.tab.active .count{background:var(--color-primary-light);color:var(--color-primary-dark)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:4px}.stat-tile .stat-label{font-size:12px;color:var(--color-text-muted);font-weight:600;display:flex;align-items:center;gap:6px}.stat-tile .stat-value{font-size:26px;font-weight:800;color:var(--color-text)}.stat-tile .stat-value.accent{color:var(--color-primary)}.divider{height:1px;background:var(--color-border);margin:18px 0}.empty-state{padding:48px 24px;text-align:center;color:var(--color-text-faint)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.scrollx{overflow-x:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,30,33,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;overflow-y:auto}.modal-header{padding:18px 22px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:22px}.modal-footer{padding:16px 22px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px}.icon-btn{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer}.icon-btn:hover{background:var(--color-neutral-bg);color:var(--color-text)}@media print{.no-print{display:none!important}body,.page{background:#fff;padding:0;margin:0;max-width:none}.card{box-shadow:none}}.shell[data-v-e6bcb5e8]{display:flex;min-height:100vh}.sidebar[data-v-e6bcb5e8]{width:var(--sidebar-width);flex-shrink:0;background:var(--color-surface);color:var(--color-text-muted);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0}.brand[data-v-e6bcb5e8]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-bottom:1px solid var(--color-border)}.brand-logo[data-v-e6bcb5e8]{height:28px;width:auto;display:block}.brand-sub[data-v-e6bcb5e8]{font-size:11px;color:var(--color-text-faint);padding-left:2px}.nav[data-v-e6bcb5e8]{flex:1;padding:16px 12px;overflow-y:auto}.nav-section[data-v-e6bcb5e8]{margin-bottom:18px}.nav-section-label[data-v-e6bcb5e8]{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-weight:700;padding:0 10px 8px}.nav-item[data-v-e6bcb5e8]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--color-text-muted);margin-bottom:2px}.nav-item[data-v-e6bcb5e8]:hover{background:var(--color-neutral-bg);color:var(--color-text)}.nav-item.active[data-v-e6bcb5e8]{background:var(--color-primary-light);color:var(--color-primary-dark)}.nav-icon[data-v-e6bcb5e8]{display:flex;color:inherit;opacity:.9}.nav-icon svg[data-v-e6bcb5e8]{width:18px;height:18px}.sidebar-footer[data-v-e6bcb5e8]{padding:14px;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:8px}.user-chip[data-v-e6bcb5e8]{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-name[data-v-e6bcb5e8]{font-size:13px;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-e6bcb5e8]{font-size:11px;color:var(--color-text-faint)}.logout-btn[data-v-e6bcb5e8]{width:32px;height:32px;border-radius:8px;border:none;background:var(--color-neutral-bg);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.logout-btn[data-v-e6bcb5e8]:hover{background:var(--color-border);color:var(--color-text)}.main-col[data-v-e6bcb5e8]{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.topbar[data-v-e6bcb5e8]{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0;position:sticky;top:0;z-index:20}.topbar-section[data-v-e6bcb5e8]{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);font-weight:700}.topbar-title[data-v-e6bcb5e8]{font-size:16px}.topbar-right[data-v-e6bcb5e8]{display:flex;align-items:center;gap:12px}.mock-pill[data-v-e6bcb5e8]{font-size:11px;font-weight:700;color:var(--color-warning);background:var(--color-warning-bg);padding:4px 10px;border-radius:999px}.avatar.small[data-v-e6bcb5e8]{width:30px;height:30px;font-size:11.5px}.content[data-v-e6bcb5e8]{flex:1;min-width:0}@media print{.main-col[data-v-e6bcb5e8]{margin-left:0}}