:root{--font:-apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--page-bg:oklch(97% .004 250);--text:oklch(22% .01 250);--panel:oklch(28% .05 250);--panel-circle-1:oklch(35% .06 250);--panel-circle-2:oklch(24% .045 250);--panel-border:oklch(40% .03 250);--accent:oklch(55% .18 250);--accent-hover:oklch(50% .18 250);--accent-ring:oklch(55% .18 250/.15);--logo:oklch(70% .15 250);--nav-active:oklch(45% .1 250);--nav-hover:oklch(35% .04 250);--card:#fff;--card-shadow:0 1px 3px oklch(0% 0 0/.06);--border:oklch(88% .005 250);--border-soft:oklch(94% .005 250);--row-border:oklch(96% .003 250);--muted:oklch(50% .01 250);--muted-2:oklch(55% .01 250);--label:oklch(35% .01 250);--label-2:oklch(40% .01 250);--track:oklch(94% .005 250);--danger:oklch(50% .18 30)}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{font-family:var(--font);background:var(--page-bg);color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s fadeIn}.fade-in-s{animation:.3s fadeIn}.fade-in-xs{animation:.2s fadeIn}.sr-input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;font-family:inherit;font-size:15px}.sr-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.sr-btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;font-family:inherit;font-weight:600}.sr-btn-primary:hover{background:var(--accent-hover)}.sr-nav-btn{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.sr-logout-btn:hover{background:var(--nav-hover)}.sr-icon-btn{cursor:pointer;background:#fff;border:1px solid oklch(90% .005 250);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sr-icon-btn:hover{background:oklch(97% .004 250)}.sr-table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.sr-drawer-overlay{z-index:40;cursor:pointer;background:oklch(0% 0 0/.45);border:none;padding:0;position:fixed;inset:0}.sr-hamburger{border:1px solid var(--border);background:var(--card);cursor:pointer;width:40px;height:40px;color:var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sr-hamburger:hover{background:var(--page-bg)}.sr-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.sr-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.sr-input{font-size:16px}.sr-grid-2,.sr-grid-3{grid-template-columns:1fr}}