:root{--purple:#35205c;--purple2:#56358b;--pink:#ed70a6;--yellow:#f5cf4b;--ink:#29243a;--muted:#817b91;--line:#eeeaf4;--bg:#f8f7fb;--white:#fff;--green:#27885b;--shadow:0 10px 35px rgba(44,27,75,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,"DM Sans",sans-serif}h1{font-size:29px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:25px;margin:0;letter-spacing:-.7px}h3{font-size:16px;margin-bottom:6px;letter-spacing:-.25px}p{line-height:1.55}.muted{color:var(--muted)}.tiny{font-size:11px;line-height:1.55}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#a69bb8;margin-bottom:7px}.hidden{display:none!important}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 15% 15%,#f8dce9 0,transparent 28%),radial-gradient(circle at 90% 80%,#e9def8 0,transparent 32%),#f7f4fb}.auth-card{width:min(100%,440px);background:#fff;border:1px solid #eee7f5;border-radius:24px;padding:36px;box-shadow:0 24px 70px rgba(53,32,92,.12)}.brand-mark{width:58px;height:58px;border-radius:18px;background:var(--purple);color:var(--pink);display:grid;place-items:center;font-family:Manrope;font-size:22px;font-weight:800;letter-spacing:-1px;margin-bottom:24px;box-shadow:inset -5px -5px 0 rgba(237,112,166,.18)}.brand-mark.small{width:38px;height:38px;font-size:16px;border-radius:12px;margin:0}.auth-card .eyebrow{color:var(--purple2)}.auth-card>p{margin-bottom:22px}.login-form,.data-form{display:grid;gap:15px}.login-form{margin:22px 0 12px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#5e566f}input,select,textarea{width:100%;border:1px solid #e7e1ef;border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink);outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#a58ad4;box-shadow:0 0 0 3px rgba(86,53,139,.09)}textarea{resize:vertical}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:700;font-size:12px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--purple);color:#fff;box-shadow:0 5px 12px rgba(53,32,92,.14)}.btn.secondary{background:#f0ebf7;color:var(--purple)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.danger{background:#fff0f0;color:#b33643}.btn.full{width:100%;padding:13px}.config-hint{font-size:11px;color:var(--muted);margin-top:12px}.notice{border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.5;margin:12px 0}.notice.info{background:#f0ebf8;color:#5c477c}.notice.warning{background:#fff6df;color:#7d5b12}.notice.error{background:#fff0f0;color:#a32f3b}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--purple);color:#fff;padding:24px 15px;display:flex;flex-direction:column;z-index:10}.side-brand{display:flex;align-items:center;gap:11px;padding:2px 8px 28px}.side-brand strong{display:block;font-size:12px;letter-spacing:1px}.side-brand span{display:block;color:#c7b9dc;font-size:11px;margin-top:4px}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#a999c6;font-weight:800;padding:0 12px 10px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#cfc5df;text-align:left;padding:12px;border-radius:10px;font-size:13px;font-weight:600}.nav-item span{font-size:18px;width:19px;text-align:center}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:#fff;color:var(--purple);box-shadow:0 5px 18px #24113f55}.sidebar-bottom{margin-top:auto}.secure-card{display:flex;gap:9px;align-items:center;padding:12px 9px;background:#ffffff0e;border:1px solid #ffffff18;border-radius:11px;margin-bottom:9px}.secure-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);flex-shrink:0}.secure-card strong,.secure-card small{display:block}.secure-card strong{font-size:11px}.secure-card small{font-size:10px;color:#b9aacd;margin-top:4px}.logout{color:#d5c8e5}.main-area{margin-left:244px;min-height:100vh;padding:0 34px 22px;max-width:1800px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:24px}.topbar-right{display:flex;align-items:center;gap:13px}.date-pill{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:#6e667d;font-size:11px}.avatar{width:36px;height:36px;border-radius:12px;background:#f6dce8;color:var(--purple);display:grid;place-items:center;font-weight:800;font-size:11px}.icon-button{display:none;background:white;border:1px solid var(--line);padding:8px 10px;border-radius:9px}.demo-banner{padding:11px 14px;background:#fff4d7;border:1px solid #f3df9e;border-radius:10px;color:#785813;font-size:12px;margin-bottom:22px}.page{display:none}.page.active{display:block}.welcome-row,.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.welcome-row h3,.page-intro h3{font-size:19px;margin-bottom:5px}.welcome-row p,.page-intro p,.panel-heading p{font-size:12px;color:var(--muted);margin:0}.month-select{width:170px}.month-select label{margin-bottom:6px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi-card,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.kpi-card{padding:18px 19px}.kpi-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#777084;font-weight:600;margin-bottom:14px}.kpi-card>strong{display:block;font-size:24px;letter-spacing:-.8px;margin-bottom:8px;overflow-wrap:anywhere}.kpi-card>small{font-size:10px;color:#a09aaa}.kpi-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:17px}.purple{background:#eee6fa;color:#6b43a3}.pink{background:#fde7f0;color:#c3487c}.yellow{background:#fff4ce;color:#a67b12}.blue{background:#e5efff;color:#4377c5}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:16px;margin-bottom:16px}.panel{padding:20px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-heading h3{margin-bottom:5px}.chart-wrap{height:255px;position:relative}.doughnut-wrap{height:195px}.legend{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);white-space:nowrap}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:8px}.legend-one{background:var(--purple)}.legend-two{background:var(--pink)}.bcg-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.bcg-legend span{font-size:10px;color:#6f687d}.bcg-legend b{color:var(--ink);margin-left:4px}.short{height:190px}.text-button{border:0;background:none;color:var(--purple2);font-weight:700;font-size:11px;white-space:nowrap}.recent-list{display:grid;gap:0}.recent-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f1edf6}.recent-row:last-child{border:0}.recent-row strong{display:block;font-size:12px}.recent-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.recent-amount{text-align:right;font-size:12px;font-weight:800;white-space:nowrap}footer{display:flex;justify-content:space-between;color:#a29bac;font-size:10px;padding:26px 2px 5px}footer span{color:#c0bacb}
.page-intro{margin-bottom:20px}.import-panel{display:flex;gap:17px;align-items:flex-start;margin-bottom:18px;padding:22px}.upload-icon{width:48px;height:48px;flex-shrink:0;background:#f0e9f8;color:var(--purple);border-radius:13px;display:grid;place-items:center;font-size:26px}.upload-copy{flex:1;min-width:0}.upload-copy h3{margin:2px 0 6px}.upload-copy p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:12px}.file-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.file-row input{max-width:370px;font-size:11px}.filter-row{display:flex;align-items:end;gap:12px;margin:18px 0}.filter-row>div{width:180px}.filter-row .filter-grow{flex:1}.align-end{height:40px}.bcg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.bcg-mini{border-radius:13px;padding:16px;border:1px solid transparent}.bcg-mini span{font-size:10px;font-weight:800;letter-spacing:.7px}.bcg-mini strong{display:block;font-size:29px;margin:9px 0 5px}.bcg-mini small{font-size:10px;line-height:1.4;display:block}.star-card{background:#e8f6ec;color:#276d43;border-color:#d8eedf}.cow-card{background:#eaf0ff;color:#385caa;border-color:#dce5ff}.question-card{background:#fff4dc;color:#8d6718;border-color:#f7e7bc}.dog-card{background:#fce9eb;color:#a3424d;border-color:#f5d8dc}.table-panel{padding:0;overflow:hidden;margin-bottom:16px}.table-panel .panel-heading{padding:20px 20px 0;margin-bottom:15px}.table-note{font-size:10px;color:#9a93a8;text-align:right}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#9991a8;font-weight:800;background:#fcfbfd;padding:12px 16px;border-top:1px solid #f2eef6;border-bottom:1px solid #f2eef6}td{font-size:11px;color:#61596f;padding:13px 16px;border-bottom:1px solid #f4f1f7;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.empty-cell{text-align:center;padding:28px;color:#a39bad}.tag{display:inline-block;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:800;white-space:nowrap}.tag.star{background:#e8f6ec;color:#276d43}.tag.cash-cow{background:#eaf0ff;color:#385caa}.tag.question-mark{background:#fff4dc;color:#8d6718}.tag.dog{background:#fce9eb;color:#a3424d}.row-actions{display:flex;gap:8px}.row-actions button{border:0;background:transparent;color:var(--purple2);font-size:10px;font-weight:700;padding:2px}.row-actions .delete{color:#bb4652}
.form-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:stretch}.data-form label{font-size:11px}.data-form input,.data-form select,.data-form textarea{font-size:12px}.form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:2px}.compact-input{max-width:145px}.summary-number{display:flex;align-items:baseline;gap:10px;margin:10px 0 18px}.summary-number strong{font-size:30px;letter-spacing:-1px}.summary-number span{font-size:11px;color:var(--muted)}.store-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px}.store-summary>div{background:#faf8fc;border:1px solid #f0ebf6;padding:13px;border-radius:10px}.store-summary span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.store-summary strong{font-size:16px;overflow-wrap:anywhere}.store-summary .total{grid-column:1/-1;background:#f1ebf8}.settings-grid{grid-template-columns:1.1fr .9fr}.status-chip{font-size:10px;background:#f3edf9;color:var(--purple2);padding:6px 9px;border-radius:20px;white-space:nowrap}.settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.setup-panel{margin-top:16px}.setup-list{padding-left:20px;display:grid;gap:12px;color:#645c73;font-size:12px;line-height:1.5}.toast{position:fixed;bottom:22px;right:24px;background:#2c2141;color:white;padding:13px 17px;border-radius:10px;box-shadow:0 8px 25px #0002;font-size:12px;z-index:30;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1150px){.main-area{padding:0 22px 20px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.chart-wrap{height:245px}.doughnut-wrap{height:210px}.form-grid,.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .22s;width:260px;box-shadow:10px 0 40px #21113b22}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;padding:0 14px 18px}.topbar{height:76px;gap:10px;margin-bottom:17px}.icon-button{display:block}.topbar>div:nth-child(2){margin-right:auto}.topbar h2{font-size:21px}.topbar-right{gap:7px}.date-pill{display:none}.welcome-row,.page-intro{align-items:flex-start;flex-direction:column}.month-select{width:100%}.kpi-grid{gap:9px}.kpi-card{padding:14px}.kpi-card>strong{font-size:20px}.kpi-head{font-size:10px}.kpi-icon{width:28px;height:28px}.panel{padding:15px}.panel-heading{flex-wrap:wrap}.chart-wrap{height:220px}.short{height:180px}.import-panel{padding:16px;gap:12px}.upload-icon{width:38px;height:38px}.file-row{align-items:stretch;flex-direction:column}.file-row input{max-width:100%}.filter-row{flex-wrap:wrap}.filter-row>div{width:calc(50% - 6px)}.filter-row .filter-grow{flex:1 1 100%;order:-1}.filter-row .align-end{flex:1}.bcg-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bcg-mini{padding:13px}.bcg-mini strong{font-size:25px}.table-note{display:none}.table-panel .panel-heading{padding:15px 15px 0}.panel-heading .compact-input{max-width:135px}.store-summary strong{font-size:14px}.auth-card{padding:27px 22px}.auth-card h1{font-size:25px}footer{gap:10px;line-height:1.5}footer span{text-align:right}.demo-banner{font-size:11px}}

/* Revisi dashboard: logo file, ringkasan kanal, BCG ringkas, riwayat chat */
.brand-logo-wrap{width:76px;height:76px;position:relative;margin-bottom:24px}.brand-logo{width:100%;height:100%;object-fit:contain}.logo-fallback{display:none}.side-logo-wrap{width:38px;height:38px;flex-shrink:0;position:relative}.side-logo{width:100%;height:100%;object-fit:contain}.side-logo-wrap .brand-mark{position:absolute;inset:0}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:contain;padding:3px}.forgot-button{display:block;margin:2px auto 0;padding:3px 6px}.recovery-panel{margin-top:14px;padding:14px;background:#faf7fd;border:1px solid var(--line);border-radius:12px}.recovery-panel h3{font-size:14px}.recovery-panel .login-form{margin-bottom:0}.channel-summary-wrap{margin:-2px 0 18px}.section-mini-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 9px}.section-mini-heading h3{font-size:13px;margin:0}.section-mini-heading span{font-size:10px;color:var(--muted)}.channel-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.channel-chip{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 13px;min-width:0}.channel-chip span{display:inline-flex;font-size:9px;font-weight:800;color:var(--purple2);background:#f0ebf7;border-radius:5px;padding:3px 5px}.channel-chip strong{display:block;font-size:19px;margin:7px 0 2px;overflow-wrap:anywhere}.channel-chip small{font-size:10px;color:var(--muted)}.compact-channel-summary{margin:12px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.compact-channel-summary .channel-chip{padding:9px}.compact-channel-summary .channel-chip strong{font-size:15px}.bcg-mini{font-family:inherit;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:0;width:100%}.bcg-mini:hover{transform:translateY(-2px)}.bcg-mini.selected{box-shadow:0 0 0 2px var(--purple),0 6px 16px #35205c15;transform:translateY(-1px)}.history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-note-cell{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-tag{background:#f0ebf7;color:var(--purple2)}
@media(max-width:1150px){.channel-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.channel-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-channel-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.history-actions{width:100%}.history-actions .btn{flex:1}.brand-logo-wrap{width:64px;height:64px}}