.supplier-portal[data-v-f9e60380]{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.top-nav[data-v-f9e60380]{height:56px;background:#2d5a8e;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#fff;flex-shrink:0}.nav-brand[data-v-f9e60380]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.nav-logo[data-v-f9e60380]{width:28px;height:28px}.nav-user[data-v-f9e60380]{display:flex;align-items:center;gap:12px;font-size:14px}.logout-btn[data-v-f9e60380]{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:13px}.logout-btn[data-v-f9e60380]:hover{background:hsla(0,0%,100%,.25)}.portal-body[data-v-f9e60380]{display:flex;flex:1}.sidebar[data-v-f9e60380]{width:180px;background:#fff;border-right:1px solid #eee;padding-top:16px;flex-shrink:0}.sidebar-item[data-v-f9e60380]{padding:12px 24px;font-size:14px;color:#555;cursor:pointer;border-left:3px solid transparent;transition:all .15s}.sidebar-item[data-v-f9e60380]:hover{background:#f8f9fa;color:#2d5a8e}.sidebar-item.active[data-v-f9e60380]{color:#2d5a8e;background:#eef3fa;border-left-color:#2d5a8e;font-weight:600}.main-content[data-v-f9e60380]{flex:1;padding:24px;min-width:0}.main-content h3[data-v-f9e60380]{margin:0 0 20px;font-size:17px;color:#333}.info-grid[data-v-f9e60380]{background:#fff;border-radius:6px;border:1px solid #eee;padding:8px 0;max-width:600px}.info-row[data-v-f9e60380]{display:flex;align-items:center;padding:12px 24px;border-bottom:1px solid #f5f5f5}.info-row[data-v-f9e60380]:last-child{border-bottom:none}.info-row label[data-v-f9e60380]{width:120px;color:#888;font-size:14px;flex-shrink:0}.info-row span[data-v-f9e60380]{font-size:14px;color:#333}.slot-filter[data-v-f9e60380]{background:#fff;border:1px solid #eee;border-radius:6px;padding:16px 20px;display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.filter-item[data-v-f9e60380]{display:flex;flex-direction:column;gap:4px}.filter-item label[data-v-f9e60380]{font-size:13px;color:#666}.filter-item input[data-v-f9e60380],.filter-item select[data-v-f9e60380]{height:34px;border:1px solid #ddd;border-radius:4px;padding:0 10px;font-size:13px;min-width:160px}.query-btn[data-v-f9e60380]{height:34px;padding:0 20px;background:#2d5a8e;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer}.query-btn[data-v-f9e60380]:hover{background:#1e4070}.simple-table[data-v-f9e60380]{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;border:1px solid #eee;font-size:13px}.simple-table th[data-v-f9e60380]{background:#f8f9fa;color:#555;font-weight:600;padding:10px 14px;text-align:left;border-bottom:1px solid #eee}.simple-table td[data-v-f9e60380]{padding:10px 14px;border-bottom:1px solid #f5f5f5;color:#333}.simple-table tr:last-child td[data-v-f9e60380]{border-bottom:none}.mono[data-v-f9e60380]{font-family:monospace;font-size:12px}.pagination[data-v-f9e60380]{margin-top:16px;display:flex;align-items:center;gap:12px;font-size:13px;color:#666}.pagination button[data-v-f9e60380]{padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.pagination button[data-v-f9e60380]:disabled{opacity:.4;cursor:not-allowed}.loading[data-v-f9e60380]{color:#999;padding:40px 0;text-align:center}.empty[data-v-f9e60380]{color:#bbb;padding:40px 0;text-align:center}.badge-green[data-v-f9e60380]{background:#e6f7ee;color:#27ae60;padding:2px 8px;border-radius:10px;font-size:12px}.badge-gray[data-v-f9e60380]{background:#f5f5f5;color:#888;padding:2px 8px;border-radius:10px;font-size:12px}.badge-blue[data-v-f9e60380]{background:#e8f0fe;color:#3a78b5;padding:2px 8px;border-radius:10px;font-size:12px}.badge-red[data-v-f9e60380]{background:#fef0f0;color:#e74c3c;padding:2px 8px;border-radius:10px;font-size:12px}