.company-profile-form{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:15px 18px;max-width:1000px}.company-profile-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#606a78}.company-profile-form input{height:42px;border:1px solid #dfe4eb;border-radius:10px;padding:9px 11px;background:#fff;color:#202733}.company-profile-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding-top:7px}.company-profile-actions small{color:#727b87;font-size:10px}@media(max-width:700px){.company-profile-form{grid-template-columns:1fr;padding:16px}.company-profile-actions{align-items:flex-start;flex-direction:column}}
.dashboard-logout{height:42px;border:0;border-radius:12px;background:#ffecef;color:#a92940;padding:0 13px;display:flex;align-items:center;gap:7px;font-weight:700;cursor:pointer}
.login>section .login-brand{display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;gap:0;margin-bottom:22px}
.login>section .login-brand img{width:180px;height:180px;object-fit:contain;margin:0}
.login>section .login-brand small{font-size:clamp(20px,1.65vw,26px);line-height:1.3;letter-spacing:.025em;font-weight:700;color:#172b3a;text-align:center;margin:0}
/* Keep column labels inside the same vertical and horizontal scroll surface. */
#content .table-wrap{max-height:calc(100dvh - 260px);min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#content .table-wrap table{border-collapse:separate;border-spacing:0;width:100%}
#content .table-wrap thead th{position:sticky;top:0;z-index:5;background:#f4f6f9;box-shadow:0 1px 0 var(--line)}
#content .performance-table thead th:first-child{z-index:6;background:#edf2f9}
@media(max-width:700px){#content .table-wrap{max-height:calc(100dvh - 220px)}}
@media print{#content .table-wrap{max-height:none;overflow:visible}#content .table-wrap thead th{position:static;box-shadow:none}}
.dashboard-logout svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.page-loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#5f6c80}.page-loading b{font-size:13px}.page-loading small{font-size:10px;color:#8a94a3}.loading-spinner{width:32px;height:32px;border:3px solid #e3eaf4;border-top-color:#437bd0;border-radius:50%;animation:lkb-spin .8s linear infinite}.loader:before{content:'';display:inline-block;width:15px;height:15px;border:2px solid #e3eaf4;border-top-color:#437bd0;border-radius:50%;margin-right:8px;vertical-align:middle;animation:lkb-spin .8s linear infinite}@keyframes lkb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner,.loader:before{animation:none}}
.master-toolbar{align-items:flex-end}.master-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 14px}.master-tabs button{white-space:nowrap;border:1px solid #dfe5ed;background:#fff;color:#606a78;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:700;cursor:pointer}.master-tabs button.active{background:#edf4ff;color:#1759ad;border-color:#bad2f5}.master-create{margin-bottom:14px;background:#fbfcfe}.master-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.master-form label{display:grid;gap:5px;color:#687280;font-size:10px}.master-form input,.master-form select,.master-table input,.master-table select{width:100%;min-width:110px;height:35px;border:1px solid #dfe4eb;border-radius:8px;background:#fff;padding:6px 8px;font-size:10px;color:#242b36}.master-form .master-check,.master-table .master-check{display:flex;align-items:center;gap:6px;white-space:nowrap}.master-form input[type=checkbox],.master-table input[type=checkbox]{width:16px;height:16px;min-width:16px}.master-list{padding:0;overflow:hidden}.master-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e7ebf0}.master-list-head>span{font-size:10px;color:#77808d}.master-search{width:min(360px,100%)}.master-search input{width:100%}.master-table{min-width:1000px}.master-table th{white-space:nowrap}.master-table td{vertical-align:middle;padding:8px}.master-table td:first-child{white-space:nowrap}.master-table input[readonly]{background:#f2f4f7;color:#747b86}.master-table .btn{white-space:nowrap}@media(max-width:900px){.master-form{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:560px){.master-form{grid-template-columns:1fr}.master-toolbar{display:flex}.master-list-head{align-items:stretch;flex-direction:column}.master-search{width:100%}}
.product-image-editor{display:grid;grid-template-columns:54px 1fr;gap:5px 8px;align-items:center;min-width:170px}.product-image-editor img{grid-row:1/3;width:54px;height:54px;object-fit:contain;border:1px solid #e2e7ee;border-radius:10px;background:#fff}.product-image-editor .image-upload-button{display:flex;align-items:center;justify-content:center;height:28px;padding:0 8px;cursor:pointer}.product-image-editor .image-upload-button input{display:none}.product-image-editor small{font-size:8px;color:#7c8490;white-space:nowrap}.master-table:has(.product-image-editor){min-width:1250px}
.order-pdf{background:#eaf1ff!important;color:#174f9d!important;border-color:#cfdef5!important;font-weight:700;white-space:nowrap}
/* Explicit product and month widths prevent auto-layout stretching names or January. */
#content .table-wrap .performance-product-table{table-layout:fixed;width:2270px;min-width:2270px}
#content .performance-product-table th,#content .performance-product-table td{min-width:0}
#content .performance-product-table th:first-child,#content .performance-product-table td:first-child{width:300px;min-width:0;max-width:300px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){.dashboard-logout span{display:none}.dashboard-logout{width:42px;padding:0;justify-content:center}}
.performance-toolbar{align-items:flex-end}.performance-toolbar .filters label{display:grid;gap:5px;font-size:10px;color:#6f7580}.performance-toolbar input,.performance-toolbar select{min-height:36px;border:1px solid #e1e5eb;border-radius:9px;background:#fff;padding:7px 9px;font-size:11px}.performance-toolbar input{width:190px}.performance-panel{padding:0;overflow:hidden}.performance-count{padding:12px 16px;background:#f7f9fc;border-bottom:1px solid #e7e9ee;color:#727782;font-size:10px}.performance-table{min-width:1900px}.performance-table th{position:sticky;top:0;background:#f4f6f9;cursor:pointer;user-select:none;z-index:1}.performance-table th:hover{background:#e8eef8;color:#174f9d}.performance-table th:first-child,.performance-table td:first-child{position:sticky;left:0;background:#fff;z-index:2;min-width:190px}.performance-table th:first-child{background:#edf2f9;z-index:3}.performance-table th:nth-child(2),.performance-table td:nth-child(2){min-width:135px}.performance-table td.num,.performance-table th:nth-last-child(-n+15){text-align:right}.performance-table td small{display:block;color:#7b818c;font-size:9px;margin-top:3px}.performance-table tbody tr:hover td{background:#f7faff}.performance-table tbody tr:hover td:first-child{background:#edf4ff}@media(max-width:900px){.performance-toolbar{display:block}.performance-toolbar .filters{margin-top:12px;justify-content:flex-start}.performance-toolbar input{width:150px}}
.spv-toolbar{align-items:flex-end}.spv-toolbar .filters label{display:grid;gap:5px;font-size:10px;color:#6f7580}.spv-toolbar select,.spv-toolbar input{height:36px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;padding:6px 9px;font-size:11px}.spv-grid{margin-top:16px}.kpi-list article{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(100px,1fr) 58px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.kpi-list small{display:block;color:#818895;font-size:9px;margin-top:4px}.kpi-list .track{height:8px;background:#e9edf3;border-radius:9px;overflow:hidden}.kpi-list .track i{display:block;height:100%;background:#5f91d5;border-radius:9px}.activity-funnel{display:grid;gap:9px}.activity-funnel article{height:55px;margin:auto;border-radius:10px;background:#dce9fb;color:#183967;padding:8px 16px;text-align:center}.activity-funnel article:nth-child(1){width:94%}.activity-funnel article:nth-child(2){width:80%;background:#cde1f7}.activity-funnel article:nth-child(3){width:66%;background:#b9d8e7}.activity-funnel article:nth-child(4){width:52%;background:#aad9c7}.activity-funnel b{display:block;font-size:16px}.activity-funnel span{font-size:9px;text-transform:uppercase;font-weight:700}.mini-stats{display:flex;gap:10px;margin-top:14px}.mini-stats span{flex:1;padding:10px;background:#f5f7fa;border-radius:9px;font-size:9px;color:#6c7481}.mini-stats b{display:block;font-size:14px;color:#1c2738}.spv-trend{height:230px;display:flex;align-items:end;gap:8px}.spv-trend article{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;text-align:center}.spv-trend article>div{height:190px;display:flex;align-items:end;gap:2px}.spv-trend i,.spv-trend em{display:block;width:48%;min-height:2px;border-radius:5px 5px 1px 1px;background:#79a7e5}.spv-trend em{background:#d7dee9}.spv-trend small{font-size:8px;margin-top:7px}.trend-legend{display:flex;justify-content:center;gap:18px;font-size:9px}.trend-legend i{display:inline-block;width:9px;height:9px;background:#79a7e5;border-radius:3px;margin-right:5px}.trend-legend span:last-child i{background:#d7dee9}.action-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-plan article{display:flex;gap:11px;background:#f7f9fc;border:1px solid #e4e9f0;border-radius:12px;padding:14px}.action-plan article>i{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#173a78;color:#fff;border-radius:50%;font-style:normal;font-weight:800}.action-plan small{display:block;color:#c24d5b;font-size:9px;margin:4px 0}.action-plan p{font-size:10px;line-height:1.5;color:#656d7a;margin:0}.spv-notes{margin-top:16px;background:#f8fafc}.spv-notes p{font-size:9px;color:#747c89;margin:7px 0}@media(max-width:900px){.spv-toolbar{display:block}.action-plan{grid-template-columns:1fr}.kpi-list article{grid-template-columns:1fr 100px 50px}}