:root{font-family:"Malgun Gothic","Noto Sans KR",sans-serif;color:#172033;background:#eef2f7}*{box-sizing:border-box}body{margin:0}.topbar{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #dbe2ea;position:sticky;top:0;z-index:5}.topbar h1{margin:0;font-size:24px}.topbar p{margin:5px 0 0;color:#667085}.version{background:#111827;color:#fff;border-radius:20px;padding:7px 12px;font-size:12px}.layout{max-width:1800px;margin:18px auto;padding:0 18px;display:grid;gap:16px}.panel{background:#fff;border:1px solid #dfe5ec;border-radius:14px;padding:18px;box-shadow:0 5px 18px rgba(15,23,42,.04)}.work-grid{display:grid;grid-template-columns:minmax(420px,42%) minmax(700px,58%);gap:16px;align-items:start}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h2{margin:0;font-size:19px}.panel-head p{margin:5px 0 0;color:#667085;font-size:13px}.result-count{font-size:18px}.search-box{display:flex;gap:8px}.main-search input{flex:1;font-size:17px;padding:14px}.search-box input,.search-box select{border:1px solid #bdc8d6;border-radius:9px;padding:10px 12px}.search-box select{min-width:130px}.search-help{font-size:12px;color:#667085;margin:10px 0}.product-cards{display:grid;gap:8px;max-height:670px;overflow:auto;padding-right:3px}.product-card{display:flex;justify-content:space-between;gap:12px;border:1px solid #e1e7ee;border-radius:10px;padding:12px;background:#fff}.product-card:hover{border-color:#9aa8ba;background:#fbfcfe}.product-main{display:flex;gap:10px;min-width:0}.category-chip{height:max-content;background:#eef2f7;border-radius:20px;padding:5px 8px;font-size:11px;white-space:nowrap}.product-card h3{margin:0 0 3px;font-size:16px}.product-card p{margin:0 0 4px;font-size:12px;white-space:normal}.product-card small{color:#7a8699}.product-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;white-space:nowrap;font-size:12px}.product-price strong{font-size:15px}.add-btn,.remove-btn{border:0;border-radius:7px;padding:8px 11px;cursor:pointer;font-weight:700}.add-btn{background:#111827;color:#fff}.add-btn:hover{background:#293548}.remove-btn{background:#fff0f0;color:#b42318}.empty-card,.empty-cell{text-align:center;color:#98a2b3;padding:35px}.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px}.btn{border:1px solid #cbd5e1;background:#fff;color:#1f2937;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700}.btn.primary{background:#111827;color:#fff;border-color:#111827}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.small{padding:6px 10px}.btn.ghost{font-size:12px}.wrap{flex-wrap:wrap}.quote-actions{display:flex;gap:8px}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.customer-grid label,.quote-summary label{font-size:12px;color:#56657a}.customer-grid input,.quote-summary input,.quote-bottom textarea{width:100%;margin-top:5px;border:1px solid #cbd6e2;border-radius:7px;padding:9px;font:inherit}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:10px}.quote-table-wrap{max-height:440px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{position:sticky;top:0;background:#f1f5f9;z-index:1;text-align:left;padding:9px;border-bottom:1px solid #cbd5e1}td{padding:8px;border-bottom:1px solid #edf0f4}.num{text-align:right}.qty-input{width:52px}.money-input{width:95px}.qty-input,.money-input{padding:6px;border:1px solid #cbd6e2;border-radius:6px;text-align:right}.quote-bottom{display:grid;grid-template-columns:minmax(250px,1fr) 340px;gap:16px;margin-top:14px}.quote-summary{border-left:1px solid #dbe3ec;padding-left:16px}.summary-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #edf1f5}.summary-row.total{font-size:18px;margin-top:7px}.summary-row.benefit{font-size:20px;background:#f1f6ff;border-radius:8px;padding:12px;margin-top:9px}.db-panel summary{cursor:pointer;font-size:16px}.db-content{padding-top:16px}.drop-zone{height:115px;border:2px dashed #9aa7b8;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;background:#f8fafc}.drop-zone span{font-size:12px;color:#667085}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.file-btn{display:inline-flex}.file-list{border:1px solid #e2e8f0;border-radius:9px;min-height:42px;padding:9px 11px;display:grid;gap:5px}.file-list.empty,.empty{color:#98a2b3}.file-row{display:flex;justify-content:space-between;font-size:12px}.progress{height:8px;background:#e5e7eb;border-radius:8px;overflow:hidden;margin-top:10px}.progress div{height:100%;width:0;background:#111827}.hidden{display:none}.status{margin-top:8px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.stats-grid article{border:1px solid #dfe5ec;border-radius:10px;padding:12px}.stats-grid span{display:block;color:#667085;font-size:12px}.stats-grid strong{font-size:22px}.tabs{display:flex;gap:8px;border-bottom:1px solid #e5e7eb}.tab{border:0;background:transparent;padding:9px 12px;cursor:pointer;font-weight:700;color:#667085}.tab.active{color:#111827;border-bottom:2px solid #111827}.report-area{padding:14px 0;min-height:80px;overflow:auto}.report-table{width:100%}.badge{display:inline-block;padding:3px 7px;border-radius:12px;background:#eef2f7;font-weight:700}.badge.new{background:#dcfce7;color:#166534}.badge.update{background:#fef3c7;color:#92400e}.badge.error{background:#fee2e2;color:#991b1b}footer{text-align:center;padding:22px;color:#667085;font-size:12px}
@media(max-width:1200px){.work-grid{grid-template-columns:1fr}.product-cards{max-height:500px}}@media(max-width:700px){.topbar{padding:16px}.layout{padding:0 8px}.search-box,.customer-grid,.quote-bottom{grid-template-columns:1fr;display:grid}.stats-grid{grid-template-columns:repeat(2,1fr)}.quote-summary{border-left:0;border-top:1px solid #dbe3ec;padding:12px 0 0}}
@media print{body{background:#fff}.topbar,.search-panel,.db-panel,.report-panel,footer,.quote-actions,.remove-btn{display:none!important}.layout,.work-grid{display:block;margin:0;padding:0}.quote-panel{box-shadow:none;border:0;padding:0}.quote-table-wrap{max-height:none;overflow:visible}.quote-bottom{grid-template-columns:1fr 300px}.quote-summary{break-inside:avoid}}

.stats-grid{grid-template-columns:repeat(6,1fr)}.link-row strong{color:#166534}.applied-links{margin:9px 0;padding:9px;border-radius:8px;background:#f0fdf4;color:#166534;font-size:12px;display:grid;gap:4px}.benefit-tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.benefit-tag{font-size:10px;padding:3px 6px;border-radius:10px;background:#eef6ff;color:#175cd3}.benefit-tag.link{background:#ecfdf3;color:#067647}.customer-grid select{width:100%;margin-top:5px;border:1px solid #cbd6e2;border-radius:7px;padding:9px;font:inherit;background:#fff}.display-only-promo{margin:9px 0;padding:10px;border-radius:8px;font-size:11px;display:grid;gap:4px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af}.display-only-promo.inactive{opacity:.65;background:#f8fafc;color:#64748b;border-color:#cbd5e1}.display-only-promo small{font-weight:700}@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
.quote-notes{display:grid;grid-template-rows:auto 1fr;gap:10px;min-height:260px}.quote-notes textarea{min-height:92px;resize:vertical}.coupon-detail-box{border:1px solid #dbe5f0;border-radius:9px;background:#f8fbff;padding:12px}.coupon-detail-box h3{font-size:13px;margin:0 0 8px;color:#344054}.coupon-detail-box #appliedCoupons{display:grid;gap:6px;font-size:12px;color:#475467}.coupon-detail-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #d5deea;padding-bottom:5px}.coupon-detail-item:last-child{border-bottom:0}.coupon-detail-item strong{color:#175cd3;white-space:nowrap}
.employee-toggle{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:9px 8px;margin:5px 0;border:1px solid #f5b8c5;border-radius:8px;background:#fff7f9;color:#9f1239!important;font-weight:700;cursor:pointer}.quote-summary .employee-toggle input{width:17px;height:17px;margin:0;accent-color:#e11d48}.employee-toggle strong{white-space:nowrap;color:#9f1239}