.layout[data-v-7469bde4]{display:flex;min-height:100vh}.sidebar[data-v-7469bde4]{width:220px;background:var(--color-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo[data-v-7469bde4]{padding:24px 20px;border-bottom:1px solid var(--color-border)}.logo-text[data-v-7469bde4]{font-size:24px;font-weight:700;color:var(--color-primary);letter-spacing:-.5px}.logo-sub[data-v-7469bde4]{font-size:12px;color:var(--color-text-secondary);margin-left:8px;font-weight:400}.sidebar-nav[data-v-7469bde4]{flex:1;padding:12px 0}.nav-item[data-v-7469bde4]{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--color-text-secondary);font-size:14px;font-weight:400;transition:all .15s ease;text-decoration:none;border-left:3px solid transparent;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left}.nav-item[data-v-7469bde4]:hover{color:var(--color-text);background:#f5f5f7}.nav-item.active[data-v-7469bde4]{color:var(--color-primary);font-weight:500;border-left-color:var(--color-primary);background:#4a6cf70a}.nav-icon[data-v-7469bde4]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-footer[data-v-7469bde4]{padding:12px 0;border-top:1px solid var(--color-border)}.logout-btn[data-v-7469bde4]{color:var(--color-danger)!important}.logout-btn[data-v-7469bde4]:hover{background:#ff3b300a!important}.main-content[data-v-7469bde4]{flex:1;margin-left:220px;padding:32px;min-height:100vh}@media (max-width: 768px){.sidebar[data-v-7469bde4]{width:60px}.nav-label[data-v-7469bde4],.logo-sub[data-v-7469bde4]{display:none}.sidebar-logo[data-v-7469bde4]{padding:20px 0;text-align:center}.nav-item[data-v-7469bde4]{justify-content:center;padding:12px 0}.main-content[data-v-7469bde4]{margin-left:60px;padding:20px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #4A6CF7;--color-primary-hover: #3B5DE7;--color-text: #1D1D1F;--color-text-secondary: #86868B;--color-bg: #F8F9FA;--color-card: #FFFFFF;--color-border: #E8E8E8;--color-success: #34C759;--color-warning: #FF9500;--color-danger: #FF3B30;--color-info: #5AC8FA;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06)}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:var(--font-family)}input,textarea,select{font-family:var(--font-family)}table{width:100%;border-collapse:collapse}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aeaeb2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .2s ease;gap:6px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#e6352b}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-bg)}.btn-sm{padding:4px 12px;font-size:13px}.input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background:var(--color-card);color:var(--color-text);transition:border-color .2s ease;outline:none}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:#c7c7cc}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-success{background:#34c7591a;color:var(--color-success)}.badge-warning{background:#ff95001a;color:var(--color-warning)}.badge-danger{background:#ff3b301a;color:var(--color-danger)}.badge-info{background:#5ac8fa1a;color:#007aff}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.page-header{margin-bottom:24px}.page-header h2{font-size:22px;font-weight:600;color:var(--color-text)}.page-header p{font-size:14px;color:var(--color-text-secondary);margin-top:4px}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:14px 16px;font-size:14px;border-bottom:1px solid var(--color-border)}.data-table tbody tr:hover{background:#fafafa}.data-table tbody tr:nth-child(2n){background:#fcfcfd}.data-table tbody tr:nth-child(2n):hover{background:#f5f5f7}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}.empty-state p{font-size:14px}.loading-state{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto 12px}