:root{--nav:#17324d;--blue:#2563eb;--bg:#f4f6f8;--line:#d9dee5;--ink:#18212b;--ok:#e4f6ea;--warn:#fff4cf;--bad:#fbe1e1}*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;background:var(--bg);color:var(--ink)}header{background:var(--nav);color:#fff;padding:16px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center}header h1{margin:0 0 4px;font-size:22px}header small{opacity:.8}button{border:0;background:var(--blue);color:#fff;padding:9px 12px;border-radius:7px;font-weight:700;cursor:pointer;margin:2px}button.active{background:var(--nav)}button.danger{background:#a33}button.ghost{background:transparent;border:1px solid #ffffff66}nav{background:#fff;border-bottom:1px solid var(--line);padding:8px 14px;display:flex;gap:4px;flex-wrap:wrap;position:sticky;top:0;z-index:5}main{max-width:1300px;margin:auto;padding:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin:14px 0;overflow:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px}.card small{color:#65717d}.card b{display:block;font-size:28px;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.grid label{font-weight:700}input,select,textarea{width:100%;padding:9px;margin-top:5px;border:1px solid #aeb7c2;border-radius:7px;font:inherit}textarea{min-height:65px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f0f3f6;font-size:12px}small{display:block;color:#65717d;margin-top:3px}.muted{color:#65717d}.tag{padding:4px 8px;border-radius:12px;background:#e9edf2;font-size:11px}.pipeline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pipeline span{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#f7f9fb}.age{padding:5px 8px;border-radius:12px;font-size:11px;font-weight:700}.GREEN{background:var(--ok)}.ORANGE{background:var(--warn)}.RED{background:var(--bad)}.bad{background:var(--bad);padding:9px;border-radius:7px;margin:8px 0}.login{min-height:100vh;display:grid;place-items:center}.loginbox{background:#fff;padding:28px;border-radius:14px;border:1px solid var(--line);width:min(410px,92vw)}.loginbox label{display:block;font-weight:700;margin:12px 0}.loginbox button{width:100%;margin-top:10px}.loginbox small{margin-top:14px}footer{text-align:center;padding:22px;color:#65717d;font-size:11px}@media(max-width:700px){header{flex-direction:column;align-items:flex-start}nav{overflow:auto;flex-wrap:nowrap}nav button{white-space:nowrap}main{padding:10px}}.tab-view.hidden{display:none}