:root{--orange: #E8491D;--olive: #B5C96A;--cream: #FAF0E0;--brown: #3B2A1A;--muted: #9C8066;--green: #6AAF5A;--yellow: #D4A82A;--red: #D94F3D;--white: #ffffff;--sidebar-w: 220px;--radius: 10px;--shadow: 0 2px 8px rgba(59,42,26,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--cream);color:var(--brown);font-size:14px;line-height:1.5;overflow-x:hidden}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--brown);min-height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;z-index:100}.sidebar-logo{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo h1{color:var(--orange);font-size:18px;font-weight:700;letter-spacing:.5px}.sidebar-logo p{color:var(--muted);font-size:11px;margin-top:2px}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#ffffffb3;text-decoration:none;font-size:13px;font-weight:500;transition:all .15s;border-left:3px solid transparent}.sidebar-nav a:hover{color:var(--white);background:#ffffff0f}.sidebar-nav a.active{color:var(--white);background:#e8491d26;border-left-color:var(--orange)}.sidebar-nav .nav-icon{font-size:16px;flex-shrink:0}.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.sidebar-user{flex:1;min-width:0}.sidebar-user-name{display:block;color:#ffffffe6;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{display:block;color:var(--orange);font-size:10px;margin-top:1px}.sidebar-logout{background:#ffffff14;border:none;border-radius:7px;width:30px;height:30px;cursor:pointer;font-size:15px;color:#fff9;flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center}.sidebar-logout:hover{background:#ffffff26;color:var(--white)}.main{margin-left:var(--sidebar-w);flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.refresh-bar{position:fixed;top:10px;right:20px;z-index:100;display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid rgba(59,42,26,.1);border-radius:8px;padding:5px 12px;box-shadow:0 2px 8px #3b2a1a14}.refresh-time{font-size:12px;color:var(--muted);white-space:nowrap}.refresh-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;border-radius:4px;transition:background .15s}.refresh-btn:hover{background:#3b2a1a14}.page-header{background:var(--white);border-bottom:1px solid rgba(59,42,26,.1);padding:16px 24px;position:sticky;top:0;z-index:50}.page-header h2{font-size:18px;font-weight:700;color:var(--brown)}.page-header p{font-size:12px;color:var(--muted);margin-top:2px}.page-content{padding:20px 24px;flex:1;min-width:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.kpi-card{background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);border-left:4px solid var(--orange)}.kpi-card.olive{border-left-color:var(--olive)}.kpi-card.green{border-left-color:var(--green)}.kpi-card.muted{border-left-color:var(--muted)}.kpi-label{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:24px;font-weight:700;color:var(--brown);margin-top:4px;line-height:1.2}.kpi-sub{font-size:11px;color:var(--muted);margin-top:4px}.card{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.card-title{font-size:14px;font-weight:600;color:var(--brown);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-title .badge-todo{font-size:10px;background:#fff3cd;color:#856404;padding:2px 6px;border-radius:4px;font-weight:500}.table-wrap{overflow-x:auto}.orders-table{border-collapse:separate!important;border-spacing:0!important}.orders-table tbody tr{border-bottom:none}.orders-table tbody td{border-bottom:1px solid rgba(59,42,26,.06)}.orders-sticky-col{position:sticky!important;left:0!important;z-index:10!important;background-color:#fff!important;border-right:1px solid rgba(59,42,26,.12)!important}.orders-sticky-col-manual{background-color:#fff9f6!important}.orders-sticky-header{position:sticky!important;left:0!important;z-index:11!important;background-color:#fff8f0!important;border-right:1px solid rgba(59,42,26,.12)!important}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:#f5edd8;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:8px 12px;text-align:left;border-bottom:1px solid rgba(59,42,26,.1);white-space:nowrap}tbody tr{border-bottom:1px solid rgba(59,42,26,.06);transition:background .1s}tbody tr:hover{background:#e8491d0a}tbody td{padding:10px 12px;color:var(--brown)}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.badge-green{background:#6aaf5a26;color:#3d7a2e}.badge-yellow{background:#d4a82a26;color:#8a6c00}.badge-red{background:#d94f3d26;color:#a02010}.badge-blue{background:#3c82c826;color:#1a5a9a}.badge-orange{background:#e8491d26;color:#a0300a}.badge-gray{background:#9c806626;color:#5a4030}.badge-olive{background:#b5c96a26;color:#4a6010}.status-pending{background:#9c806626;color:#5a4030}.status-paid{background:#3c82c826;color:#1a5a9a}.status-assembling{background:#d4a82a33;color:#8a6c00}.status-assembled{background:#b5c96a33;color:#4a6010}.status-shipped{background:#6aaf5a33;color:#3d7a2e}.status-delivered{background:#6aaf5a4d;color:#2a5a1e}.status-cancelled{background:#d94f3d26;color:#a02010}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--orange);color:var(--white)}.btn-primary:hover{background:#c8391d}.btn-secondary{background:#3b2a1a14;color:var(--brown)}.btn-secondary:hover{background:#3b2a1a26}.btn-sm{padding:5px 10px;font-size:12px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filter-select{padding:7px 10px;border:1px solid rgba(59,42,26,.2);border-radius:8px;background:var(--white);color:var(--brown);font-size:13px;cursor:pointer}.filter-input{padding:7px 10px;border:1px solid rgba(59,42,26,.2);border-radius:8px;background:var(--white);color:var(--brown);font-size:13px;width:140px}.filter-input:focus,.filter-select:focus{outline:2px solid var(--orange);border-color:transparent}.period-tabs{display:flex;gap:4px;margin-bottom:16px;background:#3b2a1a0f;border-radius:8px;padding:3px;width:fit-content}.period-tab{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:all .15s}.period-tab.active{background:var(--white);color:var(--brown);box-shadow:0 1px 3px #3b2a1a1a}.funnel{display:flex;flex-direction:column;gap:4px}.funnel-step{display:grid;grid-template-columns:20px 1fr 80px 80px;align-items:center;gap:12px;padding:10px 12px;background:#3b2a1a08;border-radius:8px}.funnel-num{font-size:11px;color:var(--muted);font-weight:600;text-align:center}.funnel-name{font-size:13px;font-weight:500;color:var(--brown)}.funnel-count{font-size:16px;font-weight:700;color:var(--brown);text-align:right}.funnel-drop{font-size:12px;color:var(--red);text-align:right;font-weight:500}.funnel-drop.low{color:var(--green)}.margin-green{color:var(--green);font-weight:600}.margin-yellow{color:var(--yellow);font-weight:600}.margin-red{color:var(--red);font-weight:600}.stock-red{background:#d94f3d1a!important}.stock-orange{background:#e8491d12!important}.alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.alert-warning{background:#d4a82a26;color:#7a5c00;border-left:3px solid var(--yellow)}.alert-danger{background:#d94f3d1a;color:#8a2010;border-left:3px solid var(--red)}.alert-info{background:#3c82c81a;color:#1a4a8a;border-left:3px solid #3c82c8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.pnl-table{font-size:12px}.pnl-table td{padding:7px 10px}.pnl-section-header{background:#f5edd8!important;font-weight:700;font-size:12px}.pnl-total{background:#e8491d12!important;font-weight:700}.pnl-positive{color:var(--green);font-weight:600}.pnl-negative{color:var(--red);font-weight:600}.progress-bar{height:6px;background:#3b2a1a1a;border-radius:3px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;border-radius:3px;transition:width .3s}.blogger-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.blogger-card{background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);border-top:3px solid var(--muted)}.blogger-card.scale{border-top-color:var(--green)}.blogger-card.repeat{border-top-color:var(--olive)}.blogger-card.test{border-top-color:var(--yellow)}.blogger-card.drop{border-top-color:var(--red)}.blogger-name{font-size:15px;font-weight:700;margin-bottom:4px}.blogger-platform{font-size:12px;color:var(--muted);margin-bottom:12px}.blogger-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.blogger-metric-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.blogger-metric-value{font-size:16px;font-weight:700;margin-top:2px}.blogger-verdict{margin-top:12px;padding:8px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#3b2a1a0f}.input{padding:8px 12px;border:1px solid rgba(59,42,26,.2);border-radius:8px;font-size:13px;color:var(--brown);background:var(--white);width:100%}.input:focus{outline:2px solid var(--orange);border-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#3b2a1a0d}::-webkit-scrollbar-thumb{background:#3b2a1a33;border-radius:3px}.recharts-tooltip-wrapper{border-radius:8px!important}.flow-map{display:flex;flex-direction:column;gap:8px}.flow-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-node{padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600}.flow-node-orange{background:#e8491d26;color:var(--orange)}.flow-node-olive{background:#b5c96a33;color:#4a6010}.flow-node-brown{background:#3b2a1a1a;color:var(--brown)}.flow-arrow{color:var(--muted);font-size:16px}.flow-metric{font-size:11px;color:var(--muted);padding:4px 8px;background:#3b2a1a0a;border-radius:6px}.strat-month-tabs{display:flex;gap:4px;margin-bottom:16px;background:#3b2a1a0f;border-radius:10px;padding:4px;flex-wrap:wrap}.strat-month-tab{padding:8px 14px;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:2px}.strat-month-tab:hover{color:var(--brown);background:#ffffff80}.strat-month-tab.active{background:var(--white);color:var(--brown);box-shadow:0 1px 4px #3b2a1a1f;font-weight:600}.strat-status{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:1px 5px;border-radius:3px}.strat-status-completed{color:#3d7a2e;background:#6aaf5a26}.strat-status-current{color:#1a5a9a;background:#3c82c826}.strat-status-plan{color:var(--muted);background:#3b2a1a0f}.strat-month-card{margin-bottom:16px}.strat-month-title{display:flex;align-items:center;gap:12px}.strat-month-title h3{font-size:18px;font-weight:700}.strat-month-subtitle{font-size:12px;color:var(--muted);margin-top:4px}.strat-status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px}.strat-status-badge-completed{color:#3d7a2e;background:#6aaf5a26}.strat-status-badge-current{color:#1a5a9a;background:#3c82c826}.strat-status-badge-plan{color:var(--muted);background:#3b2a1a14}.strat-metric-name{text-align:left!important;font-weight:500;font-size:13px;min-width:260px}.strat-group-row td{padding:0!important}.strat-group-header{background:#f5edd8!important;font-weight:700;font-size:12px;padding:8px 12px!important;text-align:left!important;color:var(--brown);letter-spacing:.3px}.strat-cell{font-variant-numeric:tabular-nums}.strat-plan-cell{color:var(--muted)}.strat-fact-cell{font-weight:600}.strat-dev-cell{font-weight:600;font-size:12px}.strat-green{background:#6aaf5a1a!important;color:#3d7a2e}.strat-yellow{background:#d4a82a1a!important;color:#8a6c00}.strat-red{background:#d94f3d1a!important;color:#a02010}.strat-detail-table{font-size:13px}.strat-detail-table th,.strat-detail-table td{padding:10px 12px}.strat-detail-table .strat-cell{min-width:110px;text-align:right}.strat-hyp-cell{min-width:220px!important;text-align:left!important}.strat-input{width:100px;padding:4px 8px;border:1px solid var(--orange);border-radius:5px;font-size:13px;color:var(--brown);background:var(--white);text-align:right;outline:none}.strat-textarea{width:100%;padding:5px 8px;border:1px solid var(--orange);border-radius:5px;font-size:12px;color:var(--brown);resize:vertical;outline:none;font-family:inherit}.strat-editable{cursor:pointer;padding:3px 6px;border-radius:4px;display:inline-block;min-width:40px;text-align:right;transition:background .15s}.strat-editable:hover{background:#e8491d14}.strat-hypothesis{text-align:left;font-size:12px;color:var(--muted);font-weight:400;max-width:220px;overflow:hidden;text-overflow:ellipsis}.strat-empty{color:#9c806666;font-style:italic;font-size:12px}.strat-auto-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:4px}.strat-summary-block{padding:12px;border-radius:8px;font-size:12px}.strat-summary-block ul{margin:6px 0 0 16px;line-height:1.7}.strat-summary-title{font-weight:700;font-size:12px}.strat-summary-hit{background:#6aaf5a1a;color:#3d7a2e}.strat-summary-warn{background:#d4a82a1a;color:#8a6c00}.strat-summary-miss{background:#d94f3d1a;color:#a02010}.strat-no-summary{font-size:12px;color:var(--muted);font-style:italic;padding:8px 0}.strat-conclusion-label{font-size:12px;font-weight:600;color:var(--brown);margin-bottom:8px}.strat-conclusion-textarea{width:100%;min-height:100px;padding:12px;border:1px solid rgba(59,42,26,.2);border-radius:8px;font-size:13px;color:var(--brown);font-family:inherit;line-height:1.6;resize:vertical;outline:none}.strat-conclusion-textarea:focus{border-color:var(--orange);box-shadow:0 0 0 2px #e8491d26}.strat-conclusion-display{min-height:60px;padding:12px;border:1px dashed rgba(59,42,26,.15);border-radius:8px;cursor:pointer;transition:all .15s;font-size:13px;line-height:1.6}.strat-conclusion-display:hover{border-color:var(--orange);background:#e8491d08}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;min-height:auto;position:relative}.main{margin-left:0}.grid-2,.grid-3{grid-template-columns:1fr}.page-content{padding:14px 12px}}