
:root{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#243044;background:#f3f5f8;font-size:14px;--navy:#14283f;--blue:#2468d0;--muted:#738197}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #d8e0e9;background:white;border-radius:6px;padding:9px 13px;color:#33445a}button:hover{border-color:#2468d0;color:#2468d0}button.primary{background:var(--blue);border-color:var(--blue);color:white}input,select{border:1px solid #d7dfeb;padding:9px;border-radius:5px;background:white;max-width:100%;color:#253b55}input:focus,select:focus{outline:2px solid #bad4ff}header{background:var(--navy);color:white;padding:19px 30px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:19px;font-weight:700;letter-spacing:-.5px}.brand small{font-size:11px;letter-spacing:2px;color:#93adc9;margin-right:16px}header .sub{font-size:12px;color:#aebfd1;margin-top:5px}header button{background:transparent;color:#dbe6f4;border-color:#526078}main{max-width:1500px;margin:auto;padding:26px 30px}.toolbar,.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar{justify-content:space-between;margin-bottom:22px}.project-select{font-size:19px;font-weight:700;min-width:300px;border:0;background:transparent;padding-left:0}.status{font-size:12px;color:var(--muted)}nav{display:flex;gap:25px;border-bottom:1px solid #d8e0ea;margin-bottom:24px;overflow:auto}nav button{border:0;background:none;border-radius:0;padding:14px 1px;white-space:nowrap}nav button.active{color:#185dbb;border-bottom:3px solid #2468d0;font-weight:bold}.heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:20px 0}h1{font-size:25px;letter-spacing:-1px;margin:0 0 8px}h2{font-size:17px;margin:0 0 18px}h3{font-size:14px;margin:0 0 12px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.card,.panel{background:white;border:1px solid #e0e6ee;border-radius:9px;padding:23px}.card label{display:block;color:#66778d;font-size:12px}.card strong{display:block;font-size:28px;margin:13px 0 9px;letter-spacing:-1px}.card strong small{font-size:13px;font-weight:400;margin-left:5px}.card.featured{border-top:3px solid var(--blue)}.card.featured strong{color:#1d62c0}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.panel{margin-bottom:18px;min-width:0}.chart{width:100%;height:240px}.legend{display:flex;gap:20px;font-size:12px;color:#6a798b}.legend span:before{content:'';display:inline-block;width:9px;height:9px;background:var(--blue);margin-right:7px;border-radius:2px}.legend span:nth-child(2):before{background:#a8b9cf}.legend span:nth-child(3):before{background:#229d88}.notice{padding:12px 17px;background:#edf3fc;border-left:3px solid #4780ca;font-size:12px;line-height:1.8;margin:15px 0}.notice.warn{background:#fff6e6;border-color:#e8ad40;color:#755c2a}.negative{color:#bf4150!important}.positive{color:#137e6d}.scroll{overflow:auto;max-height:650px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{background:#f5f7fa;color:#65758a;font-weight:500;position:sticky;top:0;z-index:1}th,td{padding:12px 14px;border-bottom:1px solid #e9edf3;text-align:right}th:first-child,td:first-child{text-align:left}tr.total td{font-weight:700;background:#f3f7fd}td input{width:110px;text-align:right;padding:6px}td input[type=date]{width:140px}td.text{text-align:left}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.field label{display:block;font-size:12px;margin-bottom:7px;color:#62748c}.field input{width:100%}.field small{display:block;color:#94a1b1;font-size:10px;margin-top:5px}.split{display:grid;grid-template-columns:270px 1fr;gap:20px}.side button{display:block;width:100%;margin:7px 0;text-align:left}.heat td{padding:16px;border:3px solid white}.heat button{border:0;background:transparent;padding:0;width:100%;color:inherit}.login{max-width:430px;margin:12vh auto;background:white;padding:36px;border:1px solid #dbe2ec;border-radius:12px}.login h1{margin:20px 0}.login input{width:100%;margin:18px 0}.login button{width:100%}.login .brand{color:#1d5eac}footer{font-size:11px;color:#8b98aa;margin-top:20px;padding-top:15px;border-top:1px solid #e0e5ec}.bar{height:9px;background:#edf1f7;margin:8px 0 17px;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue)}.empty{padding:45px;text-align:center;color:#8c9caf}.toast{position:fixed;right:25px;bottom:25px;background:#193652;color:white;padding:16px 25px;border-radius:8px;z-index:9}.mobile-unit{font-size:11px;color:#7d8a9e}svg text{font-family:inherit;font-size:10px;fill:#8895a6}.loading{padding:60px;text-align:center}@media(max-width:900px){main{padding:20px 15px}header{padding:18px}.cards{grid-template-columns:repeat(2,1fr)}.grid,.split{grid-template-columns:1fr}.fields{grid-template-columns:repeat(2,1fr)}.project-select{min-width:230px}nav{gap:18px}.card{padding:18px}.card strong{font-size:23px}}@media print{header,nav,.toolbar,button,.side{display:none!important}main{padding:0}.panel,.card{break-inside:avoid}.scroll{max-height:none;overflow:visible}.cards{grid-template-columns:repeat(4,1fr)}body{background:white}}

.modal{border:1px solid #d7dfeb;border-radius:10px;padding:28px;min-width:350px;max-width:90vw}.modal::backdrop{background:#14283f66}.modal input{width:100%}
