500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#182b31;background:#f5f7f7;font-size:14px;--teal:#087f75;--border:#dde6e5;--muted:#718185}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:white;border-radius:8px;padding:9px 14px;color:#30454a;font-weight:500}button:hover{background:#edf5f3;border-color:#afcac5}button:disabled{opacity:.45;cursor:default}.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.primary:hover{background:#05685f;color:white}.danger{color:#c44545}.wide{width:100%}input,select,textarea{border:1px solid #cfdbda;border-radius:7px;padding:10px 11px;max-width:100%;background:white;color:#243e43}input:focus,select:focus,textarea:focus{outline:2px solid #7dc7bd;outline-offset:1px}textarea{min-height:82px;resize:vertical}a{color:var(--teal)}[hidden]{display:none!important}.muted{color:var(--muted);font-size:13px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#829492;margin:0 0 10px}.logo-mark{width:53px;height:53px;background:#0c8277;color:white;display:grid;place-items:center;font-size:17px;font-weight:800;letter-spacing:1px;border-radius:14px}.logo-mark.small{width:42px;height:42px;border-radius:10px;font-size:13px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 15% 20%,#dcefeb,transparent 60%),#f5f7f7}.auth-card{background:white;border:1px solid var(--border);padding:38px 42px;border-radius:20px;width:440px;max-width:100%;box-shadow:0 20px 80px #123d3510}.auth-card>.eyebrow{margin-top:22px}.auth-card h1{font-size:26px;letter-spacing:-1px;margin:12px 0}.auth-card h2{font-size:16px;margin:28px 0 16px}.auth-card label{display:grid;gap:7px;margin:13px 0;font-size:12px;font-weight:600}.auth-card .primary{margin-top:10px;padding:12px}.auth-links{display:flex;justify-content:center;gap:5px}.auth-links button{border:none;font-size:11px;padding:6px}.footnote{font-size:10px;text-align:center;color:#899a97;margin:24px 0 0}#auth-message{font-size:12px;line-height:1.7;color:#a34b35;min-height:20px}#shell{display:flex;min-height:100vh}aside{width:234px;min-width:234px;padding:30px 20px 20px;background:#15383a;color:white;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;color:white;font-size:12px}.brand b{display:block;font-size:17px;margin-top:2px}.nav-label{font-size:9px;letter-spacing:2px;color:#85a3a1;margin:39px 12px 14px}nav{display:grid;gap:7px}nav button{background:transparent;border:none;color:#aac2c1;text-align:left;padding:12px 13px;display:flex;align-items:center;gap:13px;font-size:15px}nav button span{font-size:13px}nav button:hover{background:#22484a;color:white}nav button.active{background:#286057;color:white}.nav-count{margin-left:auto;background:#477b71;padding:1px 6px;border-radius:5px;font-size:10px!important}.aside-bottom{margin-top:auto;padding-top:35px;display:grid;gap:7px}.aside-bottom>button{background:transparent;border-color:#315352;color:#abc2bf;font-size:11px;text-align:left}.account{border-top:1px solid #315352;display:flex;align-items:center;gap:10px;padding-top:21px;margin-top:17px;min-width:0}.account div{min-width:0}.account strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis}.account small{display:block;color:#87a9a4;font-size:9px;margin-top:4px}.avatar{background:#446962;border-radius:50%;padding:7px 12px}main{width:calc(100% - 234px);padding:36px 36px 18px;max-width:1800px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}header h1{font-size:26px;letter-spacing:-1px;margin:0 0 6px}header .muted{margin:0}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.header-actions button{font-size:11px}.syncbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);margin:23px 0;padding:0 0 15px;font-size:10px;color:#5d8276}.syncbar>div{display:flex;gap:5px}.syncbar button{font-size:10px;padding:5px 8px}.syncbar.error,.syncbar.conflict{color:#b94737}.notice{background:#fff3d5;color:#88632c;border:1px solid #ead69f;border-radius:9px;padding:12px;margin-bottom:15px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat{padding:21px;background:white;border:1px solid var(--border);border-radius:12px}.stat>span{font-size:11px;color:#6a7b7f}.stat strong{display:block;font-size:28px;margin:10px 0 5px;letter-spacing:-1px}.stat small{font-size:10px;color:#81958f}.stat.teal{background:#e7f3ee;border-color:#c8e4d8}.stat.teal strong{color:#167a5a}.stat.warn strong{color:#bd6b35}.grid-two{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-bottom:20px}.panel{background:white;border:1px solid var(--border);border-radius:12px;padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-head h2{font-size:15px;margin:0}.panel-head button{font-size:10px;border:none;padding:4px 7px}.pill{display:inline-block;font-size:10px;border-radius:6px;padding:4px 8px;background:#edf2f1;color:#657b76;white-space:nowrap}.pill.s1{background:#e7eefb;color:#4c70b1}.pill.s2{background:#fff1d2;color:#a07d30}.pill.s3{background:#eeebfb;color:#7d6fb4}.pill.s4{background:#e5f3e9;color:#408e60}.pill.s5{background:#fce8e6;color:#b86054}.empty{padding:42px 20px;text-align:center;color:#7d908b;font-size:13px}.empty strong{display:block;color:#344d48;margin-bottom:10px}.empty button{margin-top:15px}.bars{display:grid;gap:16px}.bar-row{display:grid;grid-template-columns:65px 1fr 25px;gap:13px;align-items:center;font-size:11px}.bar-track{height:8px;border-radius:4px;background:#f0f3f2}.bar-fill{height:100%;border-radius:4px;background:#50a596}.alert-row{padding:12px 0;border-bottom:1px solid #eef1ef}.alert-row:last-child{border:none}.alert-row strong{font-size:12px;display:block}.alert-row p{font-size:11px;color:#819087;margin:6px 0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.toolbar input{min-width:220px;flex:1}.toolbar select{font-size:12px}.toolbar small{color:#7d8d88;margin-left:auto}.table-wrap{overflow:auto;background:white;border:1px solid var(--border);border-radius:11px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;padding:14px 13px;background:#f9fbfa;color:#6c7d78;font-size:10px;font-weight:600;border-bottom:1px solid var(--border)}td{padding:14px 13px;border-bottom:1px solid #eef1ef}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fbfdfc}.product-cell{max-width:275px;white-space:normal;min-width:180px}.product-cell strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.product-cell small{display:block;color:#8b9b94;margin-top:5px;font-size:10px;line-height:1.5}.number{text-align:right;font-variant-numeric:tabular-nums}.action{padding:5px 8px;font-size:10px;border-color:#e2ebe5;margin:2px}.table-caption{font-size:11px;color:#7c8d87;margin:12px 4px;line-height:1.7}footer{display:flex;justify-content:space-between;color:#8e9e98;font-size:10px;margin-top:30px;padding-top:18px;border-top:1px solid var(--border)}dialog{border:1px solid var(--border);border-radius:15px;padding:25px;width:740px;max-width:calc(100vw - 30px);max-height:90vh;box-shadow:0 30px 90px #001f2633}dialog::backdrop{background:#12303277;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:19px;margin:0}.dialog-head button{border:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:500}.form-grid .full{grid-column:1/-1}.form-grid .check{display:flex;align-items:center}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.form-grid input[type=checkbox]{width:auto}.group-title{font-size:13px;border-top:1px solid var(--border);padding-top:15px;margin-top:8px;grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:18px;margin-top:20px}.error{font-size:12px;color:#b34838;line-height:1.7}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#173e39;color:white;padding:13px 23px;border-radius:10px;font-size:12px;box-shadow:0 5px 30px #123c3033}.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.detail-summary>div{background:#f4f8f5;padding:12px;border-radius:8px;font-size:11px}.detail-summary strong{display:block;margin-top:6px;font-size:16px}.timeline{font-size:11px;color:#69837a;line-height:2}.pricing-note{background:#edf4f0;border-radius:8px;padding:14px;font-size:11px;line-height:1.8;color:#567266}.pricing-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;align-items:center;font-size:11px}.pricing-grid input{width:100%}
@media(min-width:1500px){main{padding:42px 50px}}@media(max-width:1100px){aside{width:190px;min-width:190px;padding:24px 13px}main{width:calc(100% - 190px);padding:27px 23px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:23px}header{align-items:flex-start;flex-direction:column}.grid-two{grid-template-columns:1fr}}@media(max-width:680px){#shell{display:block}aside{position:static;width:100%;height:auto;padding:16px}.brand{margin-bottom:14px}.nav-label{display:none}nav{display:flex;overflow:auto;gap:6px}nav button{white-space:nowrap;padding:8px 11px;gap:7px}nav button span{font-size:11px}.aside-bottom{display:flex;flex-wrap:wrap;padding-top:12px;gap:6px}.account{border:none;margin:0;padding:4px;flex:1}.account small,.avatar{display:none}.aside-bottom>button{font-size:10px;padding:6px}main{width:100%;padding:22px 16px}header h1{font-size:23px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:24px}.grid-two{gap:14px}.panel{padding:18px}.toolbar{gap:7px}.toolbar input{min-width:100%;font-size:12px}.toolbar select{flex:1;padding:8px}.syncbar{align-items:flex-start;gap:7px}.syncbar>div{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.detail-summary{grid-template-columns:1fr 1fr}dialog{padding:18px}.auth-card{padding:28px}.pricing-grid{gap:5px;grid-template-columns:1.4fr 1fr 1fr 1fr}.pricing-grid input{padding:7px 4px}.header-actions button{padding:8px 10px;font-size:10px}}