#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-content{width:min(1560px,100% - 1rem);margin:0 auto;padding:var(--space-4) 0}.route-fallback{display:flex;align-items:center;gap:12px;min-height:96px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);box-shadow:var(--shadow-soft)}.route-fallback__bar{width:32px;height:32px;border-radius:999px;border:3px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-top-color:var(--accent);animation:route-fallback-spin .9s linear infinite}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}.route-error{display:grid;gap:12px;padding:var(--space-5);border:1px solid color-mix(in srgb,#b71c1c 28%,var(--line));border-radius:var(--radius-md);background:color-mix(in srgb,#fff5f5 72%,var(--surface));box-shadow:var(--shadow-soft)}.route-error__title{margin:0;color:#8f1313}.route-error__message{margin:0;color:var(--text-muted)}.route-error__action{width:fit-content}.top-nav{position:sticky;top:0;z-index:20;display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:visible}.top-nav-dropdown{position:relative}.top-nav-dropdown.is-open{z-index:40}.top-nav-dropdown-trigger{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 var(--space-3);border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;transition:all .15s ease}.top-nav-dropdown-trigger:hover,.top-nav-dropdown.is-open .top-nav-dropdown-trigger{background:var(--surface-muted);color:var(--text)}.top-nav-dropdown-trigger:focus-visible,.top-nav-link:focus-visible,.logout-btn:focus-visible,.primary-btn:focus-visible,.login-input:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,#fff);outline-offset:2px}.top-nav-dropdown-trigger.is-active{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent-strong)}.top-nav-caret{font-size:.7rem;line-height:1}.top-nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;display:none;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-soft);z-index:50}.top-nav-dropdown.is-open .top-nav-dropdown-menu{display:flex}.top-nav-link{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-3);border-radius:999px;font-size:.92rem;color:var(--text-muted);text-decoration:none;transition:all .15s ease}.top-nav-dropdown-menu .top-nav-link{border-radius:10px}.top-nav-link:hover{background:var(--surface-muted);color:var(--text)}.top-nav-link.is-active{color:#fff;background:var(--accent);box-shadow:0 8px 20px #1f6f4340}.top-nav-spacer{margin-left:auto}.logout-btn{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);padding:8px 14px;cursor:pointer}.logout-btn:hover{border-color:color-mix(in srgb,#d63636 55%,var(--line));color:#b71c1c;box-shadow:0 0 16px #d6363659}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4)}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-6)}.login-title{margin:0 0 var(--space-5)}.login-form{display:grid;gap:var(--space-3)}.login-field{display:grid;gap:6px}.login-label{font-size:.92rem;font-weight:600}.login-input{height:42px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);padding:0 12px}.login-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:var(--surface)}.primary-btn{height:42px;border:none;border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#2f7f51 100%);font-weight:600;cursor:pointer}.primary-btn:hover{background:linear-gradient(135deg,var(--accent-strong) 0%,#256b43 100%)}.debug-errors{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background:#101510;color:#dfefe0;max-height:220px;overflow:auto;font-size:12px}.table-page{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--space-3);display:flex;flex-direction:column}.table-page--fill{height:calc(100vh - 96px)}.table-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-2)}.table-action-link{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-3);border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent-strong);text-decoration:none}.table-action-link:hover{background:color-mix(in srgb,var(--accent) 10%,#fff)}.table-grid{width:100%;display:flex;flex:1;min-height:320px}.table-grid>.MuiDataGrid-root{height:100%}.grid-action-btn{width:32px;height:32px;border-radius:10px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-muted) 86%,#fff);color:color-mix(in srgb,var(--text-muted) 80%,#000);transition:all .15s ease}.grid-action-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#fff);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent-strong);box-shadow:0 6px 14px #15563624}@media (max-width: 900px){.top-nav{align-items:stretch;gap:6px;padding:var(--space-2)}.top-nav-dropdown{flex:1 1 100%}.top-nav-dropdown-trigger{width:100%;justify-content:space-between}.top-nav-dropdown-menu{position:static;top:auto;left:auto;width:100%;min-width:0;margin-top:6px;box-shadow:none}.top-nav-spacer{display:none}.logout-btn{margin-left:auto}}.grid-action-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,#fff);outline-offset:2px}.MuiDataGrid-row:hover .grid-action-btn{color:var(--text);border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.table-grid .grid-actions-header,.table-grid .grid-actions-cell{position:sticky;right:0;z-index:3;background:var(--surface)}.table-grid .grid-actions-header{z-index:4;border-left:1px solid color-mix(in srgb,var(--line) 80%,#fff)}@media (max-width: 900px){.app-content{width:min(1560px,100% - .5rem);padding:var(--space-3) 0}.table-page{padding:var(--space-2)}.table-page--fill{height:calc(100vh - 88px)}}:root{--bg: #f3f4ee;--surface: #ffffff;--surface-muted: #f7f8f2;--text: #1a1f16;--text-muted: #5e6756;--accent: #1f6f43;--accent-strong: #155636;--line: #d9ded0;--danger: #b32323;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-soft: 0 10px 30px rgba(21, 38, 18, .08)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;color:var(--text);font-family:Segoe UI,Noto Sans,Helvetica Neue,sans-serif;line-height:1.45;background:radial-gradient(circle at 0% 0%,rgba(31,111,67,.16) 0%,transparent 32%),radial-gradient(circle at 100% 100%,rgba(146,190,67,.18) 0%,transparent 36%),linear-gradient(180deg,#f8f9f4,#eff2e7);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace}a{color:inherit}input,textarea,select,button{font:inherit}.toast-top-right{top:12px;right:12px}.toast-container{pointer-events:none;position:fixed;z-index:999999}.btnTool{text-align:left}