:root{--mint:#00aac8;--ink:#101615;--line:#e8eeee;--muted:#718283;--orange:#cf5526}*{box-sizing:border-box}body{margin:0;font-family:"Malgun Gothic",Arial,sans-serif;color:#263536;background:#fff;font-size:14px}header{height:66px;background:#0d1211;color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:10}.brand{width:250px;padding:0 28px;display:flex;gap:14px;align-items:end}.brand b{font-size:24px;color:#00aac8}.brand span{border-left:1px solid #87908e;padding-left:14px;font-size:16px}nav{display:flex;height:100%;flex:1}nav button{border:0;background:none;color:#fff;padding:0 28px;font-size:17px;font-weight:700;cursor:pointer}nav button.active{background:#fff;color:#00849b}.icons{padding:0 22px;white-space:nowrap}.icons b{background:#f0447b;border-radius:20px;padding:2px 6px;margin-left:-8px}.subnav{height:60px;border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:44px;align-items:center}.subnav span.active{color:#00849b;font-weight:700;border-bottom:3px solid var(--mint);height:60px;display:flex;align-items:center}.page{padding:24px 28px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.control,.action,input,select{height:38px;border:1px solid #dce4e4;border-radius:5px;background:#fff;padding:0 14px}.action{cursor:pointer;font-weight:700}.action.primary{background:var(--mint);color:#fff;border-color:var(--mint)}.spacer{flex:1}.chips{display:flex;gap:9px;margin-left:auto}.chip{padding:7px 11px;border-radius:16px;background:#f4f7f7;font-size:12px}.chip.active{background:#506f74;color:#fff}.table-wrap{overflow:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:1050px}th,td{padding:14px 12px;border-bottom:1px solid #edf1f1;text-align:center;white-space:nowrap}th{color:#587071;font-weight:600;background:#fbfcfc}td.left{text-align:left}.status{border-radius:12px;padding:5px 9px;font-size:12px}.waiting{background:#fff4d8;color:#9a7000}.working{background:#ddf6ff;color:#1682a6}.done{background:#e9f9fc;color:#00849b}.late{color:var(--orange);font-weight:700}.money{font-weight:700;color:#00849b}.debt{font-weight:700;color:#c34d24}.summary{display:grid;grid-template-columns:repeat(10,1fr);gap:16px;padding:30px 34px;background:linear-gradient(120deg,#263b3f 0%,#27383a 58%,#172160 100%);color:white}.hello{grid-column:1/-1;font-size:22px;font-weight:700;margin-bottom:10px}.metric strong{font-size:25px;display:block;margin-bottom:5px}.metric small{color:#d7e1e0}.metric:nth-last-child(-n+3){border-left:1px solid #5b6b6b;padding-left:22px}.panels{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:24px}.card{border:1px solid var(--line);border-radius:5px;background:#fff;padding:20px}.card h3{margin:0 0 16px}.delayed{display:grid;grid-template-columns:130px 1fr 140px 100px;gap:12px;padding:11px 0;border-bottom:1px solid #eee}.chart-card{margin:20px 28px}.chart{height:300px;position:relative;border-left:1px solid #ddd;border-bottom:1px solid #ddd;margin:35px 30px 55px;background:repeating-linear-gradient(to top,#fff 0,#fff 73px,#eef2f2 74px)}.bar{position:absolute;bottom:0;width:28px;background:#bf73e7}.bar.alt{background:#48d8e5;width:24px}.point{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--mint);transform:translate(-50%,50%)}.point.pink{background:#ef6dad}.chart-label{position:absolute;bottom:-30px;transform:translateX(-50%);font-size:12px;color:#6d7777}.settings-grid{display:grid;grid-template-columns:250px 1fr;min-height:650px}.side{border-right:1px solid var(--line);padding:15px}.side button{display:block;width:100%;padding:12px;border:0;background:#fff;text-align:left}.side button.active{color:var(--mint);background:#f4fcfe}.form{padding:28px;max-width:900px}.form label{display:grid;grid-template-columns:180px 1fr;align-items:center;margin:16px 0}.form input{width:100%}.modal{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:30}.modal .box{width:520px;background:white;border-radius:8px;padding:24px}.modal h2{margin-top:0}.pagination{text-align:center;padding:25px;word-spacing:14px;color:#607172}.empty{text-align:center;color:#93a1a1;padding:120px 20px}@media(max-width:900px){header{height:auto;align-items:stretch}.brand{width:180px}.brand span{display:none}nav{overflow:auto}nav button{padding:18px 14px;white-space:nowrap}.icons{display:none}.summary{grid-template-columns:repeat(3,1fr)}.panels{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.side{display:flex;overflow:auto}.side button{white-space:nowrap}.toolbar .spacer{display:none}}