:root{font-family:Arial,'맑은 고딕',sans-serif;color:#172b47;background:#f3f6fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer;border:1px solid #ccd8e8;border-radius:7px;padding:10px 15px;background:#edf2f9;color:#203955;text-decoration:none}button:hover{background:#dfe9f8}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#245ec6;color:white}.primary:hover{background:#174a9f}.success{background:#12795e;color:white}.danger{color:#ad2737;background:#ffedf0}input,select,textarea{width:100%;border:1px solid #c8d4e5;border-radius:6px;padding:11px;background:white;min-height:42px;color:#142c4a}label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:13px}h1{font-size:23px;margin:8px 0}h2{font-size:20px;margin:0 0 17px}h3{font-size:16px;margin:0 0 12px}p{line-height:1.65}small,.muted{color:#677e99}header{background:#152c49;color:white;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px}header small{color:#b7c8e1}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.layout{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 95px)}aside{background:#1b3455;padding:24px 14px;color:white}aside button{display:block;width:100%;margin-bottom:9px;background:transparent;color:#ecf4ff;border:0;text-align:left}aside button.active{background:#31577f}aside p{font-size:12px;color:#b3c6e0}main.workspace{padding:25px;max-width:1800px;width:100%;margin:auto}section,.panel{border:1px solid #dce5f0;background:white;border-radius:11px;padding:20px;margin-bottom:18px}.login{max-width:470px;margin:7vh auto;padding:28px;background:white;border:1px solid #dae4f1;border-radius:14px}.login h1{margin-bottom:20px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filters label{min-width:140px;flex:1;margin-bottom:0}.notice{background:#edf4ff;color:#405f83;padding:12px 15px;border-radius:7px;font-size:12px}.alert{background:#ffedf0;color:#a42535;padding:13px;border-radius:7px;white-space:pre-wrap}.message{background:#e7f5ef;color:#096247;padding:13px;border-radius:7px;white-space:pre-wrap}.table-wrap{overflow:auto;max-height:550px}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}td,th{padding:13px 11px;border-bottom:1px solid #e2eaf5;text-align:left}th{background:#eaf0f8;position:sticky;top:0;z-index:1;color:#26496e}td.number,th.number{text-align:right}td.wrap{white-space:normal;min-width:200px}td input{width:110px}.badge{border-radius:5px;padding:5px 9px;font-size:12px;background:#edf2f9;display:inline-block}.badge.completed{background:#dff2e8;color:#147655}.badge.cancelled{background:#fce8ec;color:#ae2b45}.badge.discrepancy{background:#fff0d7;color:#8c5b12}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stat{padding:18px;border-radius:9px;background:white;border:1px solid #dce5f0}.stat strong{font-size:25px;display:block;margin-top:8px}.mobile{max-width:660px;margin:0 auto;padding:18px}.mobile nav{display:flex;gap:6px;margin-bottom:17px}.mobile nav button{flex:1;padding:12px 6px}.mobile nav .active{background:#244c7c;color:white}.line{padding:14px 0;border-bottom:1px solid #e5edf6}.line p{margin:6px 0}.checks{display:flex;flex-direction:row;align-items:center}.checks input{width:18px;min-height:18px}.empty{text-align:center;padding:30px;color:#6f819a}.detail{scroll-margin-top:15px}ol.events li{padding:10px 0;border-bottom:1px solid #e5edf6}ol.events p{margin:5px 0}dialog{border:1px solid #ccd9e9;border-radius:12px;max-width:500px;padding:25px}dialog::backdrop{background:#13253c88}.print-only{display:none}.statement{max-width:1100px;margin:auto}.statement .copy{border:1px solid #2d55a1;padding:18px;margin-bottom:28px;color:#244982}.statement .supplier{border-color:#b13535;color:#a52d2d}.statement table{white-space:normal}.statement th{position:static;background:transparent}.statement h2{text-align:center;letter-spacing:8px}.statement .company-box{display:grid;grid-template-columns:1fr 1fr;gap:20px}.statement footer{margin-top:20px;border-top:1px solid;padding-top:16px}@media(max-width:850px){header{padding:16px;align-items:flex-start}header h1{font-size:19px}.layout{display:block}aside{display:flex;gap:4px;padding:9px;flex-wrap:wrap}aside button{width:auto;margin:0;padding:10px}aside p{display:none}main.workspace{padding:14px}.stats{grid-template-columns:repeat(2,1fr)}section{padding:15px}.filters label{min-width:120px}.two{gap:9px}}@media print{body{background:white}header,.no-print,.layout,main.mobile,main.login{display:none!important}.statement{display:block!important;font-size:9px}.statement .copy{break-inside:avoid;page-break-inside:avoid;padding:12px;margin-bottom:20px}td,th{padding:8px;font-size:9px}.statement h2{font-size:18px}.statement p{margin:5px 0}.statement footer{margin-top:10px}#print-view{display:block!important}}
