.advanced-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.advanced-kpi{padding:18px;border:1px solid #e4e9f2;border-radius:18px;background:#fff}.advanced-kpi small{display:block;color:#718096;margin-bottom:8px}.advanced-kpi strong{font:800 25px/1.1 Manrope,"IBM Plex Sans Thai",sans-serif;color:#10213d}.advanced-kpi em{display:block;margin-top:8px;color:#66758d;font-style:normal;font-size:12px}.advanced-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 12px}.advanced-tabs button{white-space:nowrap;border:1px solid #dfe6f2;background:#fff;color:#4f6079;border-radius:999px;padding:10px 16px;font-weight:700}.advanced-tabs button.active{background:#1649f5;border-color:#1649f5;color:#fff}.advanced-panel{padding:22px;min-height:360px}.advanced-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.advanced-toolbar h3{margin:0 0 4px}.advanced-toolbar p{margin:0;color:#718096}.advanced-actions{display:flex;gap:8px;flex-wrap:wrap}.advanced-btn{border:0;border-radius:12px;padding:11px 15px;background:#1649f5;color:#fff;font-weight:700;cursor:pointer}.advanced-btn.secondary{background:#edf2ff;color:#1649f5}.advanced-btn.danger{background:#fff1f1;color:#c53030}.advanced-table{width:100%;border-collapse:collapse}.advanced-table th,.advanced-table td{text-align:left;padding:12px;border-bottom:1px solid #edf0f5;vertical-align:top}.advanced-table th{font-size:12px;color:#718096}.advanced-table small{display:block;color:#718096}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.advanced-box{border:1px solid #e4e9f2;border-radius:16px;padding:18px}.advanced-box h4{margin:0 0 12px}.advanced-form{display:grid;gap:13px}.advanced-form label{display:grid;gap:6px;font-weight:600}.advanced-form input,.advanced-form select,.advanced-form textarea{width:100%;box-sizing:border-box;border:1px solid #d7deea;border-radius:11px;padding:11px 12px;font:inherit}.advanced-form textarea{min-height:84px;resize:vertical}.advanced-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.file-drop{border:2px dashed #b9c7dc;border-radius:16px;padding:26px;text-align:center;background:#f8faff}.file-drop input{margin-top:12px}.import-preview{max-height:300px;overflow:auto}.advanced-empty{padding:44px 20px;text-align:center;color:#718096}.advanced-badge{display:inline-block;border-radius:999px;padding:5px 9px;background:#edf2ff;color:#1649f5;font-size:12px;font-weight:700}.advanced-badge.warn{background:#fff5dc;color:#9a6500}.advanced-badge.danger{background:#fff0f0;color:#c53030}.advanced-chart-row{display:grid;grid-template-columns:180px 1fr 90px;align-items:center;gap:10px;margin:10px 0}.advanced-bar{height:10px;background:#edf1f7;border-radius:20px;overflow:hidden}.advanced-bar i{display:block;height:100%;background:#1649f5;border-radius:20px}.document-items{display:grid;gap:10px}.document-item{display:grid;grid-template-columns:2fr 100px 1fr 130px 36px;gap:8px;align-items:end;padding:10px;background:#f8faff;border-radius:12px}.document-item input,.document-item select{width:100%;box-sizing:border-box;border:1px solid #d7deea;border-radius:9px;padding:9px}.document-item button{height:38px;border:0;border-radius:9px;color:#c53030;background:#fff0f0}.advanced-note{padding:11px 13px;border-radius:12px;background:#f2f6ff;color:#405270;font-size:13px}.difference-positive{color:#087f5b}.difference-negative{color:#c53030}.advanced-loading{padding:60px;text-align:center;color:#718096}
@media(max-width:900px){.advanced-kpi-grid{grid-template-columns:1fr 1fr}.advanced-grid{grid-template-columns:1fr}.document-item{grid-template-columns:1fr 90px}.document-item .wide{grid-column:1/-1}.advanced-toolbar{align-items:flex-start;flex-direction:column}.advanced-table{min-width:720px}.advanced-panel{padding:14px;overflow:hidden}.advanced-table-wrap{overflow:auto}}
@media(max-width:520px){.advanced-kpi-grid{grid-template-columns:1fr}.advanced-kpi{padding:15px}.advanced-form .row{grid-template-columns:1fr}.advanced-panel{border-radius:16px}.document-item{grid-template-columns:1fr}.document-item .wide{grid-column:auto}.advanced-chart-row{grid-template-columns:110px 1fr 64px;font-size:12px}}
@media print{.sidebar,.topbar,.advanced-tabs,.advanced-actions{display:none!important}.workspace,.content{margin:0!important;padding:0!important}.advanced-panel{border:0!important;box-shadow:none!important}}

/* Business analytics 2026-09-08 */
.advanced-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.advanced-caption{margin:-4px 0 14px;color:#718096;font-size:12px;line-height:1.55}
.sku-performance{margin-bottom:18px}
.sku-metric-table{min-width:980px}
.sku-metric-table td:not(:first-child){white-space:nowrap}
.metric-percent{display:inline-flex;min-width:68px;justify-content:center;padding:6px 9px;border-radius:999px;background:#edf2ff;color:#1649f5;font-weight:800}
.metric-percent.danger{background:#fff0f0;color:#c53030}
.analytics-secondary{margin-top:18px}
@media(max-width:900px){.advanced-kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.advanced-kpi-grid{grid-template-columns:1fr}.sku-performance{padding:15px}.advanced-caption{font-size:11px}}

/* Business document workflow 2026-09-25 */
.advanced-guide{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:13px 15px;border:1px solid #dce6ff;border-radius:14px;background:#f6f9ff;color:#405270}.advanced-guide b{color:#10213d;margin-right:4px}.advanced-guide span{padding:6px 9px;border-radius:9px;background:#fff}.document-b2b h4{margin:2px 0 0;color:#10213d}.advanced-form-note{margin:0;color:#66758d;font-size:12px}.count-confirm{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important}.count-confirm input{width:auto!important}.announcement .notification-symbol{background:#edf2ff;color:#1649f5}@media(max-width:620px){.advanced-guide{align-items:stretch;flex-direction:column}.advanced-guide span{width:100%}}