:root{--primary-color: #0695d6;--primary-color-darker: #02b6be;--primary-gradient-color: #2fc3ca;--color-bg: #f6f7fb;--color-surface: #ffffff;--color-border: #e6e7f0;--color-border-strong: #d7d9e6;--color-text: #30324a;--color-text-muted: #6f7387;--color-text-faint: #9698a8;--color-success: #28c76f;--color-success-bg: #e7f9ee;--color-warning: #ff9f43;--color-warning-bg: #fff3e6;--color-danger: #ea5455;--color-danger-bg: #fdecec;--color-accent: #7e22ce;--color-accent-bg: #f3e8ff;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-card: 0 2px 10px rgba(24, 28, 52, .06), 0 1px 2px rgba(24, 28, 52, .04);--shadow-hover: 0 10px 28px rgba(24, 28, 52, .14);--shadow-btn: 0 2px 6px color-mix(in srgb, var(--primary-color) 35%, transparent);--font-sans: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sidebar-width: 260px;--navbar-height: 66px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-weight:600;color:var(--color-text);margin:0 0 .25rem}h1{font-size:1.5rem;letter-spacing:-.01em}h2{font-size:1.05rem}p{margin:0 0 .75rem}a{color:var(--primary-color)}button{font-family:inherit;font-size:.875rem;font-weight:500;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;cursor:pointer;box-shadow:var(--shadow-btn);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}button:hover:not(:disabled){background:var(--primary-color-darker);border-color:var(--primary-color-darker)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default;box-shadow:none}button.secondary,button.close{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:none}button.secondary:hover:not(:disabled),button.close:hover:not(:disabled){background:#f5f6f9;border-color:var(--color-border-strong)}button.danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger);box-shadow:none}button.danger:hover:not(:disabled){background:var(--color-danger-bg)}button.small{padding:.3rem .65rem;font-size:.75rem}input,select,textarea{font-family:inherit;font-size:.875rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.55rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}input[type=checkbox],input[type=radio]{width:auto;padding:0;border:none;accent-color:var(--primary-color);cursor:pointer}input[type=file]{border:none;padding:0;background:none;box-shadow:none}label{color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1.25rem 1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-header h1{margin:0}table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}thead th{text-align:left;padding:.75rem 1rem;background:#fafafc;color:var(--color-text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);white-space:nowrap}tbody td{padding:.65rem 1rem;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text)}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-pill);background:#f1f1f5;color:var(--color-text-muted)}.badge-success{background:var(--color-success-bg);color:#1a8a4d}.badge-warning{background:var(--color-warning-bg);color:#b5650f}.badge-danger{background:var(--color-danger-bg);color:#c22b2c}.badge-accent{background:var(--color-accent-bg);color:var(--color-accent)}.error{color:#c22b2c;background:var(--color-danger-bg);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.875rem;margin:0 0 1rem}.muted{color:var(--color-text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#181c348c;display:flex;align-items:center;justify-content:center;z-index:50;animation:modal-fade .15s ease}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);padding:1.5rem;animation:modal-in .18s ease}.modal h2{font-size:1.05rem;margin:0 0 1rem}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d7d9e6;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#c2c4d6}