@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.uploader-root{max-width:960px;margin:0 auto;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.uploader-root h1{color:#2d3436;letter-spacing:-.3px;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.uploader-root .subtitle{color:#95a5a6;text-align:center;margin-bottom:20px;font-size:13px}.platform-btn-logo{object-fit:contain;border-radius:4px;flex-shrink:0;width:20px;height:20px}.uploader-root .current-platform{border:1.5px solid #0000;border-radius:24px;align-items:center;gap:8px;width:fit-content;margin:0 auto 20px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.platform-badge-arrow{color:#636e72;font-weight:400}.platform-badge-table{color:#2d3436;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:500}.date-selector{background:#fff;border:1px solid #eef0f4;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.date-selector label{color:#2d3436;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.date-selector input[type=date]{color:#2d3436;background:#fafbfc;border:1.5px solid #e0e3e8;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.date-selector input[type=date]:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.date-selector .date-note{color:#95a5a6;font-size:12px}.date-required{color:#e74c3c}.amazon-detected{background:#fff;border:1px solid #eef0f4;border-radius:12px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:14px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.amazon-detected .detected-item{align-items:center;gap:6px;display:inline-flex}.amazon-detected .detected-label{color:#636e72;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.amazon-detected .detected-value{color:#f90;font-size:13px;font-weight:600}.amazon-options{background:#fff;border:1px solid #eef0f4;border-radius:12px;margin-bottom:14px;padding:16px 20px;box-shadow:0 1px 3px #0000000a}.amazon-detected-info{color:#667eea;background:#f0f4ff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.platform-note{border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.blinkit-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.amazon-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.platform-note code{background:#92400e1a;border-radius:4px;padding:1px 5px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.tabs{gap:4px;margin-bottom:0;display:flex}.tab-btn{cursor:pointer;color:#636e72;background:#f0f2f5;border:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.tab-btn:hover{color:#2d3436;background:#e4e7ef}.tab-btn.active{color:#667eea;background:#fff;border:1px solid #eef0f4;border-bottom-color:#fff}.tab-panel{background:#fff;border:1px solid #eef0f4;border-radius:0 8px 8px;padding:20px;display:none;box-shadow:0 1px 3px #0000000a}.tab-panel.active{display:block}.uploader-root textarea{resize:vertical;box-sizing:border-box;color:#2d3436;background:#fafbfc;border:1.5px solid #e0e3e8;border-radius:8px;width:100%;min-height:180px;margin:12px 0;padding:12px 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}.uploader-root textarea:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea14}.uploader-root textarea::placeholder{color:#b2bec3}.uploader-root .btn-row{gap:8px;margin-top:10px;display:flex}.uploader-root .btn-row .btn{flex:1;justify-content:center;margin-top:0;margin-right:0}.uploader-root .btn{cursor:pointer;letter-spacing:.1px;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:10px;margin-right:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.uploader-root .btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.uploader-root .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea59}.uploader-root .btn-secondary{color:#636e72;background:#fff;border:1.5px solid #e0e3e8}.uploader-root .btn-secondary:hover:not(:disabled){color:#667eea;background:#fff;border-color:#667eea}.uploader-root .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.upload-box{text-align:center;cursor:pointer;color:#636e72;background:#fafbfc;border:2px dashed #d1d5db;border-radius:10px;margin:12px 0;padding:40px 20px;font-size:14px;font-weight:500;transition:border-color .2s,background .2s}.upload-box:hover,.upload-box.drag-over{color:#667eea;background:#667eea0a;border-color:#667eea}.upload-box-hint{color:#95a5a6;margin-top:6px;font-size:12px;font-weight:400}.settings{color:#636e72;background:#f8f9fc;border:1px solid #eef0f4;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 20px;margin:12px 0;padding:12px 16px;font-size:13px;display:flex}.settings strong{color:#2d3436;align-items:center;gap:5px;margin-right:4px;font-weight:600;display:inline-flex}.settings label{cursor:pointer;align-items:center;gap:6px;padding:2px 0;font-weight:500;display:inline-flex}.settings input[type=checkbox]{accent-color:#667eea;cursor:pointer;width:14px;height:14px}.info{color:#374151;background:#f0f4ff;border:1px solid #667eea26;border-radius:8px;margin-bottom:14px;padding:14px 16px;font-size:13px;line-height:1.6}.info strong{color:#667eea;align-items:center;gap:5px;display:inline-flex}.info code{color:#667eea;background:#667eea1f;border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.date-format{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:12px;display:flex}.columns-display{flex-wrap:wrap;gap:4px;max-height:80px;margin-top:8px;display:flex;overflow-y:auto}.columns-display code{color:#667eea;background:#667eea1a;border-radius:10px;padding:2px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:600}.uploader-root h3{color:#2d3436;letter-spacing:-.1px;align-items:center;gap:7px;margin:16px 0 8px;font-size:14px;font-weight:600;display:flex}.row-badge{color:#667eea;background:#667eea1a;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:600}.fg-summary{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0;display:grid}.fg-summary-item{background:#fafbfc;border:1px solid #eef0f4;border-radius:8px;padding:10px 12px}.fg-summary-value{color:#2d3436;font-size:18px;font-weight:700;line-height:1.1;display:block}.fg-summary-label{color:#636e72;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600;display:block}.table-container{border:1px solid #eef0f4;border-radius:10px;max-height:350px;margin-top:14px;overflow:auto}.uploader-root table{border-collapse:collapse;width:100%;font-size:11px}.uploader-root th{text-align:left;color:#667eea;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background:#f8f9fc;border-bottom:1px solid #eef0f4;padding:10px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.uploader-root td{text-align:left;color:#636e72;white-space:nowrap;border-bottom:1px solid #f5f6fa;padding:8px 12px}.uploader-root tr:hover td{color:#2d3436;background:#667eea06}.uploader-root .msg{border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.msg-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.msg-error{color:#e74c3c;background:#fff5f5;border:1px solid #fecaca}.msg-warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.progress{margin-top:14px}.progress-bar{background:#f0f2f5;border-radius:4px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;width:40%;height:100%;animation:1.4s ease-in-out infinite progress-slide}@keyframes progress-slide{0%{transform:translate(-150%)}to{transform:translate(400%)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}@media (width<=768px){.uploader-root{padding:14px}.date-selector{flex-direction:column;align-items:flex-start;gap:10px}.tabs{flex-wrap:wrap}.table-container{overflow-x:auto}.settings{flex-direction:column;align-items:flex-start;gap:8px}.uploader-root .btn{justify-content:center;width:100%;margin-right:0}.uploader-root .btn-row{flex-direction:column}.uploader-root .btn-row .btn{width:100%}}[data-theme=dark] .uploader-root h1{color:#e2e8f0}[data-theme=dark] .uploader-root .subtitle{color:#88a}[data-theme=dark] .current-platform{background:#1a1a2e!important}[data-theme=dark] .platform-badge-arrow{color:#88a}[data-theme=dark] .platform-badge-table{color:#c8c8e8}[data-theme=dark] .date-selector{box-shadow:none;background:#111120;border-color:#1e1e30}[data-theme=dark] .date-selector label{color:#e2e8f0}[data-theme=dark] .date-selector input[type=date]{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .date-selector input[type=date]:focus{background:#111120;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81f}[data-theme=dark] .date-selector .date-note{color:#88a}[data-theme=dark] .amazon-detected{background:#111120;border-color:#1e1e30}[data-theme=dark] .amazon-detected .detected-label{color:#88a}[data-theme=dark] .amazon-options{box-shadow:none;background:#111120;border-color:#1e1e30}[data-theme=dark] .amazon-detected-info{color:#818cf8;background:#818cf81a}[data-theme=dark] .blinkit-note{color:#fde68a;background:#2a2000;border-color:#fde68a4d}[data-theme=dark] .amazon-note{color:#fbbf24;background:#2a1500;border-color:#fbbf244d}[data-theme=dark] .platform-note code{background:#fde68a1f}[data-theme=dark] .tab-btn{color:#88a;background:#1a1a2e}[data-theme=dark] .tab-btn:hover{color:#e2e8f0;background:#22223a}[data-theme=dark] .tab-btn.active{color:#818cf8;background:#111120;border-color:#1e1e30 #1e1e30 #111120}[data-theme=dark] .tab-panel{box-shadow:none;background:#111120;border-color:#1e1e30}[data-theme=dark] .uploader-root textarea{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .uploader-root textarea:focus{background:#111120;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}[data-theme=dark] .uploader-root textarea::placeholder{color:#4a4a6a}[data-theme=dark] .uploader-root .btn-primary{background:linear-gradient(135deg,#818cf8,#a855f7)}[data-theme=dark] .uploader-root .btn-secondary{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .uploader-root .btn-secondary:hover:not(:disabled){color:#818cf8;background:#1a1a2e;border-color:#818cf8}[data-theme=dark] .upload-box{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .upload-box:hover,[data-theme=dark] .upload-box.drag-over{color:#818cf8;background:#818cf80f;border-color:#818cf8}[data-theme=dark] .settings{color:#e2e8f0;background:#1a1a2e;border-color:#1e1e30}[data-theme=dark] .settings strong{color:#e2e8f0}[data-theme=dark] .settings label{color:#c8c8e8}[data-theme=dark] .info{color:#c8c8e8;background:#818cf814;border-color:#818cf833}[data-theme=dark] .info strong{color:#818cf8}[data-theme=dark] .info code{color:#818cf8;background:#818cf826}[data-theme=dark] .date-format{color:#fbbf24;background:#2a1500;border-color:#fbbf244d}[data-theme=dark] .columns-display code{color:#818cf8;background:#818cf81f}[data-theme=dark] .uploader-root h3{color:#e2e8f0}[data-theme=dark] .row-badge{color:#818cf8;background:#818cf81f}[data-theme=dark] .fg-summary-item{background:#1a1a2e;border-color:#1e1e30}[data-theme=dark] .fg-summary-value{color:#e2e8f0}[data-theme=dark] .fg-summary-label{color:#88a}[data-theme=dark] .table-container{border-color:#1e1e30}[data-theme=dark] .uploader-root th{color:#818cf8;background:#1a1a2e;border-bottom-color:#1e1e30}[data-theme=dark] .uploader-root td{color:#88a;border-bottom-color:#1a1a2e}[data-theme=dark] .uploader-root tr:hover td{color:#e2e8f0;background:#818cf80a}[data-theme=dark] .msg-success{color:#6ee7b7;background:#0d2b1a;border-color:#6ee7b740}[data-theme=dark] .msg-error{color:#fca5a5;background:#2b0d0d;border-color:#fca5a540}[data-theme=dark] .msg-warning{color:#fde68a;background:#2b2000;border-color:#fde68a40}[data-theme=dark] .progress-bar{background:#1a1a2e}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#818cf8,#a855f7)}[data-theme=dark] .upload-box-hint{color:#4a4a6a}@media (prefers-color-scheme:dark){[data-theme=default] .uploader-root h1{color:#e2e8f0}[data-theme=default] .uploader-root .subtitle{color:#88a}[data-theme=default] .current-platform{background:#1a1a2e!important}[data-theme=default] .platform-badge-arrow{color:#88a}[data-theme=default] .platform-badge-table{color:#c8c8e8}[data-theme=default] .date-selector{box-shadow:none;background:#111120;border-color:#1e1e30}[data-theme=default] .date-selector label{color:#e2e8f0}[data-theme=default] .date-selector input[type=date]{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=default] .date-selector input[type=date]:focus{background:#111120;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81f}[data-theme=default] .date-selector .date-note{color:#88a}[data-theme=default] .amazon-detected{background:#111120;border-color:#1e1e30}[data-theme=default] .amazon-detected .detected-label{color:#88a}[data-theme=default] .amazon-options{box-shadow:none;background:#111120;border-color:#1e1e30}[data-theme=default] .amazon-detected-info{color:#818cf8;background:#818cf81a}[data-theme=default] .blinkit-note{color:#fde68a;background:#2a2000;border-color:#fde68a4d}[data-theme=default] .amazon-note{color:#fbbf24;background:#2a1500;border-color:#fbbf244d}[data-theme=default] .platform-note code{background:#fde68a1f}[data-theme=default] .tab-btn{color:#88a;background:#1a1a2e}[data-theme=default] .tab-btn:hover{color:#e2e8f0;background:#22223a}[data-theme=default] .tab-btn.active{color:#818cf8;background:#111120;border-color:#1e1e30 #1e1e30 #111120}[data-theme=default] .tab-panel{box-shadow:none;background:#111120;border-color:#1e1e30}[data-theme=default] .uploader-root textarea{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=default] .uploader-root textarea:focus{background:#111120;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}[data-theme=default] .uploader-root textarea::placeholder{color:#4a4a6a}[data-theme=default] .uploader-root .btn-primary{background:linear-gradient(135deg,#818cf8,#a855f7)}[data-theme=default] .uploader-root .btn-secondary{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=default] .uploader-root .btn-secondary:hover:not(:disabled){color:#818cf8;background:#1a1a2e;border-color:#818cf8}[data-theme=default] .upload-box{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=default] .upload-box:hover,[data-theme=default] .upload-box.drag-over{color:#818cf8;background:#818cf80f;border-color:#818cf8}[data-theme=default] .settings{color:#e2e8f0;background:#1a1a2e;border-color:#1e1e30}[data-theme=default] .settings strong{color:#e2e8f0}[data-theme=default] .settings label{color:#c8c8e8}[data-theme=default] .info{color:#c8c8e8;background:#818cf814;border-color:#818cf833}[data-theme=default] .info strong{color:#818cf8}[data-theme=default] .info code{color:#818cf8;background:#818cf826}[data-theme=default] .date-format{color:#fbbf24;background:#2a1500;border-color:#fbbf244d}[data-theme=default] .columns-display code{color:#818cf8;background:#818cf81f}[data-theme=default] .uploader-root h3{color:#e2e8f0}[data-theme=default] .row-badge{color:#818cf8;background:#818cf81f}[data-theme=default] .fg-summary-item{background:#1a1a2e;border-color:#1e1e30}[data-theme=default] .fg-summary-value{color:#e2e8f0}[data-theme=default] .fg-summary-label{color:#88a}[data-theme=default] .table-container{border-color:#1e1e30}[data-theme=default] .uploader-root th{color:#818cf8;background:#1a1a2e;border-bottom-color:#1e1e30}[data-theme=default] .uploader-root td{color:#88a;border-bottom-color:#1a1a2e}[data-theme=default] .uploader-root tr:hover td{color:#e2e8f0;background:#818cf80a}[data-theme=default] .msg-success{color:#6ee7b7;background:#0d2b1a;border-color:#6ee7b740}[data-theme=default] .msg-error{color:#fca5a5;background:#2b0d0d;border-color:#fca5a540}[data-theme=default] .msg-warning{color:#fde68a;background:#2b2000;border-color:#fde68a40}[data-theme=default] .progress-bar{background:#1a1a2e}[data-theme=default] .progress-fill{background:linear-gradient(90deg,#818cf8,#a855f7)}[data-theme=default] .upload-box-hint{color:#4a4a6a}}*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3436;background:#f5f6fa;font-family:Inter,-apple-system,sans-serif;overflow:hidden}.auth-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:.5s fadeIn;display:flex}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;animation:.4s slideUp;box-shadow:0 20px 60px #00000026}.auth-card h1{text-align:center;color:#2d3436;margin-bottom:4px;font-size:24px;font-weight:700}.auth-card .subtitle{text-align:center;color:#999;margin-bottom:28px;font-size:12px}.auth-card h2{text-align:center;color:#636e72;margin-bottom:24px;font-size:17px;font-weight:500}.form-group{margin-bottom:16px}.password-wrapper{position:relative}.password-wrapper input{padding-right:64px}.password-toggle{color:#0984e3;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{background:#f1f3f5}.form-group label{color:#636e72;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input{color:#2d3436;background:#fafbfc;border:1.5px solid #e0e3e8;border-radius:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:all .25s}.form-group input:focus{background:#fff;border-color:#667eea;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #667eea1a}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s;position:relative;overflow:hidden}.btn-primary:after{content:"";background:#ffffff26;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:hover:after{width:300px;height:300px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #667eea40}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.btn-secondary{color:#667eea;cursor:pointer;background:0 0;border:1.5px solid #667eea;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .25s}.btn-secondary:hover{color:#fff;background:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea40}.error-message{color:#e74c3c;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;animation:.4s shakeIn}.success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;animation:.3s fadeIn}.auth-link{text-align:center;color:#999;margin-top:20px;font-size:13px}.auth-link a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.auth-link a:hover{color:#764ba2;text-decoration:underline}.loading{color:#999;justify-content:center;align-items:center;min-height:100vh;font-size:15px;display:flex}.app-layout{height:100vh;animation:.4s fadeIn;display:flex;overflow:hidden}.sidebar{z-index:20;background:#fff;border-right:1px solid #eef0f4;flex-direction:column;flex-shrink:0;width:270px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar.collapsed{width:64px}.sidebar.hover-open{width:270px;box-shadow:6px 0 24px #00000014}.collapse-btn{cursor:pointer;color:#b2bec3;z-index:10;opacity:0;background:#fff;border:1px solid #eef0f4;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .25s;display:flex;position:absolute;top:28px;right:-12px;box-shadow:0 1px 4px #0000000f}.sidebar:hover .collapse-btn{opacity:1}.collapse-btn:hover{color:#667eea;background:#f0f0ff;border-color:#667eea;transform:scale(1.15);box-shadow:0 2px 8px #667eea33}.sidebar-brand{border-bottom:1px solid #eef0f4;align-items:center;gap:12px;padding:20px;transition:all .3s;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:20px 14px}.brand-logo{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:all .25s;display:flex}.brand-logo:hover{transform:scale(1.08)rotate(-3deg);box-shadow:0 4px 12px #667eea4d}.brand-logo-img{object-fit:contain;cursor:pointer;background:#fff;border:1px solid #eef0f4;border-radius:10px;flex-shrink:0;width:36px;height:36px;padding:3px;transition:all .25s}.brand-logo-img:hover{transform:scale(1.08);box-shadow:0 4px 12px #0000001a}.brand-info{flex-direction:column;animation:.25s fadeSlideIn;display:flex}.brand-name{color:#2d3436;letter-spacing:-.3px;font-size:15px;font-weight:700}.brand-sub{color:#b2bec3;font-size:11px;font-weight:500}.sidebar-nav{flex:1;padding:12px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.nav-group{margin-bottom:2px}.nav-section{cursor:pointer;color:#636e72;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-section:before{content:"";background:#667eea;border-radius:0 2px 2px 0;width:3px;height:100%;transition:transform .25s;position:absolute;top:0;left:0;transform:scaleY(0)}.nav-section.active:before{transform:scaleY(1)}.nav-section:hover{color:#2d3436;background:#f8f9fc}.nav-section.active{color:#667eea;background:#667eea08}.sidebar.collapsed .nav-section{justify-content:center;padding:10px 0}.nav-icon{color:#95a5a6;background:#f0f2f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex}.nav-section:hover .nav-icon{transform:scale(1.08)}.nav-section.active .nav-icon{color:#667eea;background:#667eea1f;box-shadow:0 2px 8px #667eea26}.sidebar.collapsed .nav-icon{margin:0}.nav-section-title{color:#b2bec3;text-transform:uppercase;letter-spacing:.8px;padding:8px 20px 4px;font-size:10px;font-weight:600}.nav-platform-link{color:#636e72;align-items:center;gap:10px;padding:8px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-platform-link:hover{color:#2d3436;background:#f8f9fc}.nav-platform-logo{object-fit:contain;background:#fff;border:1px solid #eef0f4;border-radius:7px;flex-shrink:0;width:26px;height:26px;padding:2px;transition:transform .2s}.nav-platform-link:hover .nav-platform-logo{transform:scale(1.1)}.nav-platform-fallback{border-radius:7px!important;width:26px!important;height:26px!important;font-size:10px!important}.nav-platform-link .nav-icon{border-radius:7px;width:26px;height:26px;font-size:10px}.sidebar.collapsed .nav-platform-link{justify-content:center;padding:8px 0}.sidebar.collapsed .nav-section-title{display:none}.nav-label{white-space:nowrap;flex:1;animation:.2s fadeSlideIn}.nav-badge{color:#b2bec3;background:#f0f2f5;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;transition:all .2s;animation:.25s fadeSlideIn}.nav-section.active .nav-badge{color:#667eea;background:#667eea1a}.nav-chevron{color:#ccc;font-size:14px;font-weight:400;transition:transform .3s cubic-bezier(.4,0,.2,1);animation:.25s fadeSlideIn}.nav-chevron.open{transform:rotate(90deg)}.nav-items{transform-origin:top;padding:2px 0 8px;animation:.3s cubic-bezier(.4,0,.2,1) expandDown}.nav-item{cursor:pointer;color:#95a5a6;text-align:left;background:0 0;border:none;width:100%;padding:8px 20px 8px 44px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;position:relative}.nav-item:before{content:"";background:#dfe6e9;border-radius:50%;width:6px;height:6px;transition:all .25s;position:absolute;top:50%;left:26px;transform:translateY(-50%)scale(1)}.nav-item:hover{color:#2d3436;background:#f8f9fc;padding-left:48px}.nav-item:hover:before{background:#b2bec3;transform:translateY(-50%)scale(1.3)}.nav-item.active{color:#667eea;background:#667eea0a;font-weight:600}.nav-item.active:before{background:#667eea;transform:translateY(-50%)scale(1.2);box-shadow:0 0 0 3px #667eea26}.sidebar-user{border-top:1px solid #eef0f4;align-items:center;gap:10px;padding:14px 20px;transition:all .3s;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-user{justify-content:center;padding:14px}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.user-avatar:hover{transform:scale(1.1);box-shadow:0 3px 10px #667eea4d}.user-info{flex:1;min-width:0;animation:.25s fadeSlideIn}.user-email{color:#95a5a6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.logout-btn{cursor:pointer;color:#b2bec3;background:#fff;border:1px solid #eef0f4;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .25s;animation:.25s fadeSlideIn;display:flex}.logout-btn:hover{color:#e74c3c;background:#fff5f5;border-color:#fecaca;transform:translate(2px)}.main-area{flex-direction:column;flex:1;min-width:0;transition:margin-left .3s;display:flex;overflow:hidden}.upload-iframe{border:none;flex:1;width:100%;min-height:0;overflow-y:auto}.topbar{background:#fff;border-bottom:1px solid #eef0f4;flex-shrink:0;align-items:center;height:60px;padding:0 28px;display:flex}.topbar-title h1{color:#2d3436;letter-spacing:-.3px;font-size:18px;font-weight:700;transition:all .2s}.topbar-section{color:#b2bec3;font-size:12px;font-weight:500;transition:all .2s}.content{background:#f5f6fa;flex:1;padding:24px 28px;overflow:hidden auto}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.filter-bar{border-bottom:1px solid #eef0f4;padding:16px 18px 10px;animation:.3s fadeIn}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filter-group{flex-direction:column;gap:4px;min-width:0;display:flex}.filter-group label{color:#95a5a6;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.filter-input{color:#2d3436;background:#fafbfc;border:1.5px solid #e0e3e8;border-radius:8px;min-width:160px;padding:7px 12px;font-family:inherit;font-size:13px;transition:all .2s}.filter-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea14}.filter-select{color:#2d3436;appearance:none;cursor:pointer;background:#fafbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2395a5a6'/%3E%3C/svg%3E") right 10px center no-repeat;border:1.5px solid #e0e3e8;border-radius:8px;min-width:90px;padding:7px 28px 7px 10px;font-family:inherit;font-size:13px;transition:all .2s}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea14}.filter-expiry-btn{color:#636e72;cursor:pointer;white-space:nowrap;background:#fafbfc;border:1.5px solid #e0e3e8;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.filter-expiry-btn:hover{color:#e74c3c;background:#fff5f5;border-color:#e74c3c}.filter-expiry-btn.active{color:#fff;background:#e74c3c;border-color:#e74c3c}.filter-clear-btn{color:#636e72;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e0e3e8;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.filter-clear-btn:hover{color:#667eea;background:#667eea0a;border-color:#667eea}.filter-info{color:#95a5a6;margin-top:10px;font-size:12px}.expiry-col{color:#e74c3c!important}.row-expired{background:#e74c3c08!important}.row-expired:hover{background:#e74c3c0f!important}.cell-expired{font-weight:600;color:#e74c3c!important}.cell-expiry{color:#27ae60!important}.card{background:#fff;border:1px solid #eef0f4;border-radius:12px;transition:box-shadow .3s;animation:.35s fadeSlideUp;overflow:hidden;box-shadow:0 1px 3px #0000000a}.card:hover{box-shadow:0 4px 16px #0000000f}.table-wrapper{overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:5px}.table-wrapper::-webkit-scrollbar-track{background:#fafbfc}.table-wrapper::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.data-table thead{z-index:1;position:sticky;top:0}.data-table th{text-align:left;color:#667eea;text-transform:uppercase;letter-spacing:.6px;background:#f8f9fc;border-bottom:1px solid #eef0f4;padding:12px 16px;font-size:10px;font-weight:600;transition:background .2s}.data-table th:hover{background:#f0f2f8}.data-table td{color:#636e72;text-overflow:ellipsis;border-bottom:1px solid #f5f6fa;max-width:220px;padding:10px 16px;transition:all .15s;overflow:hidden}.data-table tbody tr{transition:all .15s}.data-table tbody tr:hover{background:linear-gradient(90deg,#667eea08,#764ba205)}.data-table tbody tr:hover td{color:#2d3436}.data-table tbody tr:active{background:#667eea0f}.data-table tbody tr:last-child td{border-bottom:none}.row-num{width:44px;color:#ccc!important;text-align:center!important;letter-spacing:0!important;font-size:11px!important;transition:color .15s!important}.data-table tbody tr:hover .row-num{color:#667eea!important}.null-val{color:#dfe6e9;font-size:11px;font-style:italic}.table-status{color:#b2bec3;justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:14px;animation:.3s fadeIn;display:flex}.table-status.error{color:#e74c3c;animation:.4s shakeIn}.loader{border:2.5px solid #eef0f4;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.pagination{border-top:1px solid #f5f6fa;justify-content:center;align-items:center;gap:4px;padding:14px 16px;animation:.3s fadeIn;display:flex}.pg-btn{cursor:pointer;color:#636e72;background:#fff;border:1px solid #eef0f4;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.pg-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px);box-shadow:0 3px 8px #667eea40}.pg-btn:active:not(:disabled){transform:translateY(0)}.pg-btn:disabled{opacity:.3;cursor:not-allowed}.pg-info{color:#636e72;padding:0 12px;font-size:13px;font-weight:600}.pg-total{color:#b2bec3;font-weight:400}.nav-home.active{color:#667eea}.nav-home.active .nav-icon{color:#667eea;background:#667eea1f}.nav-divider{background:#eef0f4;height:1px;margin:6px 20px}.sidebar.collapsed .nav-divider{margin:6px 12px}.topbar-back-link{cursor:pointer;color:#667eea;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:18px;font-weight:700;transition:all .2s}.topbar-back-link:hover{color:#4f5ed1;background:#667eea14}.topbar-sep{color:#9aa0a6;flex-shrink:0;font-size:16px}.topbar-title{align-items:center;gap:10px;display:flex}.overview{animation:.35s fadeSlideUp}.summary-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:28px;display:grid}.summary-card{background:#fff;border:1px solid #eef0f4;border-top:3px solid #667eea;border-radius:12px;padding:20px;transition:all .25s;animation:.4s fadeSlideUp}.summary-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000000f}.summary-value{color:#2d3436;letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:700;display:block}.summary-label{color:#95a5a6;font-size:12px;font-weight:500}.overview-section{margin-bottom:24px;animation:.4s fadeSlideUp}.overview-section-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.overview-section-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.overview-section-header h3{color:#2d3436;flex:1;font-size:15px;font-weight:600}.overview-section-count{color:#b2bec3;font-size:11px;font-weight:500}.overview-table-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.overview-table-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #eef0f4;border-radius:10px;flex-direction:column;gap:8px;padding:16px;font-family:inherit;transition:all .25s;display:flex}.overview-table-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 14px #667eea1a}.overview-table-card:active{transform:translateY(0)}.otc-name{color:#2d3436;font-size:13px;font-weight:600}.otc-count{color:#667eea;font-size:20px;font-weight:700}.otc-rows{color:#b2bec3;font-size:11px;font-weight:500}.alerts-panel{background:#fff;border:1px solid #eef0f4;border-radius:12px;margin-bottom:24px;padding:20px;transition:all .25s;animation:.3s fadeSlideUp}.alerts-panel:hover{box-shadow:0 4px 16px #0000000a}.alerts-panel.alerts-ok{border-left:4px solid #27ae60}.alerts-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.alerts-header h3{color:#2d3436;font-size:15px;font-weight:600}.alerts-badge{border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600;animation:.3s fadeIn}.alerts-badge.ok{color:#16a34a;background:#f0fdf4}.alerts-badge.danger{color:#e74c3c;background:#fff5f5;animation:2s infinite pulse}.alerts-loading{color:#95a5a6;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.alerts-empty{color:#95a5a6;font-size:13px}.alert-summary-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.alert-summary-block{text-align:center;border-radius:10px;padding:16px;transition:all .25s;animation:.35s fadeSlideUp}.alert-summary-block:hover{transform:translateY(-2px)}.alert-summary-block.expired{background:#fff5f5;border:1px solid #fecaca}.alert-summary-block.warning{background:#fffbeb;border:1px solid #fde68a}.alert-summary-block.info{background:#f0f4ff;border:1px solid #c7d2fe}.asb-count{letter-spacing:-1px;margin-bottom:2px;font-size:28px;font-weight:700;display:block}.alert-summary-block.expired .asb-count{color:#e74c3c}.alert-summary-block.warning .asb-count{color:#d97706}.alert-summary-block.info .asb-count{color:#667eea}.asb-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.alert-summary-block.expired .asb-label{color:#f87171}.alert-summary-block.warning .asb-label{color:#fbbf24}.alert-summary-block.info .asb-label{color:#818cf8}.alert-blocks-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.alert-block{cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:6px;padding:16px;font-family:inherit;transition:all .25s;animation:.4s fadeSlideUp;display:flex}.alert-block:hover{transform:translateY(-3px)}.alert-block.expired{background:#fff;border:1px solid #fecaca}.alert-block.expired:hover{border-color:#f87171;box-shadow:0 4px 14px #e74c3c1a}.alert-block.warning{background:#fff;border:1px solid #fde68a}.alert-block.warning:hover{border-color:#fbbf24;box-shadow:0 4px 14px #d977061a}.ab-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ab-type{letter-spacing:.8px;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:700}.ab-type.expired{color:#e74c3c;background:#fff5f5}.ab-type.warning{color:#d97706;background:#fffbeb}.ab-count{color:#2d3436;letter-spacing:-.5px;font-size:24px;font-weight:700}.ab-table{color:#636e72;font-size:12px;font-weight:600}.ab-col{color:#95a5a6;font-size:11px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes expandDown{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes shakeIn{0%{opacity:0;transform:translate(-6px)}25%{transform:translate(4px)}50%{transform:translate(-2px)}75%{transform:translate(1px)}to{opacity:1;transform:translate(0)}}.charts-panel{background:#fff;border:1px solid #eef0f4;border-radius:12px;margin-bottom:24px;padding:20px;animation:.35s fadeSlideUp}.charts-panel:hover{box-shadow:0 4px 16px #0000000a}.charts-panel-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.charts-panel-header h3{color:#2d3436;font-size:15px;font-weight:600}.charts-summary-badges{gap:8px;display:flex}.charts-badge{color:#667eea;background:#f0f4ff;border-radius:10px;padding:4px 12px;font-size:11px;font-weight:600}.charts-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.chart-card{background:#f8f9fc;border:1px solid #eef0f4;border-radius:10px;padding:18px}.chart-card-full{grid-column:1/-1}.chart-card-title{color:#2d3436;margin-bottom:14px;font-size:13px;font-weight:600}.chart-bars{flex-direction:column;gap:8px;max-height:360px;display:flex;overflow-y:auto}.chart-bars::-webkit-scrollbar{width:3px}.chart-bars::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.chart-bar-row{align-items:center;gap:10px;animation:.3s fadeSlideUp;display:flex}.chart-bar-label{color:#636e72;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;align-items:center;gap:6px;width:100px;font-size:12px;font-weight:500;display:flex;overflow:hidden}.chart-bar-label-city{width:120px}.chart-bar-label-product{width:220px}.chart-bar-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-bar-rank{color:#636e72;background:#e0e3e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;min-width:18px;height:20px;font-size:10px;font-weight:700;display:flex}.chart-bar-platform-tag{color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.chart-bar-product-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chart-bar-track{background:#eef0f4;border-radius:6px;flex:1;min-width:60px;max-width:58%;height:20px;overflow:hidden}.chart-bar-fill{opacity:.85;border-radius:6px;min-width:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.chart-bar-fill:hover{opacity:1}.chart-bar-value{text-align:right;color:#2d3436;flex-shrink:0;width:70px;padding-right:10px;font-size:12px;font-weight:700}@media (width<=900px){.charts-grid{grid-template-columns:1fr}.chart-bar-label-product{width:140px}}.plat-not-found{color:#636e72;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.plat-not-found button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.plat-not-found button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.plat-topbar-dashboard-btn{color:#667eea;cursor:pointer;letter-spacing:-.3px;background:0 0;border:none;padding:0;font-family:inherit;font-size:18px;font-weight:700;transition:color .2s}.plat-topbar-dashboard-btn:hover{color:#764ba2}.plat-topbar-sep{color:#b2bec3;align-items:center;margin:0 2px;display:flex}.plat-topbar-platform{color:#636e72;letter-spacing:0;font-size:16px;font-weight:500}[data-theme=dark] .plat-topbar-platform{color:#88a}.plat-sidebar{width:240px}.plat-nav-item{color:#636e72;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.plat-nav-item .nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.sidebar.collapsed .plat-nav-item{justify-content:center;padding:10px 0}.plat-nav-item:before{content:"";background:var(--platform-color,#667eea);border-radius:0 2px 2px 0;width:3px;height:100%;transition:transform .25s;position:absolute;top:0;left:0;transform:scaleY(0)}.plat-nav-item:hover{color:#2d3436;background:#f8f9fc}.plat-nav-item.active{color:#2d3436;background:#667eea0a;font-weight:600}.plat-nav-item.active:before{transform:scaleY(1)}.nav-group{flex-direction:column;display:flex}.nav-group-toggle{justify-content:flex-start;width:100%}.nav-group-toggle.has-active{color:#2d3436}.nav-group-caret{color:#95a5a6;justify-content:center;align-items:center;margin-left:auto;transition:transform .2s;display:inline-flex}.nav-group-caret.open{transform:rotate(180deg)}.nav-group-children{flex-direction:column;padding:2px 0 4px;display:flex}.plat-nav-subitem{color:#7d8896;padding-left:44px;font-size:12.5px}.plat-nav-subitem:hover{color:#2d3436}.plat-back-btn{color:#95a5a6;font-size:12px}.plat-back-btn:hover{color:#667eea}.plat-page-header{background:#fff;border-bottom:1px solid #eef0f4;padding:20px 28px}.plat-page-header h1{color:#2d3436;margin-bottom:4px;font-size:18px;font-weight:700}.plat-page-header p{color:#95a5a6;font-size:13px}.plat-content{background:#f5f6fa;flex:1;padding:24px 28px;overflow-y:auto}.plat-content::-webkit-scrollbar{width:6px}.plat-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.plat-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px;display:grid}.plat-card{border:1px solid #eef0f4;border-top:3px solid var(--platform-color,#667eea);cursor:pointer;background:#fff;border-radius:12px;padding:20px;text-decoration:none;transition:all .25s;animation:.35s fadeSlideUp}.plat-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000000f}.plat-card-value{color:#2d3436;margin-bottom:4px;font-size:26px;font-weight:700;display:block}.plat-card-label{color:#95a5a6;font-size:12px;font-weight:500}.plat-quick-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.plat-quick-link{color:#2d3436;background:#fff;border:1px solid #eef0f4;border-radius:10px;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;animation:.3s fadeSlideUp;display:flex}.plat-quick-link:hover{border-color:var(--platform-color,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.plat-quick-link-icon{color:#636e72;background:#f5f6fa;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.plat-po-layout{grid-template-columns:1fr 1fr;gap:20px;animation:.35s fadeSlideUp;display:grid}.plat-po-panel{background:#fff;border:1px solid #eef0f4;border-radius:12px;overflow:hidden}.plat-po-panel-header{color:#2d3436;background:#f8f9fc;border-bottom:1px solid #eef0f4;padding:14px 18px;font-size:14px;font-weight:600}.plat-po-panel-body{max-height:500px;padding:16px 18px;overflow-y:auto}.plat-po-panel-body::-webkit-scrollbar{width:4px}.plat-po-panel-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.plat-po-item{cursor:pointer;border:1px solid #eef0f4;border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:13px;transition:all .2s}.plat-po-item:hover{border-color:var(--platform-color,#667eea);background:#f8f9fc}.plat-po-item.selected{border-color:var(--platform-color,#667eea);background:#667eea0a;box-shadow:0 0 0 2px #667eea1a}.plat-po-item-title{color:#2d3436;margin-bottom:4px;font-weight:600}.plat-po-item-sub{color:#95a5a6;font-size:11px}.plat-stock-row{border-bottom:1px solid #f5f6fa;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.plat-stock-row:last-child{border-bottom:none}.plat-stock-label{color:#2d3436;flex:1;font-weight:500}.plat-stock-val{border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600}.plat-stock-val.green{color:#16a34a;background:#f0fdf4}.plat-stock-val.yellow{color:#d97706;background:#fffbeb}.plat-stock-val.red{color:#e74c3c;background:#fff5f5}.plat-comparison-result{border-radius:10px;align-items:center;gap:14px;margin-bottom:4px;padding:16px;animation:.3s fadeSlideUp;display:flex}.plat-comparison-result.sufficient{background:#f0fdf4;border:1px solid #bbf7d0}.plat-comparison-result.partial{background:#fffbeb;border:1px solid #fde68a}.plat-comparison-result.empty,.plat-comparison-result.none{background:#fff5f5;border:1px solid #fecaca}.plat-comp-icon{flex-shrink:0;font-size:24px}.plat-comp-text{flex-direction:column;gap:2px;display:flex}.plat-comp-text strong{color:#2d3436;font-size:14px}.plat-comp-text span{color:#636e72;font-size:12px}.plat-stock-val.neutral{color:#636e72;background:#f5f6fa}.plat-loaded-remove{color:#e74c3c;cursor:pointer;background:0 0;border:1px solid #e74c3c33;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:11px;transition:all .15s}.plat-loaded-remove:hover{background:#fff5f5}.plat-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.plat-btn-primary{background:var(--platform-color,#667eea);color:#fff}.plat-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.plat-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.plat-btn-secondary{color:#636e72;background:#fff;border:1.5px solid #e0e3e8}.plat-btn-secondary:hover{border-color:var(--platform-color,#667eea);color:#2d3436}.plat-btn-add{background:var(--platform-color,#667eea);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.plat-btn-add:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.dist-layout{grid-template-columns:400px 1fr;gap:20px;min-height:calc(100vh - 160px);display:grid}.dist-list-panel{background:#fff;border:1px solid #eef0f4;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.dist-list-header{border-bottom:1px solid #eef0f4;padding:14px}.dist-search{color:#2d3436;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e0e3e8;border-radius:8px;width:100%;padding:9px 14px;font-family:inherit;font-size:13px;transition:all .2s}.dist-search:focus{background:#fff;border-color:#6c5ce7;outline:none;box-shadow:0 0 0 3px #6c5ce714}.dist-list-body{flex:1;max-height:calc(100vh - 300px);overflow-y:auto}.dist-item{cursor:pointer;border-bottom:1px solid #f5f6fa;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.dist-item:hover{background:#f8f9fc}.dist-item.selected{background:#6c5ce70a;border-left:3px solid #6c5ce7}.dist-item-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.dist-item-info{flex:1;min-width:0}.dist-item-name{color:#2d3436;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dist-item-sub{color:#95a5a6;margin-top:2px;font-size:11px}.dist-item-balance{flex-shrink:0;font-size:12px;font-weight:600}.dist-item-balance .negative{color:#e74c3c}.dist-item-balance .positive{color:#27ae60}.dist-detail-panel{background:#fff;border:1px solid #eef0f4;border-radius:12px;overflow:hidden}.dist-detail-header{border-bottom:1px solid #eef0f4;align-items:center;gap:14px;padding:20px;display:flex}.dist-detail-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.dist-detail-name{color:#2d3436;margin:0;font-size:18px;font-weight:700}.dist-detail-code{color:#95a5a6;margin-top:2px;font-size:12px}.dist-detail-status{margin-left:auto}.dist-tabs{border-bottom:1px solid #eef0f4;padding:0 20px;display:flex}.dist-tab{color:#95a5a6;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.dist-tab:hover{color:#636e72}.dist-tab.active{color:#6c5ce7;border-bottom-color:#6c5ce7}.dist-tab-content{max-height:calc(100vh - 350px);padding:20px;overflow-y:auto}.dist-info-grid{gap:0;display:grid}.dist-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.dist-address-card{background:#f8f9fc;border:1px solid #eef0f4;border-radius:10px;padding:14px}.dist-address-type{text-transform:uppercase;letter-spacing:.5px;color:#6c5ce7;margin-bottom:6px;font-size:10px;font-weight:700}.dist-address-label{color:#2d3436;margin-bottom:4px;font-size:14px;font-weight:600}.dist-address-detail{color:#636e72;font-size:12px;line-height:1.4}@media (width<=900px){.dist-layout{grid-template-columns:1fr}.dist-list-body{max-height:300px}}.plat-apps-section{margin-bottom:28px;animation:.4s fadeSlideUp}.plat-apps-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.plat-apps-header h3{color:#2d3436;font-size:16px;font-weight:700}.plat-apps-count{color:#95a5a6;background:#f0f2f5;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:500}.plat-apps-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.plat-app-card{color:#2d3436;cursor:pointer;background:#fff;border:1px solid #eef0f4;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.plat-app-card:before{content:"";background:var(--card-color,#667eea);opacity:0;width:4px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.plat-app-card:hover{border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 24px #00000012}.plat-app-card:hover:before{opacity:1}.plat-app-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;transition:transform .25s;display:flex}.plat-app-card:hover .plat-app-icon{transform:scale(1.08)}.plat-app-body{flex-direction:column;flex:1;min-width:0;display:flex}.plat-app-name{color:#2d3436;margin-bottom:2px;font-size:15px;font-weight:600}.plat-app-desc{color:#b2bec3;font-size:11px;font-weight:400}.plat-app-arrow{color:#dfe6e9;flex-shrink:0;font-size:22px;font-weight:300;transition:all .2s}.plat-app-card:hover .plat-app-arrow{color:#667eea;transform:translate(3px)}.plat-empty{text-align:center;color:#b2bec3;padding:48px 20px;font-size:14px}.plat-status{border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.plat-status.loading{color:#d97706;background:#fffbeb}.plat-status.dispatched{color:#667eea;background:#f0f4ff}.plat-status.delivered{color:#16a34a;background:#f0fdf4}.topbar{justify-content:space-between}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.theme-toggle{background:#f0f2f5;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.theme-btn{cursor:pointer;color:#95a5a6;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:28px;font-size:14px;transition:all .2s;display:flex}.theme-btn:hover{color:#2d3436;background:#ffffffb3}.theme-btn.active{color:#667eea;background:#fff;box-shadow:0 1px 4px #0000001a}.notif-wrapper{position:relative}.notif-bell-btn{cursor:pointer;color:#636e72;background:#fff;border:1px solid #eef0f4;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .2s;display:flex;position:relative}.notif-bell-btn:hover,.notif-bell-btn.active{color:#667eea;background:#f0f0ff;border-color:#667eea}.notif-badge{color:#fff;text-align:center;background:#e74c3c;border:2px solid #fff;border-radius:10px;min-width:18px;padding:2px 5px;font-size:9px;font-weight:700;line-height:1.3;position:absolute;top:-5px;right:-5px}.notif-panel{z-index:100;background:#fff;border:1px solid #eef0f4;border-radius:14px;width:380px;animation:.2s fadeSlideUp;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f}.notif-panel-header{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-panel-title{color:#2d3436;font-size:14px;font-weight:700}.notif-mark-read{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.notif-mark-read:hover{background:#667eea14}.notif-list{max-height:360px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.notif-item{cursor:pointer;border-bottom:1px solid #f5f6fa;padding:12px 18px;transition:background .15s;position:relative}.notif-item:hover{background:#f8f9fc}.notif-item.unread{background:#667eea08}.notif-item-title{color:#2d3436;margin-bottom:3px;padding-right:14px;font-size:13px;font-weight:600}.notif-item-body{color:#636e72;margin-bottom:4px;font-size:12px;line-height:1.45}.notif-item-time{color:#b2bec3;font-size:11px}.notif-dot{background:#667eea;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.notif-empty{text-align:center;color:#b2bec3;padding:32px 18px;font-size:14px}.notif-panel-footer{text-align:center;border-top:1px solid #eef0f4;padding:10px 18px}.notif-view-all{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.notif-view-all:hover{background:#667eea14}.sidebar-settings-btn{cursor:pointer;color:#636e72;text-align:left;background:0 0;border:none;border-top:1px solid #eef0f4;align-items:center;gap:10px;width:100%;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sidebar-settings-btn:hover{color:#2d3436;background:#f8f9fc}.sidebar-settings-btn.active{color:#667eea;background:#667eea0f}.sidebar-settings-icon{background:#f0f2f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .25s;display:flex}.sidebar-settings-btn.active .sidebar-settings-icon{background:#667eea1f}.sidebar.collapsed .sidebar-settings-btn{justify-content:center;padding:10px 0}.sidebar-settings-wrap{position:relative}.settings-hover-menu{opacity:0;pointer-events:none;z-index:50;background:#fff;border:1px solid #e6e9ef;border-radius:10px;flex-direction:column;gap:2px;padding:6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:calc(100% + 6px);left:12px;right:12px;transform:translateY(6px);box-shadow:0 12px 28px #0f172a1f,0 2px 6px #0f172a0f}.sidebar-settings-wrap:hover .settings-hover-menu,.sidebar-settings-wrap:focus-within .settings-hover-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar-settings-wrap.menu-dismissed:hover .settings-hover-menu,.sidebar-settings-wrap.menu-dismissed:focus-within .settings-hover-menu{opacity:0;pointer-events:none;transform:translateY(6px)}.settings-hover-menu:after{content:"";height:8px;position:absolute;bottom:-8px;left:0;right:0}.settings-hover-item{text-align:left;width:100%;font:inherit;color:#2d3436;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.settings-hover-item:hover{background:#f3f5fb}.settings-hover-item.danger{color:#d6336c}.settings-hover-item.danger:hover{background:#fff0f4}.settings-hover-icon{color:#4a5360;background:#f0f2f8;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.settings-hover-item.danger .settings-hover-icon{color:#d6336c;background:#fde8ee}.sidebar.collapsed .settings-hover-menu{width:180px;bottom:0;left:calc(100% + 8px);right:auto}.settings-page{animation:.3s fadeSlideUp}.settings-breadcrumb{align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.settings-breadcrumb-link{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:500}.settings-breadcrumb-link:hover{text-decoration:underline}.settings-breadcrumb-sep{color:#b2bec3;font-size:15px}.settings-breadcrumb-cur{color:#636e72;font-weight:500}.settings-header{margin-bottom:20px}.settings-title{color:#2d3436;margin-bottom:4px;font-size:22px;font-weight:700}.settings-sub{color:#95a5a6;font-size:13px}.settings-tabs{gap:4px;margin-bottom:20px;display:flex}.settings-tab{color:#636e72;cursor:pointer;background:#fff;border:1.5px solid #eef0f4;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.settings-tab:hover{color:#667eea;border-color:#667eea}.settings-tab.active{color:#667eea;background:#667eea14;border-color:#667eea;font-weight:600}.settings-card{background:#fff;border:1px solid #eef0f4;border-radius:14px;padding:28px;box-shadow:0 1px 4px #0000000a}.settings-loading,.settings-empty{text-align:center;color:#b2bec3;padding:40px;font-size:14px}.settings-profile-row{align-items:flex-start;gap:28px;display:flex}.settings-avatar-lg{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;font-weight:700;display:flex}.settings-profile-fields{flex-direction:column;flex:1;gap:10px;display:flex}.settings-field{flex-direction:column;gap:2px;display:flex}.settings-field-label{color:#95a5a6;text-transform:lowercase;letter-spacing:.3px;font-size:11px;font-weight:500}.settings-field-value{color:#2d3436;font-size:14px;font-weight:500}.settings-field-bold{font-weight:700}.settings-field-row{align-items:center;gap:8px;display:flex}.settings-status-badge{border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.settings-status-badge.active{color:#27ae60;background:#e8faf0;border:1px solid #a3e6c0}.settings-status-badge.inactive{color:#e74c3c;background:#fff5f5;border:1px solid #fecaca}.settings-profile-actions{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.settings-change-pwd-btn{color:#2d3436;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #dfe6e9;border-radius:9px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.settings-change-pwd-btn:hover{color:#667eea;background:#667eea0a;border-color:#667eea}.settings-logout-btn{color:#e74c3c;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #fecaca;border-radius:9px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.settings-logout-btn:hover{background:#fff5f5;border-color:#e74c3c}.settings-roles{border-top:1px solid #eef0f4;margin-top:28px;padding-top:24px}.settings-roles-title{color:#2d3436;margin-bottom:14px;font-size:15px;font-weight:700}.settings-roles-grid{flex-wrap:wrap;gap:14px;display:flex}.settings-role-card{background:#fafbfc;border:1.5px solid #eef0f4;border-radius:12px;flex:1;min-width:180px;max-width:260px;padding:18px 20px;transition:all .2s;position:relative}.settings-role-card.current{background:#667eea08;border-color:#667eea}.settings-role-badge{color:#667eea;background:#fff;border:1px solid #667eea;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.settings-role-name{color:#2d3436;text-align:center;margin-bottom:4px;font-size:15px;font-weight:700}.settings-role-company{color:#95a5a6;text-align:center;font-size:12px}.settings-perms-card{padding:0;overflow:hidden}.settings-perm-row{border-bottom:1px solid #f5f6fa}.settings-perm-row:last-child{border-bottom:none}.settings-perm-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;font-family:inherit;transition:background .15s;display:flex}.settings-perm-header:hover{background:#f8f9fc}.settings-perm-left{align-items:center;gap:12px;display:flex}.settings-perm-icon{text-align:center;width:28px;font-size:15px}.settings-perm-name{color:#2d3436;font-size:14px;font-weight:500}.settings-perm-right{align-items:center;gap:10px;display:flex}.settings-perm-count{color:#636e72;background:#f0f2f5;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:600}.settings-perm-chevron{color:#b2bec3;font-size:18px;transition:transform .25s;display:inline-block}.settings-perm-chevron.open{transform:rotate(90deg)}.settings-perm-items{flex-direction:column;gap:6px;padding:8px 20px 14px 60px;animation:.2s expandDown;display:flex}.settings-perm-item{color:#636e72;border-bottom:1px solid #f5f6fa;padding:4px 0;font-size:13px}.nav-home{cursor:pointer;color:#636e72;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-home:hover{color:#2d3436;background:#f8f9fc}.nav-home.active{color:#667eea;background:#667eea0f}.sidebar.collapsed .nav-home{justify-content:center;padding:8px 0}[data-theme=dark] body{color:#e2e8f0;background:#0d0d1a}[data-theme=dark] .sidebar{background:#111120;border-right-color:#1e1e30}[data-theme=dark] .sidebar-brand{border-bottom-color:#1e1e30}[data-theme=dark] .nav-section-title{color:#3a3a5a}[data-theme=dark] .nav-platform-link,[data-theme=dark] .nav-home,[data-theme=dark] .sidebar-settings-btn{color:#88a}[data-theme=dark] .nav-platform-link:hover,[data-theme=dark] .nav-home:hover,[data-theme=dark] .sidebar-settings-btn:hover{color:#e2e8f0;background:#1a1a2e}[data-theme=dark] .nav-home.active,[data-theme=dark] .sidebar-settings-btn.active{color:#818cf8;background:#818cf814}[data-theme=dark] .nav-icon{color:#4a4a6a;background:#1a1a2e}[data-theme=dark] .sidebar-user{border-top-color:#1e1e30}[data-theme=dark] .user-email{color:#4a4a6a}[data-theme=dark] .logout-btn{color:#4a4a6a;background:#111120;border-color:#1e1e30}[data-theme=dark] .logout-btn:hover{color:#e74c3c;background:#1a0f0f;border-color:#5a1a1a}[data-theme=dark] .collapse-btn{color:#4a4a6a;background:#111120;border-color:#1e1e30}[data-theme=dark] .sidebar-settings-btn{border-top-color:#1e1e30}[data-theme=dark] .sidebar-settings-icon{background:#1a1a2e}[data-theme=dark] .main-area{background:#0d0d1a}[data-theme=dark] .topbar{background:#111120;border-bottom-color:#1e1e30}[data-theme=dark] .topbar-title h1{color:#e2e8f0}[data-theme=dark] .topbar-section{color:#4a4a6a}[data-theme=dark] .topbar-back-link{color:#a3b1ff}[data-theme=dark] .topbar-back-link:hover{color:#e2e8f0;background:#667eea26}[data-theme=dark] .topbar-sep{color:#4a4a6a}[data-theme=dark] .theme-toggle{background:#1a1a2e}[data-theme=dark] .theme-btn{color:#4a4a6a}[data-theme=dark] .theme-btn:hover{color:#e2e8f0;background:#ffffff0d}[data-theme=dark] .theme-btn.active{color:#818cf8;background:#0d0d1a}[data-theme=dark] .notif-bell-btn{color:#88a;background:#111120;border-color:#1e1e30}[data-theme=dark] .notif-bell-btn:hover,[data-theme=dark] .notif-bell-btn.active{color:#818cf8;background:#1a1a2e;border-color:#818cf8}[data-theme=dark] .notif-panel{background:#111120;border-color:#1e1e30;box-shadow:0 12px 40px #00000080}[data-theme=dark] .notif-panel-header{border-bottom-color:#1e1e30}[data-theme=dark] .notif-panel-title{color:#e2e8f0}[data-theme=dark] .notif-item{border-bottom-color:#1a1a2e}[data-theme=dark] .notif-item:hover{background:#1a1a2e}[data-theme=dark] .notif-item.unread{background:#818cf80a}[data-theme=dark] .notif-item-title{color:#e2e8f0}[data-theme=dark] .notif-item-body{color:#88a}[data-theme=dark] .notif-panel-footer{border-top-color:#1e1e30}[data-theme=dark] .content{background:#0d0d1a}[data-theme=dark] .card{background:#111120;border-color:#1e1e30}[data-theme=dark] .settings-page .settings-title{color:#e2e8f0}[data-theme=dark] .settings-page .settings-sub{color:#4a4a6a}[data-theme=dark] .settings-breadcrumb-cur{color:#88a}[data-theme=dark] .settings-tab{color:#88a;background:#111120;border-color:#1e1e30}[data-theme=dark] .settings-tab:hover{color:#818cf8;border-color:#818cf8}[data-theme=dark] .settings-tab.active{color:#818cf8;background:#818cf81a;border-color:#818cf8}[data-theme=dark] .settings-card{background:#111120;border-color:#1e1e30}[data-theme=dark] .settings-field-label{color:#4a4a6a}[data-theme=dark] .settings-field-value,[data-theme=dark] .settings-roles-title{color:#e2e8f0}[data-theme=dark] .settings-roles{border-top-color:#1e1e30}[data-theme=dark] .settings-role-card{background:#1a1a2e;border-color:#1e1e30}[data-theme=dark] .settings-role-card.current{background:#818cf80a;border-color:#818cf8}[data-theme=dark] .settings-role-badge{color:#818cf8;background:#111120;border-color:#818cf8}[data-theme=dark] .settings-role-name{color:#e2e8f0}[data-theme=dark] .settings-role-company{color:#4a4a6a}[data-theme=dark] .settings-perm-row{border-bottom-color:#1a1a2e}[data-theme=dark] .settings-perm-header:hover{background:#1a1a2e}[data-theme=dark] .settings-perm-name{color:#e2e8f0}[data-theme=dark] .settings-perm-count{color:#88a;background:#1a1a2e}[data-theme=dark] .settings-perm-chevron{color:#3a3a5a}[data-theme=dark] .settings-perm-item{color:#88a;border-bottom-color:#1a1a2e}[data-theme=dark] .settings-change-pwd-btn{color:#e2e8f0;background:#111120;border-color:#2a2a40}[data-theme=dark] .settings-change-pwd-btn:hover{color:#818cf8;background:#818cf80f;border-color:#818cf8}[data-theme=dark] .settings-logout-btn{color:#e74c3c;background:#111120;border-color:#5a1a1a}[data-theme=dark] .settings-logout-btn:hover{background:#1a0f0f}@media (prefers-color-scheme:dark){[data-theme=default] body{color:#e2e8f0;background:#0d0d1a}[data-theme=default] .sidebar{background:#111120;border-right-color:#1e1e30}[data-theme=default] .sidebar-brand{border-bottom-color:#1e1e30}[data-theme=default] .brand-name{color:#e2e8f0}[data-theme=default] .brand-sub{color:#4a4a6a}[data-theme=default] .nav-section-title{color:#3a3a5a}[data-theme=default] .nav-platform-link,[data-theme=default] .nav-home,[data-theme=default] .sidebar-settings-btn{color:#88a}[data-theme=default] .nav-platform-link:hover,[data-theme=default] .nav-home:hover,[data-theme=default] .sidebar-settings-btn:hover{color:#e2e8f0;background:#1a1a2e}[data-theme=default] .nav-icon{color:#4a4a6a;background:#1a1a2e}[data-theme=default] .sidebar-user{border-top-color:#1e1e30}[data-theme=default] .user-email{color:#4a4a6a}[data-theme=default] .logout-btn{color:#4a4a6a;background:#111120;border-color:#1e1e30}[data-theme=default] .sidebar-settings-btn{border-top-color:#1e1e30}[data-theme=default] .sidebar-settings-icon{background:#1a1a2e}[data-theme=default] .topbar{background:#111120;border-bottom-color:#1e1e30}[data-theme=default] .topbar-title h1{color:#e2e8f0}[data-theme=default] .theme-toggle{background:#1a1a2e}[data-theme=default] .theme-btn{color:#4a4a6a}[data-theme=default] .theme-btn.active{color:#818cf8;background:#0d0d1a}[data-theme=default] .notif-bell-btn{color:#88a;background:#111120;border-color:#1e1e30}[data-theme=default] .notif-panel{background:#111120;border-color:#1e1e30}[data-theme=default] .notif-panel-header{border-bottom-color:#1e1e30}[data-theme=default] .notif-panel-title{color:#e2e8f0}[data-theme=default] .notif-item{border-bottom-color:#1a1a2e}[data-theme=default] .notif-item:hover{background:#1a1a2e}[data-theme=default] .notif-item-title{color:#e2e8f0}[data-theme=default] .notif-item-body{color:#88a}[data-theme=default] .notif-panel-footer{border-top-color:#1e1e30}[data-theme=default] .content{background:#0d0d1a}[data-theme=default] .card,[data-theme=default] .settings-card{background:#111120;border-color:#1e1e30}[data-theme=default] .settings-title{color:#e2e8f0}[data-theme=default] .settings-tab{color:#88a;background:#111120;border-color:#1e1e30}[data-theme=default] .settings-tab.active{color:#818cf8;background:#818cf81a;border-color:#818cf8}[data-theme=default] .settings-field-label{color:#4a4a6a}[data-theme=default] .settings-field-value{color:#e2e8f0}[data-theme=default] .settings-roles{border-top-color:#1e1e30}[data-theme=default] .settings-roles-title{color:#e2e8f0}[data-theme=default] .settings-role-card{background:#1a1a2e;border-color:#1e1e30}[data-theme=default] .settings-role-name{color:#e2e8f0}[data-theme=default] .settings-role-company{color:#4a4a6a}[data-theme=default] .settings-perm-header:hover{background:#1a1a2e}[data-theme=default] .settings-perm-name{color:#e2e8f0}[data-theme=default] .settings-perm-count{color:#88a;background:#1a1a2e}[data-theme=default] .settings-change-pwd-btn{color:#e2e8f0;background:#111120;border-color:#2a2a40}[data-theme=default] .settings-logout-btn{color:#e74c3c;background:#111120;border-color:#5a1a1a}[data-theme=default] .main-area{background:#0d0d1a}}.cpwd-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.cpwd-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:28px 32px;animation:.2s slideUp;box-shadow:0 24px 64px #0000002e}.cpwd-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.cpwd-title{color:#2d3436;font-size:17px;font-weight:700}.cpwd-close{cursor:pointer;color:#636e72;background:#f0f2f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .2s;display:flex}.cpwd-close:hover{color:#e74c3c;background:#fecaca}.cpwd-form{flex-direction:column;gap:16px;display:flex}.cpwd-error{color:#e74c3c;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.cpwd-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:13px}.cpwd-field{flex-direction:column;gap:6px;display:flex}.cpwd-label{color:#636e72;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.cpwd-input-wrap{position:relative}.cpwd-input{color:#2d3436;background:#fafbfc;border:1.5px solid #e0e3e8;border-radius:10px;width:100%;padding:10px 60px 10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.cpwd-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.cpwd-eye{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cpwd-eye:hover{background:#f0f0ff}.cpwd-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.cpwd-cancel{color:#636e72;cursor:pointer;background:#fff;border:1.5px solid #e0e3e8;border-radius:9px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.cpwd-cancel:hover{color:#2d3436;border-color:#b2bec3}.cpwd-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:9px;padding:9px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:all .25s}.cpwd-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #667eea59}.cpwd-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=dark] .cpwd-modal{background:#111120;box-shadow:0 24px 64px #0009}[data-theme=dark] .cpwd-title{color:#e2e8f0}[data-theme=dark] .cpwd-close{color:#88a;background:#1a1a2e}[data-theme=dark] .cpwd-input{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .cpwd-input:focus{background:#1e1e32;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}[data-theme=dark] .cpwd-label{color:#4a4a6a}[data-theme=dark] .cpwd-cancel{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .alerts-panel{background:#111120;border-color:#1e1e30}[data-theme=dark] .alerts-header h3{color:#e2e8f0}[data-theme=dark] .alerts-badge.ok{color:#4ade80;background:#16a34a1f}[data-theme=dark] .alerts-badge.danger{color:#f87171;background:#e74c3c1f}[data-theme=dark] .alerts-loading,[data-theme=dark] .alerts-empty{color:#4a4a6a}[data-theme=dark] .alerts-count-link{color:#818cf8}[data-theme=dark] .alert-summary-block.expired{background:#e74c3c14;border-color:#e74c3c40}[data-theme=dark] .alert-summary-block.warning{background:#d9770614;border-color:#d9770640}[data-theme=dark] .alert-summary-block.info{background:#818cf814;border-color:#818cf840}[data-theme=dark] .alert-block{background:#1a1a2e}[data-theme=dark] .alert-block.expired{border-color:#e74c3c4d}[data-theme=dark] .alert-block.warning{border-color:#d977064d}[data-theme=dark] .ab-type.expired{background:#e74c3c1f}[data-theme=dark] .ab-type.warning{background:#d977061f}[data-theme=dark] .ab-count{color:#e2e8f0}[data-theme=dark] .ab-table{color:#88a}[data-theme=dark] .ab-col{color:#4a4a6a}[data-theme=dark] .charts-panel{background:#111120;border-color:#1e1e30}[data-theme=dark] .charts-panel-header h3{color:#e2e8f0}[data-theme=dark] .charts-badge{color:#818cf8;background:#818cf81f}[data-theme=dark] .chart-card{background:#1a1a2e;border-color:#1e1e30}[data-theme=dark] .chart-card-title{color:#e2e8f0}[data-theme=dark] .chart-bar-label{color:#88a}[data-theme=dark] .chart-bar-value{color:#e2e8f0}[data-theme=dark] .chart-bar-track{background:#0d0d1a}[data-theme=dark] .chart-bar-rank{color:#88a;background:#2a2a40}[data-theme=dark] .charts-loading,[data-theme=dark] .charts-empty{color:#4a4a6a}[data-theme=dark] .summary-card{background:#111120;border-color:#1e1e30}[data-theme=dark] .summary-value{color:#e2e8f0}[data-theme=dark] .summary-label{color:#4a4a6a}[data-theme=dark] .overview-section-header h3{color:#e2e8f0}[data-theme=dark] .overview-section-count{color:#4a4a6a}[data-theme=dark] .overview-table-card{background:#111120;border-color:#1e1e30}[data-theme=dark] .overview-table-card:hover{border-color:#818cf8;box-shadow:0 4px 14px #818cf81a}[data-theme=dark] .otc-name{color:#e2e8f0}[data-theme=dark] .otc-count{color:#818cf8}[data-theme=dark] .otc-rows{color:#4a4a6a}[data-theme=dark] .data-table th{color:#818cf8;background:#1a1a2e;border-bottom-color:#1e1e30}[data-theme=dark] .data-table th:hover{background:#1e1e36}[data-theme=dark] .data-table td{color:#88a;border-bottom-color:#1a1a2e}[data-theme=dark] .data-table tbody tr:hover{background:#818cf80a}[data-theme=dark] .data-table tbody tr:hover td{color:#e2e8f0}[data-theme=dark] .null-val{color:#2a2a40}[data-theme=dark] .row-num{color:#2a2a40!important}[data-theme=dark] .data-table tbody tr:hover .row-num{color:#818cf8!important}[data-theme=dark] .filter-bar{border-bottom-color:#1e1e30}[data-theme=dark] .filter-group label{color:#4a4a6a}[data-theme=dark] .filter-input,[data-theme=dark] .filter-select{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .filter-input:focus,[data-theme=dark] .filter-select:focus{background:#1e1e32;border-color:#818cf8;box-shadow:0 0 0 3px #818cf814}[data-theme=dark] .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a4a6a'/%3E%3C/svg%3E")}[data-theme=dark] .filter-expiry-btn,[data-theme=dark] .filter-clear-btn{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .filter-info{color:#4a4a6a}[data-theme=dark] .pagination{border-top-color:#1a1a2e}[data-theme=dark] .pg-btn{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .pg-btn:hover:not(:disabled){color:#fff;background:#818cf8;border-color:#818cf8}[data-theme=dark] .pg-info{color:#88a}[data-theme=dark] .pg-total,[data-theme=dark] .table-status{color:#4a4a6a}[data-theme=dark] .loader{border-color:#818cf8 #1e1e30 #1e1e30}[data-theme=dark] .nav-divider{background:#1e1e30}@media (prefers-color-scheme:dark){[data-theme=default] .alerts-panel{background:#111120;border-color:#1e1e30}[data-theme=default] .alerts-header h3{color:#e2e8f0}[data-theme=default] .alert-summary-block.expired{background:#e74c3c14;border-color:#e74c3c40}[data-theme=default] .alert-summary-block.warning{background:#d9770614;border-color:#d9770640}[data-theme=default] .alert-summary-block.info{background:#818cf814;border-color:#818cf840}[data-theme=default] .alert-block{background:#1a1a2e}[data-theme=default] .alert-block.expired{border-color:#e74c3c4d}[data-theme=default] .alert-block.warning{border-color:#d977064d}[data-theme=default] .ab-count{color:#e2e8f0}[data-theme=default] .ab-table{color:#88a}[data-theme=default] .ab-col{color:#4a4a6a}[data-theme=default] .charts-panel{background:#111120;border-color:#1e1e30}[data-theme=default] .charts-panel-header h3{color:#e2e8f0}[data-theme=default] .charts-badge{color:#818cf8;background:#818cf81f}[data-theme=default] .chart-card{background:#1a1a2e;border-color:#1e1e30}[data-theme=default] .chart-card-title{color:#e2e8f0}[data-theme=default] .chart-bar-label{color:#88a}[data-theme=default] .chart-bar-value{color:#e2e8f0}[data-theme=default] .chart-bar-track{background:#0d0d1a}[data-theme=default] .summary-card{background:#111120;border-color:#1e1e30}[data-theme=default] .summary-value{color:#e2e8f0}[data-theme=default] .summary-label{color:#4a4a6a}[data-theme=default] .overview-section-header h3{color:#e2e8f0}[data-theme=default] .overview-table-card{background:#111120;border-color:#1e1e30}[data-theme=default] .overview-table-card:hover{border-color:#818cf8}[data-theme=default] .otc-name{color:#e2e8f0}[data-theme=default] .otc-count{color:#818cf8}[data-theme=default] .otc-rows{color:#4a4a6a}[data-theme=default] .data-table th{color:#818cf8;background:#1a1a2e;border-bottom-color:#1e1e30}[data-theme=default] .data-table td{color:#88a;border-bottom-color:#1a1a2e}[data-theme=default] .data-table tbody tr:hover{background:#818cf80a}[data-theme=default] .data-table tbody tr:hover td{color:#e2e8f0}[data-theme=default] .filter-bar{border-bottom-color:#1e1e30}[data-theme=default] .filter-input,[data-theme=default] .filter-select{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=default] .filter-expiry-btn,[data-theme=default] .filter-clear-btn{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=default] .pagination{border-top-color:#1a1a2e}[data-theme=default] .pg-btn{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=default] .pg-btn:hover:not(:disabled){color:#fff;background:#818cf8;border-color:#818cf8}[data-theme=default] .pg-info{color:#88a}[data-theme=default] .loader{border-color:#818cf8 #1e1e30 #1e1e30}[data-theme=default] .nav-divider{background:#1e1e30}}[data-theme=dark] .plat-topbar-dashboard-btn{color:#818cf8}[data-theme=dark] .plat-topbar-sep{color:#3a3a5a}[data-theme=dark] .plat-nav-item{color:#88a}[data-theme=dark] .plat-nav-item:hover{color:#e2e8f0;background:#1a1a2e}[data-theme=dark] .plat-nav-item.active{color:#e2e8f0;background:#818cf814}[data-theme=dark] .plat-back-btn{color:#4a4a6a}[data-theme=dark] .plat-back-btn:hover{color:#818cf8}[data-theme=dark] .brand-name{color:#e2e8f0}[data-theme=dark] .brand-sub{color:#4a4a6a}[data-theme=dark] .plat-page-header{background:#111120;border-bottom-color:#1e1e30}[data-theme=dark] .plat-page-header h1{color:#e2e8f0}[data-theme=dark] .plat-page-header p{color:#4a4a6a}[data-theme=dark] .plat-content{background:#0d0d1a}[data-theme=dark] .plat-card{background:#111120;border-color:#1e1e30}[data-theme=dark] .plat-card-value{color:#e2e8f0}[data-theme=dark] .plat-card-label{color:#4a4a6a}[data-theme=dark] .plat-quick-link{color:#e2e8f0;background:#111120;border-color:#1e1e30}[data-theme=dark] .plat-quick-link:hover{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .plat-quick-link-icon{color:#88a;background:#1a1a2e}[data-theme=dark] .plat-po-panel{background:#111120;border-color:#1e1e30}[data-theme=dark] .plat-po-panel-header{color:#e2e8f0;background:#1a1a2e;border-bottom-color:#1e1e30}[data-theme=dark] .plat-po-item{border-color:#1e1e30}[data-theme=dark] .plat-po-item:hover{background:#1a1a2e}[data-theme=dark] .plat-po-item-title{color:#e2e8f0}[data-theme=dark] .plat-po-item-sub{color:#4a4a6a}[data-theme=dark] .plat-stock-row{border-bottom-color:#1a1a2e}[data-theme=dark] .plat-stock-label{color:#e2e8f0}[data-theme=dark] .plat-stock-val.green{color:#4ade80;background:#16a34a1f}[data-theme=dark] .plat-stock-val.yellow{color:#fbbf24;background:#d977061f}[data-theme=dark] .plat-stock-val.red{color:#f87171;background:#e74c3c1f}[data-theme=dark] .plat-stock-val.neutral{color:#88a;background:#1a1a2e}[data-theme=dark] .plat-comparison-result.sufficient{background:#16a34a14;border-color:#16a34a40}[data-theme=dark] .plat-comparison-result.partial{background:#d9770614;border-color:#d9770640}[data-theme=dark] .plat-comparison-result.empty,[data-theme=dark] .plat-comparison-result.none{background:#e74c3c14;border-color:#e74c3c40}[data-theme=dark] .plat-comp-text strong{color:#e2e8f0}[data-theme=dark] .plat-comp-text span{color:#88a}[data-theme=dark] .plat-loaded-remove:hover{background:#e74c3c1a}[data-theme=dark] .plat-btn-secondary{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .plat-btn-secondary:hover{color:#e2e8f0}[data-theme=dark] .plat-app-card{color:#e2e8f0;background:#111120;border-color:#1e1e30}[data-theme=dark] .plat-app-name{color:#e2e8f0}[data-theme=dark] .plat-app-desc{color:#4a4a6a}[data-theme=dark] .plat-app-arrow{color:#2a2a40}[data-theme=dark] .plat-app-card:hover{box-shadow:0 8px 24px #00000059}[data-theme=dark] .plat-status.loading{color:#fbbf24;background:#d977061f}[data-theme=dark] .plat-status.dispatched{color:#818cf8;background:#818cf81f}[data-theme=dark] .plat-status.delivered{color:#4ade80;background:#16a34a1f}[data-theme=dark] .dist-layout{background:#0d0d1a}[data-theme=dark] .dist-list-header,[data-theme=dark] .dist-detail-header{color:#e2e8f0;background:#111120;border-bottom-color:#1e1e30}[data-theme=dark] .dist-search{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .dist-list-body{background:#111120}[data-theme=dark] .dist-item{color:#88a;border-bottom-color:#1a1a2e}[data-theme=dark] .dist-item:hover{background:#1a1a2e}[data-theme=dark] .dist-item.selected{background:#818cf814}[data-theme=dark] .dist-item-name{color:#e2e8f0}[data-theme=dark] .dist-detail-panel{background:#111120;border-left-color:#1e1e30}[data-theme=dark] .dist-detail-name{color:#e2e8f0}[data-theme=dark] .dist-detail-code{color:#4a4a6a}[data-theme=dark] .dist-tabs{border-bottom-color:#1e1e30}[data-theme=dark] .dist-tab{color:#4a4a6a}[data-theme=dark] .dist-tab:hover{color:#88a}[data-theme=dark] .dist-tab.active{color:#818cf8;border-bottom-color:#818cf8}[data-theme=dark] .dist-info-grid .dist-field-label{color:#4a4a6a}[data-theme=dark] .dist-info-grid .dist-field-value{color:#e2e8f0}[data-theme=dark] .dist-address-card{background:#1a1a2e;border-color:#1e1e30}[data-theme=dark] .dist-address-label{color:#e2e8f0}[data-theme=dark] .dist-address-detail{color:#88a}@media (prefers-color-scheme:dark){[data-theme=default] .plat-nav-item{color:#88a}[data-theme=default] .plat-nav-item:hover{color:#e2e8f0;background:#1a1a2e}[data-theme=default] .plat-nav-item.active{color:#e2e8f0;background:#818cf814}[data-theme=default] .plat-back-btn{color:#4a4a6a}[data-theme=default] .plat-page-header{background:#111120;border-bottom-color:#1e1e30}[data-theme=default] .plat-page-header h1{color:#e2e8f0}[data-theme=default] .plat-page-header p{color:#4a4a6a}[data-theme=default] .plat-content{background:#0d0d1a}[data-theme=default] .plat-card{background:#111120;border-color:#1e1e30}[data-theme=default] .plat-card-value{color:#e2e8f0}[data-theme=default] .plat-card-label{color:#4a4a6a}[data-theme=default] .plat-quick-link{color:#e2e8f0;background:#111120;border-color:#1e1e30}[data-theme=default] .plat-quick-link-icon{background:#1a1a2e}[data-theme=default] .plat-po-panel{background:#111120;border-color:#1e1e30}[data-theme=default] .plat-po-panel-header{color:#e2e8f0;background:#1a1a2e;border-bottom-color:#1e1e30}[data-theme=default] .plat-po-item{border-color:#1e1e30}[data-theme=default] .plat-po-item:hover{background:#1a1a2e}[data-theme=default] .plat-po-item-title{color:#e2e8f0}[data-theme=default] .plat-po-item-sub{color:#4a4a6a}[data-theme=default] .plat-stock-label{color:#e2e8f0}[data-theme=default] .plat-stock-row{border-bottom-color:#1a1a2e}[data-theme=default] .plat-btn-secondary{color:#88a;background:#1a1a2e;border-color:#2a2a40}[data-theme=default] .plat-app-card{color:#e2e8f0;background:#111120;border-color:#1e1e30}[data-theme=default] .plat-app-name{color:#e2e8f0}[data-theme=default] .plat-app-desc{color:#4a4a6a}}.lr-toolbar{border-bottom:1px solid #eef0f4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.lr-toolbar-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lr-mode-tabs{border-bottom:1px solid #0000;gap:4px;display:flex}.lr-mode-tab{color:#636e72;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600}.lr-mode-tab.active{color:#2d3436;border-bottom-color:#2d3436}.lr-field{color:#636e72;flex-direction:column;gap:4px;font-size:11px;display:flex}.lr-field>span{letter-spacing:.02em;text-transform:uppercase;font-weight:600}.lr-field>span em{color:#e67e22;text-transform:none;margin-left:4px;font-style:normal}.lr-field input,.lr-field select{color:#2d3436;background:#fff;border:1px solid #e0e3e8;border-radius:6px;min-width:160px;padding:7px 10px;font-family:inherit;font-size:13px}.lr-field input:disabled,.lr-field select:disabled{color:#95a5a6;background:#f5f6fa}.lr-search{border:1px solid #e0e3e8;border-radius:6px;min-width:240px;padding:7px 12px;font-family:inherit;font-size:13px}.lr-add-btn{color:#fff;cursor:pointer;background:#2d3436;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.lr-add-btn:disabled{opacity:.6;cursor:not-allowed}.lr-meta{color:#636e72;background:#fafbfd;border-bottom:1px solid #eef0f4;flex-wrap:wrap;gap:8px;padding:10px 16px;font-size:12px;display:flex}.lr-meta strong{color:#2d3436}.lr-error{color:#c0392b;background:#fff3f3;border:1px solid #f5c0c0;border-radius:6px;margin:10px 16px;padding:10px 12px;font-size:12px}.lr-hint{color:#636e72;background:#fafbfd;border-left:3px solid #dfe2ea;border-radius:4px;margin-top:12px;padding:10px 12px;font-size:12px}.lr-modal-backdrop{z-index:1000;background:#14161e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lr-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:620px;max-height:92vh;display:flex;box-shadow:0 18px 48px #0000003d}.lr-modal-header{border-bottom:2px solid #eef0f4;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.lr-modal-header h3{color:#2d3436;margin:0;font-size:15px;font-weight:700}.lr-modal-close{color:#95a5a6;cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:24px;line-height:1}.lr-modal-body{padding:18px;overflow-y:auto}.lr-form-row{margin-bottom:14px}.lr-form-row .lr-field select{width:100%}.lr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.lr-form-grid .lr-field input{width:100%}.lr-modal-footer{border-top:1px solid #eef0f4;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}@media (prefers-color-scheme:dark){[data-theme=default] .lr-toolbar{border-bottom-color:#1a1a2e}[data-theme=default] .lr-mode-tab{color:#88a}[data-theme=default] .lr-mode-tab.active{color:#e2e8f0}[data-theme=default] .lr-field>span{color:#88a}[data-theme=default] .lr-field input,[data-theme=default] .lr-field select,[data-theme=default] .lr-search{color:#e2e8f0;background:#111120;border-color:#2a2a40}[data-theme=default] .lr-field input:disabled,[data-theme=default] .lr-field select:disabled{color:#4a4a6a;background:#0b0b18}[data-theme=default] .lr-meta{color:#88a;background:#0b0b18;border-bottom-color:#1a1a2e}[data-theme=default] .lr-meta strong{color:#e2e8f0}[data-theme=default] .lr-hint{color:#88a;background:#111120;border-left-color:#2a2a40}[data-theme=default] .lr-modal{color:#e2e8f0;background:#111120}[data-theme=default] .lr-modal-header{border-bottom-color:#1a1a2e}[data-theme=default] .lr-modal-header h3{color:#e2e8f0}[data-theme=default] .lr-modal-footer{border-top-color:#1a1a2e}}[data-theme=dark] .lr-toolbar{border-bottom-color:#1a1a2e}[data-theme=dark] .lr-mode-tab{color:#88a}[data-theme=dark] .lr-mode-tab.active{color:#e2e8f0}[data-theme=dark] .lr-field>span{color:#88a}[data-theme=dark] .lr-field input,[data-theme=dark] .lr-field select,[data-theme=dark] .lr-search{color:#e2e8f0;background:#111120;border-color:#2a2a40}[data-theme=dark] .lr-field input:disabled,[data-theme=dark] .lr-field select:disabled{color:#4a4a6a;background:#0b0b18}[data-theme=dark] .lr-meta{color:#88a;background:#0b0b18;border-bottom-color:#1a1a2e}[data-theme=dark] .lr-meta strong{color:#e2e8f0}[data-theme=dark] .lr-hint{color:#88a;background:#111120;border-left-color:#2a2a40}[data-theme=dark] .lr-modal{color:#e2e8f0;background:#111120}[data-theme=dark] .lr-modal-header{border-bottom-color:#1a1a2e}[data-theme=dark] .lr-modal-header h3{color:#e2e8f0}[data-theme=dark] .lr-modal-footer{border-top-color:#1a1a2e}.upload-nav-item{color:#636e72;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 20px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex}.upload-nav-item:hover{color:#2d3436;background:#f8f9fc}.upload-nav-item.active{color:#2d3436;background:#667eea0a;font-weight:600}.upload-nav-logo{object-fit:contain;background:#fff;border:1px solid #eef0f4;border-radius:5px;flex-shrink:0;width:24px;height:24px;padding:2px}.sidebar.collapsed .upload-nav-item{justify-content:center;padding:8px 0}.sidebar.collapsed .upload-nav-logo{background:0 0;border:none}[data-theme=dark] .upload-nav-item{color:#88a}[data-theme=dark] .upload-nav-item:hover{color:#e2e8f0;background:#1a1a2e}[data-theme=dark] .upload-nav-item.active{color:#e2e8f0;background:#818cf814}[data-theme=dark] .upload-nav-logo{background:#1a1a2e;border-color:#2a2a40}.mobile-menu-btn{cursor:pointer;color:#636e72;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:none}.mobile-overlay{display:none}@media (width<=768px){.mobile-menu-btn{display:flex}.mobile-overlay{z-index:999;background:#00000073;display:block;position:fixed;inset:0}.sidebar{z-index:1000;transition:transform .26s;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000002e;width:270px!important;height:100vh!important;position:fixed!important}.sidebar.collapsed{transform:translate(-100%);width:270px!important}.sidebar.mobile-open{transform:translate(0)}.main-area{width:100%!important;margin-left:0!important}.topbar{gap:8px;padding:0 12px!important}.plat-topbar-dashboard-btn,.topbar-section{font-size:12px}.plat-cards,.summary-row{grid-template-columns:repeat(2,1fr)!important}.plat-po-layout,.dist-layout,.charts-grid,.chart-row{grid-template-columns:1fr!important}.table-wrap,.plat-table-wrap,.dist-orders-table{overflow-x:auto}.notif-panel{width:auto;left:0;right:0}.upload-iframe{padding:12px!important}}.mt-section{margin-top:24px}.mt-section:first-of-type{margin-top:16px}.mt-section-head{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.mt-section-title{letter-spacing:.02em;margin:0;font-size:15px;font-weight:600}.mt-section-actions{align-items:center;gap:8px;display:flex}.mt-edit-meta{color:#2d3436;background:#f1f3f7;border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:13px}.mt-section-title-bar{color:#fff;letter-spacing:.04em;background:#2d3436;border-radius:12px 12px 0 0;margin:0;padding:12px 18px;font-size:13px;font-weight:700}.mt-empty-target{text-align:center;background:#f8f9fd;border:1px dashed #c8cbd9;border-radius:6px;padding:18px}.mt-empty-target p{color:#2d3436;margin:0 0 12px}.mt-set-target{text-align:left;flex-direction:column;align-items:stretch;gap:10px;min-width:240px;margin:0 auto;display:inline-flex}.mt-set-target .lr-add-btn{align-self:stretch}.mt-hint{color:#636e72;margin:8px 0 0;font-size:12px}.mt-table{font-size:13px}.mt-table th{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#f1f3f7;font-size:11px}.mt-table td{white-space:nowrap}.mt-pct-green{color:#00a870;font-weight:600}.mt-pct-amber{color:#d89b00;font-weight:600}.mt-pct-red{color:#d63031;font-weight:600}.mt-card{position:relative}.mt-dashboard-table{min-width:1100px}.mt-sticky-col{background:inherit;z-index:1;position:sticky;left:0}.mt-dashboard-table thead .mt-sticky-col{z-index:2;background:#f1f3f7}.mt-dashboard-table tbody td.mt-sticky-col{background:#fff}.mt-dashboard-table tbody tr:nth-child(2n) td.mt-sticky-col{background:#fafbfd}.mt-grand-total-row td{border-top:2px solid #2d3436;font-weight:600;background:#edf2fa!important}.mt-grand-total-row td.mt-sticky-col{background:#edf2fa!important}.mt-no-target{color:#b2bec3;font-style:italic}.mt-dash-page{background:#f8f9fc;flex:1;min-height:0;animation:.4s fadeIn;overflow:hidden auto}.mt-dash-inner{max-width:100%;padding:24px}.mt-dash-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.mt-dash-title{color:#2d3436;flex:1;margin:0;font-size:22px;font-weight:700}.mt-dash-controls{align-items:flex-end;gap:12px;display:flex}.sec-dash-card{padding:20px;overflow:hidden}.sec-dash-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.sec-dash-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.sec-dash-icon{background:#eef3ff;border:1px solid #dde6ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.sec-dash-title{color:#2d3436;margin:0;font-size:22px;font-weight:700;line-height:1.2}.sec-dash-subtitle{color:#636e72;margin-top:4px;font-size:13px}.sec-dash-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.sec-dash-month input{min-width:168px}.sec-dash-refresh{align-items:center;gap:8px;height:40px;display:inline-flex}.sec-spin{animation:.8s linear infinite secSpin}@keyframes secSpin{to{transform:rotate(360deg)}}.sec-dash-meta{color:#636e72;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 18px;font-size:12px;display:flex}.sec-dash-meta span{background:#f8f9fd;border:1px solid #e8ebf3;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;display:inline-flex}.sec-dash-kpis{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:10px 0 22px;display:grid}.sec-kpi{background:#fbfcff;border:1px solid #e8ebf3;border-radius:8px;min-height:82px;padding:14px}.sec-kpi span{color:#636e72;text-transform:uppercase;font-size:12px;font-weight:600;display:block}.sec-kpi strong{color:#2d3436;word-break:break-word;margin-top:9px;font-size:22px;line-height:1.1;display:block}.sec-dash-section{margin-top:24px}.sec-dash-section-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.sec-dash-section-head h3{color:#2d3436;margin:0;font-size:16px;font-weight:700}.sec-dash-section-head span{color:#636e72;font-size:12px}.sec-dash-table{min-width:820px}.sec-summary-planning-table{min-width:1040px}.sec-detail-table{min-width:1080px}.sec-dash-table th,.sec-dash-table td{text-align:right}.sec-dash-table th:first-child,.sec-dash-table td:first-child,.sec-detail-table th:nth-child(-n+4),.sec-detail-table td:nth-child(-n+4),.sec-detail-with-format th:nth-child(-n+5),.sec-detail-with-format td:nth-child(-n+5){text-align:left}.sec-item-head{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;min-width:96px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.sec-item-premium{color:#0f766e;background:#e6f7f4}.sec-item-commodity{color:#9a6700;background:#fff4cf}.sec-item-other{color:#4f46e5;background:#eef2ff}.sec-total-row td{color:#2d3436;border-top:2px solid #2d3436;font-weight:700;background:#edf2fa!important}.fg-chart-toggle{align-items:center;gap:8px;height:40px;display:inline-flex}.fg-chart-panel{background:#fbfcff;border:1px solid #e8ebf3;border-radius:8px;margin:10px 0 24px;padding:16px}.fg-chart-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.fg-chart-head h3{color:#2d3436;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.fg-chart-head span{color:#636e72;margin-top:4px;font-size:12px;display:block}.fg-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.fg-chart-box{background:#fff;border:1px solid #edf0f6;border-radius:8px;min-width:0;padding:14px}.fg-chart-box-wide{grid-column:span 2}.fg-chart-box-title{color:#2d3436;margin-bottom:12px;font-size:13px;font-weight:700}.fg-bar-list,.fg-group-bars{gap:10px;display:grid}.fg-metric-row{grid-template-columns:minmax(110px,.9fr) minmax(120px,1.7fr) minmax(72px,auto);align-items:center;gap:10px;display:grid}.fg-metric-label,.fg-mini-bar-top span,.fg-group-label{color:#636e72;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.fg-metric-row strong,.fg-mini-bar-top strong{color:#2d3436;text-align:right;font-size:12px;font-weight:700}.fg-metric-track,.fg-mini-track{background:#edf1f7;border-radius:999px;height:9px;overflow:hidden}.fg-metric-fill,.fg-mini-fill{border-radius:inherit;height:100%}.fg-mini-bar{gap:6px;display:grid}.fg-mini-bar-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.fg-daily-bars{grid-auto-columns:minmax(30px,1fr);grid-auto-flow:column;align-items:end;gap:8px;min-height:190px;padding:8px 2px 2px;display:grid;overflow-x:auto}.fg-daily-bar{grid-template-rows:1fr auto;align-items:end;gap:7px;min-width:30px;height:180px;display:grid}.fg-daily-fill{background:linear-gradient(#2874f0,#00a870);border-radius:6px 6px 2px 2px;width:100%;min-height:4px}.fg-daily-bar span{color:#636e72;text-align:center;font-size:10px;font-weight:700}.fg-group-row{background:#fbfcff;border:1px solid #edf0f6;border-radius:8px;gap:8px;padding:10px;display:grid}@media (width<=1024px){.sec-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-chart-grid{grid-template-columns:1fr}.fg-chart-box-wide{grid-column:auto}}@media (width<=768px){.sec-dash-card{padding:14px}.sec-dash-header{flex-direction:column}.sec-dash-controls{justify-content:stretch;width:100%}.sec-dash-month,.sec-dash-month input,.sec-dash-refresh,.fg-chart-toggle{width:100%}.sec-dash-kpis{grid-template-columns:1fr}.sec-dash-meta span{width:100%}.sec-dash-section-head{flex-direction:column;align-items:flex-start;gap:4px}.fg-chart-panel,.fg-chart-box{padding:12px}.fg-metric-row{grid-template-columns:1fr;gap:6px}.fg-metric-row strong{text-align:left}}[data-theme=dark] .mt-edit-meta,[data-theme=dark] .mt-section-title-bar{color:#e2e8f0;background:#0b0b18}[data-theme=dark] .mt-empty-target{color:#88a;background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .mt-empty-target p{color:#e2e8f0}[data-theme=dark] .mt-table th{color:#88a;background:#0b0b18}[data-theme=dark] .mt-dashboard-table thead .mt-sticky-col{background:#0b0b18}[data-theme=dark] .mt-dashboard-table tbody td.mt-sticky-col{background:#111120}[data-theme=dark] .mt-dashboard-table tbody tr:nth-child(2n) td.mt-sticky-col{background:#0e0e1c}[data-theme=dark] .mt-grand-total-row td{border-top-color:#88a;background:#0b0b18!important}[data-theme=dark] .mt-grand-total-row td.mt-sticky-col{background:#0b0b18!important}[data-theme=dark] .mt-dash-title{color:#e2e8f0}[data-theme=dark] .mt-hint{color:#88a}[data-theme=dark] .mt-dash-page{background:#0b0b18}[data-theme=dark] .sec-dash-icon{background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .sec-dash-title,[data-theme=dark] .sec-dash-section-head h3,[data-theme=dark] .sec-kpi strong{color:#e2e8f0}[data-theme=dark] .sec-dash-subtitle,[data-theme=dark] .sec-dash-section-head span,[data-theme=dark] .sec-kpi span,[data-theme=dark] .sec-dash-meta{color:#88a}[data-theme=dark] .sec-dash-meta span,[data-theme=dark] .sec-kpi,[data-theme=dark] .fg-chart-panel,[data-theme=dark] .fg-chart-box,[data-theme=dark] .fg-group-row{background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .fg-chart-head h3,[data-theme=dark] .fg-chart-box-title,[data-theme=dark] .fg-metric-row strong,[data-theme=dark] .fg-mini-bar-top strong{color:#e2e8f0}[data-theme=dark] .fg-chart-head span,[data-theme=dark] .fg-metric-label,[data-theme=dark] .fg-mini-bar-top span,[data-theme=dark] .fg-group-label,[data-theme=dark] .fg-daily-bar span{color:#88a}[data-theme=dark] .fg-metric-track,[data-theme=dark] .fg-mini-track{background:#1a1a2e}[data-theme=dark] .sec-total-row td{color:#e2e8f0;border-top-color:#88a;background:#0b0b18!important}.drr-card{padding:20px;overflow:hidden}.drr-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.drr-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.drr-icon{background:#edf8f4;border:1px solid #d4efe5;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.drr-title{color:#2d3436;margin:0;font-size:22px;font-weight:700;line-height:1.2}.drr-subtitle{color:#636e72;margin-top:4px;font-size:13px}.drr-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.drr-month input{min-width:168px}.drr-refresh{align-items:center;gap:8px;height:40px;display:inline-flex}.drr-meta{color:#636e72;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 18px;font-size:12px;display:flex}.drr-meta span{background:#f8f9fd;border:1px solid #e8ebf3;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;display:inline-flex}.drr-kpis{grid-template-columns:repeat(5,minmax(135px,1fr));gap:12px;margin:10px 0 22px;display:grid}.drr-kpi{background:#fbfefe;border:1px solid #e5edf0;border-radius:8px;min-height:82px;padding:14px}.drr-kpi span{color:#636e72;text-transform:uppercase;font-size:12px;font-weight:600;display:block}.drr-kpi strong{color:#2d3436;word-break:break-word;margin-top:9px;font-size:21px;line-height:1.1;display:block}.drr-section{margin-top:24px}.drr-section-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.drr-section-head h3{color:#2d3436;margin:0;font-size:16px;font-weight:700}.drr-section-head span{color:#636e72;font-size:12px}.drr-daily-grid{gap:12px;display:grid}.drr-daily-wrap{border:1px solid #eef0f4;border-radius:8px}.drr-daily-table{min-width:840px}.drr-daily-table th,.drr-daily-table td{text-align:right;min-width:92px}.drr-daily-table th:first-child,.drr-daily-table td:first-child{z-index:1;text-align:left;background:#f8f9fc;min-width:96px;font-weight:700;position:sticky;left:0}.drr-daily-table td:first-child{background:#fff}.drr-item-table{min-width:1180px}.drr-item-table th,.drr-item-table td{text-align:right}.drr-item-table th:first-child,.drr-item-table td:first-child,.drr-item-table th:nth-child(2),.drr-item-table td:nth-child(2){text-align:left}.drr-item-table td:first-child{max-width:260px}@media (width<=1180px){.drr-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.drr-card{padding:14px}.drr-header{flex-direction:column}.drr-controls{justify-content:stretch;width:100%}.drr-month,.drr-month input,.drr-refresh,.drr-meta span{width:100%}.drr-kpis{grid-template-columns:1fr}.drr-section-head{flex-direction:column;align-items:flex-start;gap:4px}}[data-theme=dark] .drr-icon{background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .drr-title,[data-theme=dark] .drr-section-head h3,[data-theme=dark] .drr-kpi strong{color:#e2e8f0}[data-theme=dark] .drr-subtitle,[data-theme=dark] .drr-section-head span,[data-theme=dark] .drr-kpi span,[data-theme=dark] .drr-meta{color:#88a}[data-theme=dark] .drr-meta span,[data-theme=dark] .drr-kpi,[data-theme=dark] .drr-daily-wrap{background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .drr-daily-table th:first-child{background:#0b0b18}[data-theme=dark] .drr-daily-table td:first-child{background:#111120}.mom-card{padding:20px;overflow:hidden}.mom-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.mom-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.mom-icon{background:#fff7eb;border:1px solid #ffe2b9;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.mom-title{color:#2d3436;margin:0;font-size:22px;font-weight:700;line-height:1.2}.mom-subtitle{color:#636e72;margin-top:4px;font-size:13px}.mom-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.mom-month input{min-width:168px}.mom-refresh{align-items:center;gap:8px;height:40px;display:inline-flex}.mom-meta{color:#636e72;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 18px;font-size:12px;display:flex}.mom-meta span{background:#f8f9fd;border:1px solid #e8ebf3;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;display:inline-flex}.mom-kpis{grid-template-columns:repeat(5,minmax(135px,1fr));gap:12px;margin:10px 0 22px;display:grid}.mom-kpi{background:#fffdfa;border:1px solid #eee9df;border-radius:8px;min-height:82px;padding:14px}.mom-kpi span{color:#636e72;text-transform:uppercase;font-size:12px;font-weight:600;display:block}.mom-kpi strong{color:#2d3436;word-break:break-word;margin-top:9px;font-size:21px;line-height:1.1;display:block}.mom-section{margin-top:24px}.mom-section-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.mom-section-head h3{color:#2d3436;margin:0;font-size:16px;font-weight:700}.mom-section-head span{color:#636e72;font-size:12px}.mom-table{min-width:1320px}.mom-table th,.mom-table td{text-align:right}.mom-table th span{color:#95a5a6;letter-spacing:0;text-transform:none;margin-top:3px;font-size:10px;display:block}.mom-table th:first-child,.mom-table td:first-child{z-index:2;text-align:left;background:#fff;min-width:170px;max-width:170px;position:sticky;left:0}.mom-table th:first-child{z-index:3;background:#f8f9fc}.mom-table th:nth-child(2),.mom-table td:nth-child(2){text-align:left;min-width:190px}.mom-table th:nth-child(3),.mom-table td:nth-child(3){text-align:left;min-width:135px}.mom-subtotal-row td{color:#2d3436;font-weight:700;background:#f6f8fb!important}.mom-grand-row td{color:#2d3436;border-top:2px solid #2d3436;font-weight:700;background:#edf2fa!important}.mom-good{font-weight:700;color:#00a870!important}.mom-watch{font-weight:700;color:#d89b00!important}.mom-risk{font-weight:700;color:#d63031!important}@media (width<=1180px){.mom-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.mom-card{padding:14px}.mom-header{flex-direction:column}.mom-controls{justify-content:stretch;width:100%}.mom-month,.mom-month input,.mom-refresh,.mom-meta span{width:100%}.mom-kpis{grid-template-columns:1fr}.mom-section-head{flex-direction:column;align-items:flex-start;gap:4px}}[data-theme=dark] .mom-icon{background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .mom-title,[data-theme=dark] .mom-section-head h3,[data-theme=dark] .mom-kpi strong{color:#e2e8f0}[data-theme=dark] .mom-subtitle,[data-theme=dark] .mom-section-head span,[data-theme=dark] .mom-kpi span,[data-theme=dark] .mom-meta{color:#88a}[data-theme=dark] .mom-meta span,[data-theme=dark] .mom-kpi{background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .mom-table th:first-child{background:#0b0b18}[data-theme=dark] .mom-table td:first-child{background:#111120}[data-theme=dark] .mom-subtotal-row td{color:#e2e8f0;background:#0b0b18!important}[data-theme=dark] .mom-grand-row td{color:#e2e8f0;border-top-color:#88a;background:#0b0b18!important}.sku-card{padding:20px;overflow:hidden}.sku-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.sku-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.sku-icon{background:#fff9df;border:1px solid #f4e59f;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.sku-title{color:#2d3436;margin:0;font-size:22px;font-weight:700;line-height:1.2}.sku-subtitle{color:#636e72;margin-top:4px;font-size:13px}.sku-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.sku-month input{min-width:168px}.sku-select-field select{color:#2d3436;min-width:210px;height:40px;font:inherit;background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:0 34px 0 12px}.sku-refresh{align-items:center;gap:8px;height:40px;display:inline-flex}.sku-meta{color:#636e72;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 18px;font-size:12px;display:flex}.sku-meta span{background:#f8f9fd;border:1px solid #e8ebf3;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;display:inline-flex}.sku-kpis{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:10px 0 22px;display:grid}.sku-kpi{background:#fffdf2;border:1px solid #efe7b5;border-radius:8px;min-height:82px;padding:14px}.sku-kpi span{color:#636e72;text-transform:uppercase;font-size:12px;font-weight:600;display:block}.sku-kpi strong{color:#2d3436;word-break:break-word;margin-top:9px;font-size:21px;line-height:1.1;display:block}.sku-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:18px;display:grid}.sku-section{min-width:0;margin-top:24px}.sku-section-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.sku-section-head h3{color:#2d3436;margin:0;font-size:16px;font-weight:700}.sku-section-head span{color:#636e72;font-size:12px}.sku-daily-table{min-width:640px}.sku-daily-table th,.sku-daily-table td,.sku-top-table th,.sku-top-table td{text-align:right}.sku-daily-table th:first-child,.sku-daily-table td:first-child,.sku-top-table th:first-child,.sku-top-table td:first-child,.sku-top-table th:nth-child(2),.sku-top-table td:nth-child(2){text-align:left}.sku-top-table{min-width:520px}.sku-daily-bars{min-height:190px}.sku-daily-fill{background:linear-gradient(#f5c518,#00a870)}.sku-top-bars{gap:10px;display:grid}.sku-top-row{grid-template-columns:28px minmax(120px,1fr) minmax(110px,1fr) 72px;align-items:center;gap:10px;display:grid}.sku-rank{color:#8a6a00;background:#fff5c7;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:inline-flex}.sku-name{color:#2d3436;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.sku-top-track{background:#edf1f7;border-radius:999px;height:9px;overflow:hidden}.sku-top-fill{border-radius:inherit;background:#f5c518;height:100%}.sku-top-row strong{color:#2d3436;text-align:right;font-size:12px}@media (width<=1180px){.sku-grid{grid-template-columns:1fr}.sku-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.sku-card{padding:14px}.sku-header{flex-direction:column}.sku-controls{justify-content:stretch;width:100%}.sku-month,.sku-month input,.sku-select-field,.sku-select-field select,.sku-refresh,.sku-meta span{width:100%}.sku-kpis{grid-template-columns:1fr}.sku-section-head{flex-direction:column;align-items:flex-start;gap:4px}.sku-top-row{grid-template-columns:28px minmax(0,1fr) 74px}.sku-top-track{grid-column:2/4}}[data-theme=dark] .sku-icon{background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .sku-title,[data-theme=dark] .sku-section-head h3,[data-theme=dark] .sku-kpi strong,[data-theme=dark] .sku-name,[data-theme=dark] .sku-top-row strong{color:#e2e8f0}[data-theme=dark] .sku-subtitle,[data-theme=dark] .sku-section-head span,[data-theme=dark] .sku-kpi span,[data-theme=dark] .sku-meta{color:#88a}[data-theme=dark] .sku-meta span,[data-theme=dark] .sku-kpi{background:#0b0b18;border-color:#2a2a40}[data-theme=dark] .sku-select-field select{color:#e2e8f0;background:#1a1a2e;border-color:#2a2a40}[data-theme=dark] .sku-rank{color:#f5c518;background:#2a2a40}[data-theme=dark] .sku-top-track{background:#1a1a2e}