:root{--p:#214956;--bg:#f4f6f7;--b:#dfe6e9;--m:#71808a;--g:#237d50;--r:#b4232d;--a:#9b690e}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:#18272e}.hide{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:#fff;border:1px solid var(--b);border-radius:18px;box-shadow:0 8px 24px #1630390d}.authbox{width:min(430px,100%);padding:26px;display:grid;gap:9px}input,select,button{font:inherit}input,select{width:100%;padding:11px 12px;border:1px solid #ccd7dc;border-radius:11px;background:#fff}button{border:0;border-radius:11px;padding:10px 12px;font-weight:800;cursor:pointer;background:var(--p);color:#fff}.sec{background:#edf2f4;color:var(--p)}.actions{display:flex;gap:8px;flex-wrap:wrap}.mut{color:var(--m);font-size:13px}aside{position:fixed;width:250px;height:100vh;background:#fff;border-right:1px solid var(--b);padding:20px 14px;display:flex;flex-direction:column;gap:12px}nav{display:grid;gap:5px}nav button{background:transparent;color:#5c6a74;text-align:left}nav button.on{background:var(--p);color:#fff}aside>#logout{margin-top:auto}header{height:64px;background:#fff;border-bottom:1px solid var(--b);display:flex;align-items:center;gap:12px;padding:0 18px;margin-left:250px;position:sticky;top:0;z-index:3}#menu{display:none;background:transparent;color:#18272e;font-size:22px}main{max-width:1200px;margin-left:250px;padding:28px 22px 60px}.hero h1{margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat{padding:16px}.num{font-size:28px;font-weight:900}.list{overflow:hidden}.row{padding:13px 15px;border-top:1px solid var(--b);display:grid;grid-template-columns:1fr auto;gap:10px}.row:first-child{border-top:0}.badge{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#e9eef2}.good{background:#e8f5ed;color:var(--g)}.warn{background:#fff1d5;color:var(--a)}.bad{background:#fae5e7;color:var(--r)}.section{margin-top:16px}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--b);border-radius:16px}.gantt{border-collapse:separate;border-spacing:0;min-width:max-content;font-size:11px}.gantt th,.gantt td{min-width:30px;height:30px;text-align:center;border-right:1px solid #e6ecef;border-bottom:1px solid #e6ecef;padding:0 5px}.gantt th{background:#f8fafb;position:sticky;top:0}.gantt .person{position:sticky;left:0;z-index:2;background:#fff;min-width:180px;text-align:left;padding:0 8px;font-weight:800}.D{background:#dce9f7}.N{background:#dfeedd}.L{background:#f1f3f4;color:#7f8a91}.V{background:#e5f4e9;color:#237d50}.LM{background:#d9edf4}.P,.PC,.PS{background:#fff1d5}.X,.A{background:#fae5e7}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tab{background:#fff;color:#52636d;border:1px solid var(--b)}.tab.on{background:var(--p);color:#fff}.mini{width:100%;border-collapse:collapse}.mini th,.mini td{padding:10px;border-bottom:1px solid var(--b);text-align:left}.notice{background:#e8f1f5;border:1px solid #c8dde5;padding:12px 14px;border-radius:13px}.detail{padding:16px}@media(max-width:850px){aside{left:-260px;z-index:10;transition:.2s}aside.open{left:0}header,main{margin-left:0}#menu{display:block}.grid{grid-template-columns:repeat(2,1fr)}main{padding:18px 12px}.row{grid-template-columns:1fr}}