:root{--bg:#f3f5f7;--card:#fff;--ink:#1f2328;--muted:#5b6570;--line:#dde1e6;--accent:#2f7a52;--accent2:#1e4a38;--danger:#c0392b;--font:"Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.muted{color:var(--muted)}.strong{font-weight:600;color:var(--ink)}.r{text-align:right}.error{color:var(--danger);font-size:14px;margin-top:10px}h1{font-size:22px;font-weight:700;margin:0}h1,input,select{color:var(--ink)}input,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;margin:6px 0;font-family:var(--font)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,122,82,.12)}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font)}button:hover{background:var(--accent2)}button:disabled{opacity:.55;cursor:default}.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.ghost:hover{background:#f3f2f1}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 1.6px 3.6px rgba(0,0,0,.08),0 .3px .9px rgba(0,0,0,.06);width:100%}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px}td,th{border-bottom:1px solid var(--line)}td{padding:11px 10px;color:var(--ink)}td.r,th.r{text-align:right}.shell{display:flex;min-height:100vh;align-items:stretch}.sidebar{width:232px;flex:0 0 232px;background:#fff;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;color:var(--ink);padding:8px 10px 16px}.side-nav{display:flex;flex-direction:column;gap:3px;flex:1 1}.side-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer;border:0;background:transparent;text-align:left;width:100%;font-family:var(--font)}.side-item:hover{background:#f3f5f7;color:var(--ink)}.side-item.active{background:#eafaf3;color:var(--accent)}.side-item .si{font-size:16px;width:20px;text-align:center;display:inline-block}.main{flex:1 1;min-width:0;padding:26px 34px 64px}@media(max-width:820px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;flex:none;flex-direction:row;overflow-x:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:8px}.side-nav{flex-direction:row;gap:2px}.side-brand,.sidebar>div{display:none}.main{padding:18px}}