:root{--blue:#176d9b;--cyan:#1499c5;--navy:#172a39;--slate:#4b606e;--tint:#eaf2f7;--rule:#c9d6df;--bg:#f5f7f9;--ok:#1d7a46;--warn:#9a5b00;--bad:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:var(--bg);font-size:14px}a{color:var(--blue)}a:hover{color:var(--navy)}.shell{display:flex;flex-wrap:wrap;min-height:100vh}.nav{flex:1 1 200px;max-width:220px;background:var(--navy);color:#fff;padding:20px 14px}.nav img{display:block;width:44px;height:44px;margin-bottom:18px}.nav h4{font-size:11px;letter-spacing:1.5px;color:#9fb6c6;margin:18px 8px 6px;font-weight:700}.nav a{display:block;color:#fff;text-decoration:none;padding:7px 8px;border-radius:6px}.nav a:hover{background:rgba(255,255,255,.1)}.nav .who{font-size:12px;color:#9fb6c6;margin-top:24px;padding:0 8px}.main{flex:999 1 560px;min-width:0;padding:24px 28px 64px}@media (max-width:720px){.nav{max-width:none}.main{padding:16px}}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:28px 0 10px}.sub{color:var(--slate);margin:0 0 18px}.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px}.bar .spacer{flex:1 1}.card{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:16px}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat .label{color:var(--slate);font-size:12px}.stat .value{font-size:22px;font-weight:700;margin-top:4px}.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--rule);border-radius:8px}table{width:100%;border-collapse:collapse}th{text-align:left;background:var(--tint);font-size:12px;border-bottom:1px solid var(--blue);white-space:nowrap}td,th{padding:9px 10px}td{border-bottom:1px solid #e3eaef;vertical-align:top}td.num,th.num{text-align:right;white-space:nowrap}tr:last-child td{border-bottom:none}.btn,button{display:inline-block;font:inherit;font-weight:700;background:var(--blue);color:#fff;border:0;border-radius:6px;padding:9px 14px;cursor:pointer;text-decoration:none;min-height:38px}.btn:hover,button:hover{background:var(--navy);color:#fff}.btn.secondary,button.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}button.danger{background:var(--bad)}form.inline{display:inline}label{display:block;font-size:12px;color:var(--slate);margin-bottom:4px}input,select,textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--rule);border-radius:6px;background:#fff;color:var(--navy)}textarea{min-height:70px}.fields{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px}.lines td{padding:4px}.lines input,.lines select{padding:6px 8px}.pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;background:var(--tint);color:var(--blue)}.pill.ok{background:#e3f4ea;color:var(--ok)}.pill.warn{background:#fdf0dc;color:var(--warn)}.pill.bad{background:#fde7e5;color:var(--bad)}.notice{border-radius:8px;padding:12px 14px;margin:0 0 16px;background:var(--tint)}.notice.warn{background:#fdf0dc}.notice.bad{background:#fde7e5}.muted{color:var(--slate)}.right{text-align:right}.kanban{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kanban .col{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:10px}.kanban .item{border:1px solid #e3eaef;border-radius:6px;padding:8px;margin-top:8px}.bars{display:flex;align-items:flex-end;gap:6px;height:120px}.bars div{flex:1 1;background:var(--blue);border-radius:3px 3px 0 0;min-height:2px}.barlabels{display:flex;gap:6px;font-size:10px;color:var(--slate)}.barlabels span{flex:1 1;text-align:center}