:root{--color-primary:#1a56db;--color-primary-hover:#1648b8;--color-bg:#f9fafb;--color-surface:#fff;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-danger:#dc2626;--color-success:#16a34a;--color-warning:#f59e0b;--radius-md:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--font-sm:13px;--font-md:14px;--font-lg:16px;--font-xl:20px;--sidebar-width:220px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-md);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--font-md)}.page-container{padding:var(--space-6);max-width:1200px}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--font-xl);color:var(--color-text);font-weight:700}.btn-primary{height:36px;padding:0 var(--space-4);font-size:var(--font-md);color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;border:none;transition:background-color .15s}.btn-primary:hover{background:var(--color-primary-hover)}.btn-save{color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;height:36px;margin-top:var(--space-2);border:none;font-weight:600;transition:background-color .15s}.btn-save:hover:not(:disabled){background:var(--color-primary-hover)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-group label{font-size:var(--font-sm);color:var(--color-text-secondary);font-weight:500}.form-group input,.form-group select,.form-group textarea{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-md);outline:none;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a56db1a}.form-group input:disabled{color:var(--color-text-secondary);cursor:not-allowed;background:#f9fafb}.form-group textarea{resize:vertical;height:auto;padding:var(--space-3)}.loading,.empty-text,.empty{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.status-badge{padding:2px var(--space-2);font-size:var(--font-sm);border-radius:4px;display:inline-block}.status-active{padding:2px var(--space-2);font-size:var(--font-sm);color:var(--color-success);background:#f0fdf4;border-radius:4px;display:inline-block}.status-inactive{padding:2px var(--space-2);font-size:var(--font-sm);color:var(--color-danger);background:#fef2f2;border-radius:4px;display:inline-block}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-md)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;background:#f9fafb;font-weight:600}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f9fafb}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{color:var(--color-primary)}.sidebar.svelte-6dohdz{width:var(--sidebar-width);color:#e5e7eb;z-index:100;background:#1f2937;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.logo.svelte-6dohdz{height:56px;padding:0 var(--space-4);font-size:var(--font-lg);color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;font-weight:600;display:flex}.nav-list.svelte-6dohdz{padding:var(--space-3) 0;flex:1;list-style:none}.nav-list.svelte-6dohdz li:where(.svelte-6dohdz) a:where(.svelte-6dohdz){padding:var(--space-2) var(--space-4);color:#d1d5db;font-size:var(--font-md);border-left:3px solid #0000;transition:background-color .15s,color .15s;display:block}.nav-list.svelte-6dohdz li:where(.svelte-6dohdz) a:where(.svelte-6dohdz):hover{color:#fff;background:#ffffff14}.nav-list.svelte-6dohdz li:where(.svelte-6dohdz) a.active:where(.svelte-6dohdz){color:var(--color-primary);border-left-color:var(--color-primary);background:#1a56db26;font-weight:500}.header.svelte-hv3zzy{top:0;left:var(--sidebar-width);background:var(--color-surface);border-bottom:1px solid var(--color-border);height:56px;padding:0 var(--space-6);z-index:99;justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.header-right.svelte-hv3zzy{align-items:center;gap:var(--space-4);display:flex}.user-name.svelte-hv3zzy{font-size:var(--font-md);color:var(--color-text)}.logout-btn.svelte-hv3zzy{padding:var(--space-1) var(--space-3);font-size:var(--font-sm);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:0 0;transition:background-color .15s}.logout-btn.svelte-hv3zzy:hover{background:#fef2f2}.main-content.svelte-ytfais{margin-left:var(--sidebar-width);padding:var(--space-6);min-height:calc(100vh - 56px);margin-top:56px}
