:root{color:#17202a;background:#eef2f6;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:16px;margin:0 auto 24px;max-width:1440px}.topbar h1,.panel h2{letter-spacing:0;margin:0}.topbar h1{font-size:28px;line-height:1.2}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.eyebrow{color:#536170;font-size:13px;font-weight:700;margin:0 0 6px}.status-pill,.badge{align-items:center;background:#fff;border:1px solid #d6dde6;border-radius:999px;display:inline-flex;font-size:14px;font-weight:700;gap:8px;min-height:36px;padding:0 14px}.dot{background:#aab4c0;border-radius:999px;height:9px;width:9px}.dot-on{background:#11895b}.summary-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto 20px;max-width:1440px}.company-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{align-items:flex-start;background:#fff;border:1px solid #dce2ea;border-radius:8px;display:grid;gap:8px;min-height:112px;padding:18px}.metric svg{color:#1f5fbf}.metric span{color:#667485;font-size:13px}.metric strong{font-size:18px;line-height:1.25}.workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);margin:0 auto;max-width:1440px}.panel{background:#fff;border:1px solid #d6dde6;border-radius:8px;padding:20px}.panel-muted{background:#f8fafc}.panel-header{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.icon-button,.primary-button{align-items:center;border:0;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;min-height:40px}.icon-button{background:#e9f1ff;border-radius:8px;color:#1959b5;justify-content:center;width:42px}.primary-button{background:#185abc;border-radius:8px;color:#fff;padding:0 18px}.ghost-button{align-items:center;background:#fff;border:1px solid #cfd7e2;border-radius:8px;color:#17202a;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;min-height:40px;padding:0 13px}.secondary-button{align-items:center;align-self:end;background:#17202a;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;min-height:42px;padding:0 14px;white-space:nowrap}.admin-panel{margin:0 auto 18px;max-width:1440px}.admin-link-layout{display:grid;gap:18px;margin:0 auto;max-width:1440px}.company-list-panel{margin:0 auto 18px;max-width:1440px}.company-list-panel .company-table{max-height:360px;overflow-y:auto}.company-detail-stack{display:grid;gap:18px;margin:0 auto;max-width:1440px}.company-detail-panel,.company-answer-panel{min-width:0}.company-inquiry-form{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.company-inquiry-form label{color:#536170;display:grid;font-size:13px;font-weight:800;gap:7px}.company-inquiry-form input,.company-inquiry-form textarea{background:#fff;border:1px solid #cfd7e2;border-radius:6px;color:#17202a;min-height:44px;padding:10px 12px;resize:vertical;width:100%}.company-inquiry-form textarea{min-height:92px}.form-field-wide{grid-column:1 / -1}.create-inquiry-modal{align-items:flex-start;background:#0f172a9e;display:flex;inset:0;justify-content:center;overflow:auto;padding:36px 24px;position:fixed;z-index:45}.create-inquiry-modal-content{max-width:980px;width:min(980px,100%)}.auth-layout{align-items:start;display:grid;justify-content:center;margin:0 auto;max-width:1440px;padding-top:64px}.auth-panel{width:min(520px,calc(100vw - 36px))}.auth-form{display:grid;gap:14px}.auth-form label{color:#536170;display:grid;font-size:13px;font-weight:800;gap:7px}.auth-form input{background:#fff;border:1px solid #cfd7e2;border-radius:6px;color:#17202a;min-height:44px;padding:0 12px}.auth-status{background:#fff2df;border:1px solid #f3d3a0;border-radius:8px;color:#925400;font-size:14px;font-weight:800;padding:12px}.admin-load-error{margin-bottom:14px}.link-issue-form{display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)}.link-issue-form label{color:#536170;display:grid;font-size:13px;font-weight:800;gap:7px}.link-issue-form input{background:#fff;border:1px solid #cfd7e2;border-radius:6px;color:#17202a;min-height:42px;padding:0 11px}.link-form-wide{grid-column:1 / -1}.issued-link-box{background:#e9f1ff;border:1px solid #b8cdf2;border-radius:8px;display:grid;gap:10px;margin-top:16px;padding:14px}.issued-link-box span{color:#536170;font-size:13px;font-weight:800}.issued-link-box strong{overflow-wrap:anywhere}.company-link-table{border:1px solid #cfd7e2;border-radius:8px;overflow-x:auto}.company-link-table-head,.company-link-table-row{display:grid;gap:10px;grid-template-columns:64px 170px 92px 76px 100px 120px minmax(180px,1fr) 112px;min-width:980px}.company-link-table-head{background:#d9dde3;color:#17202a;font-size:13px;font-weight:800;padding:12px}.company-link-table-row{align-items:center;background:#fff;border-top:1px solid #e3e8ef;min-height:58px;padding:12px}.compact-button{min-height:34px;justify-content:center;padding:0 10px}.company-table{border:1px solid #cfd7e2;border-radius:8px;overflow:auto}.company-table-head,.company-table-row{display:grid;gap:10px;grid-template-columns:minmax(132px,.9fr) minmax(180px,1.4fr) 72px 104px 88px;min-width:0}.company-table-head{background:#d9dde3;color:#17202a;font-size:13px;font-weight:800;padding:12px}.company-table-row{align-items:center;background:#fff;border:0;border-top:1px solid #e3e8ef;color:#17202a;cursor:pointer;min-height:58px;padding:12px;text-align:left;width:100%}.company-table-row:hover{background:#f4f7fb}.company-table-row-selected{background:#e9f1ff;box-shadow:inset 4px 0 #1f5fbf}.filter-bar{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(130px,.8fr) minmax(130px,.8fr) minmax(140px,.8fr) minmax(240px,1.4fr) auto;margin-bottom:16px}.filter-bar label{color:#536170;display:grid;font-size:13px;font-weight:800;gap:7px}.filter-bar select,.filter-bar input{background:#fff;border:1px solid #cfd7e2;border-radius:6px;color:#17202a;min-height:42px;padding:0 11px}.search-field span{align-items:center;background:#fff;border:1px solid #cfd7e2;border-radius:6px;display:flex;gap:8px;min-height:42px;padding:0 11px}.search-field input{border:0;flex:1;min-height:38px;outline:0;padding:0}.admin-table{border:1px solid #cfd7e2;border-radius:8px;overflow-x:auto}.admin-table-head,.admin-table-row{display:grid;gap:10px;grid-template-columns:150px 120px 70px 170px minmax(180px,1fr) 96px 96px 86px;min-width:980px}.admin-table-head{background:#d9dde3;color:#17202a;font-size:13px;font-weight:800;padding:12px}.admin-table-row{align-items:center;background:#fff;border:0;border-top:1px solid #e3e8ef;color:#17202a;cursor:pointer;min-height:58px;padding:12px;text-align:left}.admin-table-row:hover{background:#f4f7fb}.state{align-items:center;background:#eef2f6;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;min-height:28px;padding:0 10px;white-space:nowrap}.state-done{background:#e5f6ee;color:#0b7049}.state-wait{background:#fff2df;color:#925400}.empty-row{background:#fff;border-top:1px solid #e3e8ef;color:#667485;padding:22px;text-align:center}.sheet-table{border:1px solid #1b1f24;display:grid;overflow-x:auto}.inquiry-table{grid-template-columns:minmax(98px,.7fr) minmax(130px,1fr) minmax(130px,1fr) minmax(170px,1.2fr) minmax(110px,.8fr) minmax(190px,1.4fr) minmax(100px,.8fr) minmax(170px,1.2fr)}.table-head{background:#0b3ad8;border-bottom:1px solid #1b1f24;border-right:1px solid #1b1f24;color:#fff;font-weight:800;min-height:48px;padding:14px 10px;text-align:center}.sheet-table input,.upload-cell{background:#fff;border:0;border-right:1px solid #1b1f24;min-height:66px;padding:12px}.upload-cell{align-items:center;color:#667485;display:flex;justify-content:center}.product-media-section{display:grid;gap:12px;margin-bottom:16px}.dropzone{align-items:center;background:#f8fafc;border:1px dashed #91a4bd;border-radius:8px;color:#344256;cursor:pointer;display:grid;gap:6px;justify-items:center;min-height:128px;padding:18px;text-align:center}.dropzone input{height:1px;opacity:0;position:absolute;width:1px}.dropzone svg{color:#1f5fbf}.dropzone span{color:#667485;font-size:13px}.dropzone-active{background:#e9f1ff;border-color:#1f5fbf}.image-strip{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.image-thumb{background:#fff;border:1px solid #cfd7e2;border-radius:8px;color:#17202a;cursor:pointer;display:grid;gap:8px;min-height:142px;overflow:hidden;padding:8px;text-align:left}.image-thumb img{aspect-ratio:4 / 3;background:#eef2f6;border-radius:6px;object-fit:cover;width:100%}.image-thumb span{color:#536170;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-empty{align-items:center;background:#fff;border:1px solid #cfd7e2;border-radius:8px;color:#667485;display:flex;gap:8px;min-height:84px;padding:16px}.detail-media-block{border-top:1px solid #dce2ea;margin-top:16px;padding-top:16px}.preview-modal{align-items:center;background:#0f172ab8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.preview-modal-content{background:#fff;border-radius:8px;box-shadow:0 24px 80px #0f172a47;display:grid;gap:12px;max-height:min(760px,92vh);max-width:min(920px,94vw);padding:14px;width:100%}.preview-modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.preview-modal-header button{align-items:center;background:#eef2f6;border:0;border-radius:8px;cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}.preview-modal-content>img{background:#eef2f6;border-radius:6px;max-height:calc(92vh - 92px);object-fit:contain;width:100%}.form-actions{display:flex;justify-content:flex-end;margin-top:16px}.answer-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.answer-grid label{color:#536170;display:grid;font-size:13px;font-weight:800;gap:7px}.answer-grid input,.answer-grid textarea{background:#fff;border:1px solid #cfd7e2;border-radius:6px;color:#17202a;min-height:42px;padding:10px 12px;resize:vertical}.answer-grid textarea{min-height:96px}.answer-readonly-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.answer-readonly-grid div{background:#fff;border:1px solid #cfd7e2;border-radius:8px;min-height:96px;padding:12px}.answer-readonly-grid span{color:#536170;display:block;font-size:13px;font-weight:800;margin-bottom:8px}.answer-readonly-grid p{margin:0;white-space:pre-wrap}.detail-layout{display:grid;gap:18px;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);margin:0 auto;max-width:1440px}.detail-list{display:grid;gap:10px;margin:0}.detail-list div{background:#f8fafc;border:1px solid #dce2ea;border-radius:8px;display:grid;gap:5px;grid-template-columns:120px minmax(0,1fr);min-height:44px;padding:10px 12px}.detail-list dt{color:#536170;font-size:13px;font-weight:800}.detail-list dd{margin:0;min-width:0}.cost-list{border:1px solid #cfd7e2;border-radius:8px;margin-top:16px;overflow:hidden}.cost-row{align-items:center;background:#fff;border-top:1px solid #e3e8ef;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;min-height:44px;padding:0 12px}.cost-row:first-child{border-top:0}.cost-head{background:#d9dde3;font-weight:800}@media(max-width:1120px){.summary-grid,.workspace{grid-template-columns:1fr 1fr}.workspace,.detail-layout{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-shell{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.summary-grid,.answer-grid,.answer-readonly-grid,.company-inquiry-form,.filter-bar{grid-template-columns:1fr}.company-table-head,.company-table-row{grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr) 68px 96px 76px;min-width:560px}.detail-list div{grid-template-columns:1fr}}
