:root{--primary-color: #2d6a4f;--secondary-color: #b7e4c7;--background-color: #d8f3dc;--white: #ffffff;--text-main: #1b4332;--text-light: #40916c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-main);overflow-x:hidden}#root{min-height:100vh}.glass-morphism{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:16px}.premium-input{border-radius:8px!important;border:1px solid var(--secondary-color)!important;padding:10px 16px!important;transition:all .3s ease}.premium-input:focus,.premium-input:hover{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #2d6a4f1a!important}.premium-button{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;height:48px!important;border-radius:8px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.premium-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d6a4f4d}.fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:var(--background-color)}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(var(--secondary-color) 1px,transparent 1px);background-size:40px 40px;opacity:.3;z-index:1}.login-card-wrapper{z-index:10;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px}.logo-section{display:flex;justify-content:center;align-items:center;min-height:120px}.logo-section .logo{height:120px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(45,106,79,.2))}.login-card-content{width:100%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-radius:20px;box-shadow:0 8px 32px #2d6a4f1a;border:1px solid rgba(255,255,255,.3)}.login-title{text-align:center;color:var(--text-main);margin-bottom:32px;font-size:24px;font-weight:700}.banner-section{width:100%;text-align:center}.banner-image{max-width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(45,106,79,.15))}.bg-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15rem;font-weight:900;color:var(--secondary-color);opacity:.1;pointer-events:none;z-index:0;white-space:nowrap}@media(max-width:576px){.login-card-wrapper{padding:24px;gap:24px;max-width:90%}.logo-section{min-height:80px}.logo-section .logo{height:80px}.login-title{font-size:20px;margin-bottom:24px}.login-card-content{padding:24px}}.source-selection-container{min-height:80vh;display:flex;align-items:center;justify-content:center}.source-content{text-align:center;width:100%;max-width:800px}.source-title{font-size:32px;font-weight:800;color:var(--text-main);margin-bottom:8px}.source-subtitle{color:var(--text-light);font-size:18px;margin-bottom:48px}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:640px){.source-grid{grid-template-columns:1fr}}.source-card{background:#fff;border-radius:24px;padding:40px;cursor:pointer;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.02);transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.source-card:hover{box-shadow:0 20px 40px #2d6a4f1a;border-color:var(--secondary-color)}.source-logo-wrapper{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.source-logo{max-width:100%;max-height:100%;object-fit:contain;border-radius:20px}.source-name{font-size:20px;font-weight:700;color:var(--text-main);margin-bottom:24px}.source-action{padding:10px 24px;background:var(--background-color);color:var(--primary-color);border-radius:30px;font-weight:600;font-size:14px;transition:all .3s ease}.source-card:hover .source-action{background:var(--primary-color);color:#fff}.main-layout{min-height:100vh;background-color:var(--background-color)!important}.sidebar-container{height:100vh;position:sticky;top:0;left:0;display:flex;flex-direction:column;align-items:center;padding:24px 0;border-right:1px solid rgba(0,0,0,.05)!important;background-color:#fffc!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-logo{margin-bottom:48px}.mini-logo{width:40px;height:auto}.sidebar-menu{flex:1;display:flex;flex-direction:column;gap:20px}.sidebar-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;color:var(--text-light);transition:all .3s ease}.sidebar-icon-wrapper:hover{background-color:var(--secondary-color);color:var(--primary-color)}.sidebar-icon-wrapper.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #2d6a4f4d}.sidebar-footer{margin-top:auto}.layout-content{padding:32px;background-color:var(--background-color);min-height:100%}.dashboard-container{padding:20px;background:linear-gradient(135deg,#d4f4f0,#e8f9f7);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left h1{margin:0;font-size:18px;font-weight:600;color:#262626}.header-date{font-size:12px;color:#8c8c8c}.header-right{display:flex;align-items:center;gap:12px}.search-input{width:280px;border-radius:10px;border:none;background:#fff;box-shadow:0 2px 4px #0000000a}.search-input .ant-input{font-size:13px}.search-icon{color:#bfbfbf}.header-icon-btn{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000000a;color:#595959}.kpi-section{margin-bottom:20px}.kpi-card{border-radius:12px;border:none;box-shadow:0 4px 16px #00000014;background:#fff;transition:box-shadow .3s ease}.kpi-card:hover{box-shadow:0 6px 20px #0000001f}.kpi-card .ant-card-body{padding:20px}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.kpi-title{font-size:12px;color:#8c8c8c;font-weight:500;line-height:1.4}.kpi-icon-wrapper{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-value-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.kpi-value{font-size:24px;font-weight:700;color:#262626;line-height:1.2}.kpi-trend{font-size:11px;font-weight:600}.kpi-trend.trend-up{color:#52c41a}.kpi-trend.trend-down{color:#ff4d4f}.kpi-detail{font-size:11px;color:#bfbfbf;margin-bottom:16px}.kpi-progress-wrapper{position:relative}.kpi-progress{margin-bottom:0}.kpi-progress .ant-progress-bg{height:4px!important}.kpi-progress .ant-progress-inner{background-color:#f0f0f0!important}.kpi-progress-label{position:absolute;right:0;top:-20px;font-size:10px;color:#8c8c8c;font-weight:600}.brand-section{margin-bottom:20px}.brand-container-card{border-radius:12px;border:none;box-shadow:0 4px 16px #00000014;background:#fff;height:100%}.brand-container-card .ant-card-body{padding:16px;display:flex;gap:12px;align-items:center}.brand-logo-section{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 12px}.brand-logo-img{max-width:80px;max-height:50px;object-fit:contain}.brand-name{font-size:12px;font-weight:600;color:#262626;text-align:center}.brand-stats-section{flex:1;display:flex;align-items:center;gap:12px;padding:0 8px}.wallet-icon-wrapper{width:36px;height:36px;background:#52c41a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.wallet-icon-wrapper svg{width:18px;height:18px}.brand-stats-content{flex:1;min-width:0}.brand-stats-label{font-size:10px;color:#8c8c8c;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-stats-value{font-size:18px;font-weight:700;color:#262626;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-stats-trend{font-size:11px;font-weight:600}.brand-stats-trend.green{color:#52c41a}.brand-stats-trend.red{color:#ff4d4f}.brand-percentage-section{flex:0 0 auto;width:220px;border-radius:10px;padding:14px 16px;color:#fff}.brand-percentage-section.green-bg{background:linear-gradient(135deg,#4a7c59,#2d5a3d)}.brand-percentage-section.red-bg{background:linear-gradient(135deg,#8b3a3a,#6b2929)}.percentage-content{display:flex;flex-direction:column;gap:12px}.percentage-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.percentage-label{font-size:9px;color:#fffc;margin-bottom:6px;line-height:1.2}.percentage-main{font-size:24px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.percentage-badge{font-size:10px;padding:2px 6px;background:#fff3;border-radius:4px;font-weight:600}.chart-icon-wrapper{width:32px;height:32px;background:#ffffff26;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.percentage-progress-section{position:relative}.percentage-progress-section .ant-progress-bg{height:4px!important}.percentage-value{position:absolute;right:0;top:-18px;font-size:10px;font-weight:600;color:#fff}@media(max-width:992px){.brand-container-card .ant-card-body{flex-direction:column;align-items:stretch}.brand-percentage-section{width:100%}}.main-content{margin-top:16px}.chart-card{border-radius:12px;border:none;box-shadow:0 4px 16px #00000014;background:#fff;margin-bottom:16px}.chart-card .ant-card-head{border-bottom:none;padding:18px 20px 0}.chart-card .ant-card-body{padding:12px 20px 20px}.chart-title-section{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.chart-subtitle{font-size:11px;color:#8c8c8c;margin-bottom:4px}.chart-main-value{font-size:20px;font-weight:700;color:#262626}.title-icon{color:#bfbfbf;cursor:pointer}.bottom-charts{margin-top:16px}.mini-chart-card{border-radius:12px;border:none;box-shadow:0 4px 16px #00000014;background:#fff}.mini-chart-card .ant-card-head{border-bottom:none;padding:14px 16px 0}.mini-chart-card .ant-card-head-title{font-size:11px;font-weight:600;color:#262626}.mini-chart-card .ant-card-body{padding:8px 16px 16px}.mini-chart-card .ant-card-extra{color:#bfbfbf}.sku-card{border-radius:12px;border:none;box-shadow:0 4px 16px #00000014;background:#fff;height:100%}.sku-card .ant-card-head{border-bottom:none;padding:18px 20px 0}.sku-card .ant-card-head-title{font-size:13px;font-weight:600}.sku-card .ant-card-body{padding:8px 20px 20px}.sku-subtitle{font-size:11px;color:#8c8c8c;margin-bottom:12px}.bottles-banner{margin-top:16px;display:flex;justify-content:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014}.bottles-banner img{max-width:100%;height:auto;opacity:.7}@media(max-width:992px){.dashboard-container{padding:16px}.kpi-card .ant-card-body{padding:14px}.brand-card .ant-card-body{padding:16px}}.reports-container{display:flex;height:calc(100vh - 64px);background-color:#e6f7f2;padding:24px;gap:24px;overflow:hidden}.reports-sidebar{width:320px;display:flex;flex-direction:column;gap:24px}.reports-header-text{margin-bottom:8px}.reports-header-text h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.reports-header-text p{color:#8c8c8c;font-size:14px;margin:0}.reports-filters-card{border-radius:12px;box-shadow:0 4px 12px #0000000d}.filter-group{margin-bottom:16px;display:flex;flex-direction:column}.filter-group label{font-size:12px;color:#8c8c8c;margin-bottom:4px;padding-left:2px}.filter-select,.filter-input,.filter-date{width:100%;height:40px!important}.filter-select .ant-select-selector{border-radius:8px!important;height:40px!important;align-items:center}.filter-input,.filter-date{border-radius:8px!important}.date-group{position:relative}.date-group:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:4px;background-color:#00c4cc;border-radius:2px}.reports-main{flex:1;display:flex;flex-direction:column;background-color:transparent;width:100%;min-width:0}.reports-topbar{display:flex;justify-content:flex-start;gap:12px;margin-bottom:24px}.topbar-search{width:300px;height:40px;border-radius:20px!important;border:none!important;box-shadow:0 2px 8px #0000000d}.topbar-download-btn{height:40px;width:40px;border-radius:50%!important;border:none!important;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;justify-content:center;background:#fff}.reports-table-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0000000a;flex:1;overflow:hidden;display:flex;flex-direction:column}.reports-table-container .ant-table-wrapper{height:100%}.reports-table-container .ant-table{background:#fff;border:1px solid #d9d9d9}.reports-table-container .ant-table-thead>tr>th{background:#f5f5f5!important;color:#333;font-weight:600;border:1px solid #d9d9d9;padding:8px 12px!important;position:relative;border-bottom:1px solid #d9d9d9}.reports-table-container .ant-table-tbody>tr>td{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:6px 12px!important}.reports-table-container .ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.reports-container:before{content:"";position:absolute;bottom:20px;left:20px;width:400px;height:400px;background-image:url(../assets/drinks-bg-placeholder.png);background-size:contain;background-repeat:no-repeat;background-position:bottom left;opacity:.5;pointer-events:none;z-index:0}.reports-sidebar,.reports-main{z-index:1}.placeholder-page{padding:40px;background:#fff;border-radius:20px;min-height:400px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-light);box-shadow:0 4px 20px #0000000d}