:root{--bg:#f0f2f1;--surface:#fff;--ink:#192622;--muted:#66736f;--primary:#087e68;--primary-dark:#055d4e;--border:#d9e0dc;--soft:#e8f4f1;--danger:#b53a3a;--warn:#9a6a12;--warn-bg:#fff6e8;--sidebar:#13201c;--sidebar-text:#d7e5df;color:var(--ink);background:var(--bg);font-family:PingFang SC,Noto Sans SC,Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}a{color:var(--primary);text-decoration:none}.skip-link{z-index:100;background:var(--surface);color:var(--ink);border-radius:8px;padding:.6rem .8rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%);box-shadow:0 4px 16px #0000002e}.skip-link:focus{transform:translateY(0)}button,input,select,textarea{font:inherit}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.topbar,.nav-backdrop,.nav-dialog-close{display:none}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;gap:1rem;height:100vh;min-height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand{color:#fff;padding:.35rem .5rem;font-size:1.05rem;font-weight:800}.sidebar nav{flex-direction:column;gap:.25rem;display:flex}.sidebar a{color:var(--sidebar-text);border-radius:10px;padding:.65rem .75rem;font-size:.95rem;font-weight:600}.sidebar a:hover,.sidebar a.active{color:#fff;background:#ffffff14;text-decoration:none}.sidebar .foot{opacity:.9;margin-top:auto;padding:.5rem;font-size:.8rem}.sidebar .role-line{color:#9bb5ab;margin-top:4px}.main{min-width:0;padding:1.5rem 1.75rem 2.5rem}.main:focus{outline:none}.page-title{margin:0 0 .35rem;font-size:1.5rem;font-weight:800}.page-sub{color:var(--muted);word-break:break-word;margin:0 0 1.25rem;font-size:.95rem}.banner{background:var(--warn-bg);color:var(--warn);border:1px solid #efd9b0;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.grid-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem}.stat .label{color:var(--muted);font-size:.85rem;font-weight:600}.stat .value{margin-top:.35rem;font-size:1.6rem;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.data{border-collapse:collapse;width:100%;min-width:520px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.7rem .55rem;font-size:.92rem}table.data th{color:var(--muted);white-space:nowrap;font-weight:700}.badge{background:var(--soft);color:var(--primary-dark);white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{color:var(--danger);background:#fdecec}.badge.muted{color:var(--muted);background:#eef1f0}.btn{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:.45rem .9rem;font-weight:700;display:inline-flex}.btn:hover{background:var(--primary-dark)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn.secondary{background:var(--soft);color:var(--primary-dark);border-color:var(--border)}.btn.ghost{border-color:var(--border);color:var(--ink);background:0 0}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.select-field{width:100%;min-width:0;position:relative}.select-field.compact{flex:12rem;width:auto}.select-trigger{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;font-weight:600;display:flex}.select-trigger:disabled{opacity:.55;cursor:not-allowed}.select-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.select-caret{color:var(--muted);flex-shrink:0;font-size:.85rem}.select-menu{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-height:min(280px,50vh);margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #1926221f}.select-option{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:44px;padding:.65rem .75rem;font-weight:600;display:block}.select-option:hover,.select-option.focused,.select-option.active{background:var(--soft);color:var(--primary-dark)}.select-empty{padding:.75rem;font-size:.9rem}.segmented{flex-wrap:wrap;flex:auto;gap:.4rem;display:flex}.segment-btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-weight:700}.segment-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.segment-btn:disabled{opacity:.55;cursor:not-allowed}.segment-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.field .select-field{width:100%}.row-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.login-page{background:linear-gradient(160deg,#e8f4f1,#f5f3ee 50%,#eef2f0);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(100%,420px);padding:1.6rem}.login-card h1{margin:0 0 .35rem;font-size:1.4rem}.field{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.field label,.field>span{font-size:.9rem;font-weight:700}.field input,.row-actions input,.row-actions .filter-input{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--ink);width:100%;max-width:100%;font:inherit;border-radius:10px;padding:.55rem .75rem}.row-actions input,.row-actions .filter-input{flex:12rem;width:auto;min-width:0}.error{color:var(--danger);margin:0 0 .75rem;font-size:.9rem}.muted{color:var(--muted)}.dl{grid-template-columns:140px 1fr;gap:.5rem 1rem;margin:0;display:grid}.dl dt{color:var(--muted);font-weight:600}.dl dd{word-break:break-word;margin:0;font-weight:600}.stack{flex-direction:column;gap:1rem;display:flex}@media (width<=1100px){.grid-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.shell{grid-template-columns:1fr}.topbar{z-index:40;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex;position:sticky;top:0}.topbar-brand{flex:1;font-weight:800}.topbar-user{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-size:.85rem;overflow:hidden}.menu-btn{min-height:44px;padding:.35rem .7rem}.sidebar{z-index:50;width:min(280px,86vw);box-shadow:none;height:100vh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.shell.nav-open .sidebar{transform:translate(0);box-shadow:8px 0 28px #0000002e}.nav-backdrop{z-index:45;cursor:pointer;background:#0f181573;border:0;margin:0;padding:0;display:block;position:fixed;inset:0}.nav-dialog-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-self:flex-end;align-items:center;width:44px;height:44px;margin:-.35rem -.1rem -.65rem 0;font-size:1.6rem;display:flex}.main{padding:1rem .9rem 2rem}.page-title{font-size:1.3rem}.grid-stats{grid-template-columns:1fr 1fr}.dl{grid-template-columns:1fr;gap:.2rem 0}.dl dt{margin-top:.45rem}.dl dt:first-child{margin-top:0}.row-actions{flex-direction:column;align-items:stretch}.row-actions input,.row-actions .filter-input,.row-actions .select-field,.row-actions .select-field.compact,.row-actions .btn,.row-actions .segmented{flex:none;width:100%}.row-actions .segmented{grid-template-columns:1fr 1fr;display:grid}}@media (width<=520px){.grid-stats{grid-template-columns:1fr}.stat .value{font-size:1.4rem}table.data{min-width:460px}.card{padding:.85rem .9rem}.page-sub{font-size:.88rem}}@media (width<=960px) and (width>=641px){table.data th:first-child,table.data td:first-child{background:var(--surface);z-index:1;box-shadow:1px 0 0 var(--border);position:sticky;left:0}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media (width<=640px){.table-wrap:has(table.data.cards){overflow:visible}table.data.cards{min-width:0}table.data.cards thead{display:none}table.data.cards tbody{flex-direction:column;gap:.75rem;display:flex}table.data.cards tr{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:.45rem;padding:.75rem .85rem;display:grid}table.data.cards td{border-bottom:0;grid-template-columns:minmax(4.5rem,34%) 1fr;align-items:start;gap:.5rem .75rem;min-width:0;padding:.15rem 0;font-size:.9rem;display:grid}table.data.cards td[data-label]:before{content:attr(data-label);color:var(--muted);padding-top:.15rem;font-size:.78rem;font-weight:700;line-height:1.4}table.data.cards td:not([data-label]),table.data.cards td.actions,table.data.cards td[data-label=""]{grid-template-columns:1fr}table.data.cards td.actions:before,table.data.cards td[data-label=""]:before{display:none}table.data.cards .muted{word-break:break-all}table.data.cards tr:has(td[colspan]){text-align:center;color:var(--muted);display:block}table.data.cards tr:has(td[colspan]) td{text-align:center;grid-template-columns:1fr;display:block}table.data.cards tr:has(td[colspan]) td:before{display:none}}