:root{--ink:#1f2937;--muted:#718096;--paper:#fff;--canvas:#f5f7fb;--line:#e5eaf1;--gold:#f4c75b;--blue:#2563eb;--danger:#dc2626}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Arial,Noto Sans,sans-serif}a{color:var(--blue);text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;width:252px;padding:20px 12px;transition:width .2s}.sidebar.collapsed{width:68px}.brand{align-items:center;gap:10px;padding:0 8px 26px;font-size:19px;font-weight:800;display:flex}.brand-mark{background:var(--gold);border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.side-label{letter-spacing:1.2px;color:#8a9ab2;padding:20px 12px 7px;font-size:10px;font-weight:700}.nav-item{color:#53657e;border-radius:10px;padding:10px 12px;font-size:14px;display:block}.nav-item.active{color:#956918;background:#fff2cf;font-weight:700}.nav-item.disabled{opacity:.6;cursor:not-allowed}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:18px;height:73px;padding:0 32px;display:flex}.hamburger{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:42px;height:42px;font-size:20px}.content{width:100%;max-width:1440px;margin:0 auto;padding:30px}.app-main{flex:1;min-width:0}.eyebrow{color:#b5811d;letter-spacing:1px;font-size:12px;font-weight:700}.page-title{margin:8px 0;font-size:30px}.muted{color:var(--muted);font-size:14px}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.grid{gap:16px;display:grid}.grid.three{grid-template-columns:repeat(3,1fr)}.notice{color:#8b651d;background:#fff9e9;border:1px solid #f1d087;border-radius:13px;padding:17px}.button{background:var(--gold);color:#293543;cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.button.secondary{border:1px solid var(--line);background:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.form{max-width:430px;margin:50px auto}.form label{margin:16px 0 6px;font-size:14px;font-weight:700;display:block}.form input{border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:12px;font-size:15px}.error{color:var(--danger);margin-top:12px}.success{color:#16803e;margin-top:12px}.auth-page{place-items:center;min-height:100vh;padding:20px;display:grid}.status{color:#b56518;background:#fff2df;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}@media (max-width:700px){.sidebar{z-index:3;height:100vh;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{padding:0 16px}.content{padding:20px 16px}.grid.three{grid-template-columns:1fr}.page-title{font-size:26px}}