:root{--bg:#f4f4f2;--surface:#fff;--ink:#20231f;--muted:#71766c;--line:#e0e3dc;--accent:#20251e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;line-height:1.5}a{color:#3d5942}button,.button{border:1px solid var(--accent);background:var(--accent);color:white;padding:11px 18px;border-radius:10px;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.15)}.ghost{background:transparent;color:var(--ink);border-color:var(--line)}input,select{border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;background:var(--surface);color:var(--ink);font-size:.87rem}input:focus{outline:2px solid #b8c9a8;outline-offset:2px}.muted{color:var(--muted)}h1{font-size:2rem;letter-spacing:-.045em;line-height:1.2;margin:10px 0}h2{font-size:1.12rem}h3{font-size:1rem}.panel{padding:24px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.badge{font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;background:#eef1eb}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#854d0e;background:#fef3c7}.system-alert{padding:16px 20px;border:1px solid;border-radius:12px}.system-alert.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.system-alert.bad{background:#fef2f2;border-color:#fecaca;color:#991b1b}.data-table-wrap{overflow:auto;margin-top:18px}.master-sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#101310;color:#eff1eb;padding:30px 20px;display:flex;flex-direction:column}.master-brand{display:flex;gap:12px;align-items:center;color:#f3f5ee;text-decoration:none;letter-spacing:.1em;font-weight:750;font-size:1.2rem}.master-brand img{width:40px;height:40px}.master-brand small{display:block;font-size:.57rem;letter-spacing:.18em;font-weight:500;margin-top:3px;color:#c2cdb6}.master-side-hint{font-size:.72rem;color:#9ba591;margin:40px 8px 12px}.master-sidebar nav{display:grid;gap:8px}.master-sidebar nav a{padding:12px 10px;text-decoration:none;color:#d5ddce;font-size:.84rem;border-radius:9px}.master-sidebar nav a.active{background:#2a3226;color:#edf3e8}.master-user{margin-top:auto;border-top:1px solid #30372b;padding-top:20px;display:grid;gap:7px}.master-user strong{font-size:.83rem}.master-user small{font-size:.7rem;color:#a5af9a;overflow-wrap:anywhere}.master-user button{color:#e5eadd;border-color:#3c4536;width:100%;margin-top:10px}.master-main{margin-left:248px;padding:42px clamp(22px,4vw,70px);min-height:100vh}.master-login-body{min-height:100vh;display:grid;place-items:center;padding:28px}.master-login{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 70px #141b1010}.master-login-story{background:#101310;color:#eff1e9;padding:55px;display:flex;flex-direction:column;gap:50px;justify-content:space-between}.master-login-story h1{font-size:2.9rem;line-height:1.12;margin:20px 0}.master-login-story p{color:#b5c0aa;font-size:.9rem}.master-login-form{padding:55px;background:white;display:grid;align-content:center;gap:18px}.master-login-form form{display:grid;gap:18px}.master-login-form label{display:grid;gap:7px;font-size:.82rem}.master-login-form h2{font-size:1.6rem;margin:0}.master-login-form p{font-size:.86rem}.master-login-form button{width:100%;margin-top:6px}@media(max-width:1000px){.master-sidebar{width:205px}.master-main{margin-left:205px;padding:28px 20px}.master-login-story,.master-login-form{padding:35px}}@media(max-width:700px){.master-sidebar{position:static;width:auto;padding:18px 20px;gap:12px}.master-sidebar .master-side-hint,.master-sidebar nav,.master-sidebar .master-user{display:none}.master-main{margin:0;padding:20px 14px}.panel{padding:18px}.page-header h1{font-size:1.7rem}.master-login{grid-template-columns:1fr}.master-login-story{padding:30px;gap:20px}.master-login-story h1{font-size:2rem}.master-login-form{padding:30px}.master-login-body{padding:14px}}
@media(max-width:700px){.master-sidebar{flex-direction:row;align-items:center;justify-content:space-between}.master-sidebar .master-user{display:block;margin:0;border:0;padding:0}.master-sidebar .master-user strong,.master-sidebar .master-user small{display:none}.master-sidebar .master-user button{margin:0;padding:8px 10px;font-size:.72rem}}