:root{--bg:#f3f5f7;--panel:#fff;--line:#d9dee5;--text:#1c2430;--muted:#667085;--accent:#8a2d21;--accent2:#d49d35;--ok:#137a49;--danger:#b42318;--warn:#a15c00;--sidebar:#f8f3ea}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}.topbar{height:58px;background:linear-gradient(90deg,#8a2d21,#a8442f);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:10}.badge{background:#f8d783;color:#4b3300;border-radius:999px;padding:4px 8px;font-size:11px;margin-left:10px}.userbox{font-size:14px}.userbox a{color:#fff;text-decoration:underline;margin-left:12px}.layout{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 58px)}.sidebar{background:var(--sidebar);border-right:1px solid #d6c6ad;padding:14px;overflow:auto}.fastpath label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.fastpath div{display:flex;gap:6px}.fastpath input{flex:1}.fastpath button{width:52px}.navgroup{margin-top:18px}.navgroup h4{margin:0 0 6px;color:#6b5a44;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.navgroup a{display:block;padding:8px 10px;border-radius:6px;color:#3c352d;font-size:14px}.navgroup a:hover{background:#eadfcf}.content{padding:22px;min-width:0}.pagehead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.pagehead h1{font-size:26px;margin:0}.pagehead p{margin:5px 0 0;color:var(--muted)}.grid{display:grid;gap:16px}.grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.card h3{margin:0 0 10px}.metric{font-size:30px;font-weight:700}.muted{color:var(--muted)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea,.fastpath input{width:100%;border:1px solid #b8c0ca;border-radius:6px;padding:10px 11px;background:#fff;font:inherit}.field textarea{min-height:80px}.full{grid-column:1/-1}.btn,button{border:0;border-radius:6px;padding:10px 14px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff}.btn.secondary,button.secondary{background:#5b6573}.btn.light{background:#eceff3;color:#28313d}.btn.danger{background:var(--danger)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.notice{border-radius:8px;padding:11px 13px;margin:0 0 14px;border:1px solid}.notice.success{background:#ecfdf3;border-color:#a6e3c4;color:#0b6b3a}.notice.warn{background:#fff7e6;border-color:#f2cf88;color:#835000}.notice.danger{background:#fff0ef;border-color:#efb0aa;color:#8d1b14}.notice.info{background:#eef5ff;border-color:#bfd4f7;color:#24578c}.status{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;text-transform:capitalize}.status.ok{background:#e8f7ee;color:#0f6d40}.status.warn{background:#fff4dc;color:#945b00}.status.danger{background:#fdebea;color:#a11a12}.status.muted{background:#edf0f4;color:#5b6573}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #e1e5ea;padding:10px;text-align:left;font-size:14px;vertical-align:top}th{background:#f7f8fa;font-size:12px;text-transform:uppercase;color:#596273}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.flow span{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:8px}.flow b{color:var(--accent)}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#efe7d8,#f8f8f8)}.loginbox{width:min(430px,100%);background:#fff;border:1px solid #ded7ca;border-radius:14px;padding:24px}.loginbox h1{margin-top:0}.trainingmark{font-size:12px;color:#815d19;background:#fff2c8;padding:7px 10px;border-radius:6px;margin-bottom:14px}.kpi{font-size:13px;color:var(--muted);margin-top:3px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.step{display:flex;gap:12px;align-items:flex-start;margin:10px 0}.stepnum{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#8a2d21;color:#fff;font-weight:700;flex:none}.dangerbox{border-left:4px solid var(--danger);padding:12px 14px;background:#fff7f6}.small{font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.pill{background:#eee5d7;border-radius:999px;padding:4px 9px;font-size:12px}.codebox{background:#111827;color:#e5e7eb;padding:12px;border-radius:8px;overflow:auto;font-family:monospace;font-size:12px}.right{text-align:right}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid #d6c6ad}.navgroup{display:inline-block;vertical-align:top;width:48%;margin-right:1%}.content{padding:14px}.grid.cols2,.grid.cols3,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.topbar{height:auto;padding:10px 14px;gap:8px;align-items:flex-start}.userbox{text-align:right}.sidebar nav{display:none}.sidebar.open nav{display:block}.sidebar:before{content:'Menu';display:block;font-weight:700;margin-bottom:8px}.pagehead h1{font-size:22px}}