:root{--accent: #31708f;--accent-hover: #2a6079;--bg: #f5f6f8;--surface: #ffffff;--border: #e4e6ea;--border-strong: #d3d7dd;--text: #1f2328;--text-muted: #656d76;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .07);--shadow-md: 0 6px 24px -6px rgba(16, 24, 40, .16);--shadow-lg: 0 24px 56px -16px rgba(16, 24, 40, .4)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;font-weight:500;line-height:1.2;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .04s ease}button:hover:not(:disabled){background:#f1f2f4;border-color:#c2c7ce}button:active:not(:disabled){transform:translateY(.5px)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary,.btn-danger{border-radius:var(--radius-sm);border:1px solid transparent;color:#fff;text-decoration:none}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);text-decoration:none}.btn-danger{background:#b3403e;border-color:#b3403e}.btn-danger:hover:not(:disabled){background:#9a3634;border-color:#9a3634;text-decoration:none}input,select,textarea{font:inherit;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:border-color .14s ease,box-shadow .14s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #31708f29}input::placeholder{color:#9aa1aa}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.data-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table thead th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);background:#fbfbfc}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#f7f9fb}::selection{background:#31708f2e}*{scrollbar-width:thin;scrollbar-color:#c4c8ce transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#c4c8ce;border-radius:7px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#aab0b8;background-clip:padding-box}