*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b0d10;color:#f6f7fb}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#101319;border-right:1px solid #242832;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand,.mini-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 10px 24px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ff8a00,#ff4d00);display:grid;place-items:center;font-weight:900;color:white;box-shadow:0 12px 30px #ff630033}.brand b,.mini-brand b{display:block}.brand small,.mini-brand small{display:block;color:#858b98;margin-top:2px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 13px;border-radius:12px;color:#aeb4c0;display:flex;gap:11px;align-items:center}.sidebar nav a:hover,.sidebar nav a.active{background:#1a1f27;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 #ff6a00}.sidebar-bottom{margin-top:auto;border-top:1px solid #262b33;padding:16px 8px 0}.admin-chip span,.admin-chip small{display:block}.admin-chip small{color:#7e8491;margin-top:3px}.logout{display:inline-block;margin-top:14px;color:#ff8a66}.main{min-width:0}.topbar{min-height:92px;border-bottom:1px solid #20242c;padding:20px 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;background:#0b0d10e8;backdrop-filter:blur(12px);z-index:10}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:#8e95a3;font-size:13px}.status-dot{margin-left:auto;background:#13181f;border:1px solid #262b34;border-radius:999px;padding:8px 12px;color:#b9c0cc;font-size:12px}.status-dot i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#49d17d;margin-right:6px}.menu-btn{display:none;background:none;border:0;color:white;font-size:22px}.content{padding:28px;max-width:1500px}.hero-card{background:radial-gradient(circle at 80% 20%,#ff6a002e,transparent 35%),linear-gradient(135deg,#15191f,#111318);border:1px solid #2a3038;border-radius:22px;padding:32px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.hero-card h2{font-size:30px;max-width:760px;margin:7px 0 10px}.hero-card p{color:#a3a9b5;max-width:700px}.hero-badge{width:110px;height:110px;border-radius:30px;background:linear-gradient(135deg,#ff8a00,#ff4d00);display:grid;place-items:center;font-size:40px;font-weight:900;transform:rotate(8deg);box-shadow:0 25px 60px #ff5c002c}.eyebrow{font-size:11px;letter-spacing:.18em;color:#ff8a42;font-weight:800}.hero-actions,.form-actions{display:flex;gap:10px;margin-top:20px}.btn{border:1px solid #303640;background:#171b22;color:#fff;border-radius:11px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(135deg,#ff7a00,#ff4b00);border:0;font-weight:800}.btn.ghost{background:#151920}.btn.danger{background:#32191a;border-color:#522426;color:#ffb6b6}.btn.tiny{padding:7px 10px;font-size:12px}.btn.wide{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat,.panel{background:#11151b;border:1px solid #242933;border-radius:18px}.stat{padding:20px}.stat span,.stat small{display:block;color:#89919f}.stat b{font-size:32px;display:block;margin:8px 0 5px}.stat small{font-size:12px}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.panel-head h3{margin:0;font-size:17px}.panel-head p{margin:5px 0 0;color:#838b99;font-size:12px}.panel-head>a{color:#ff8840;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #242a32;font-size:13px}th{color:#7e8795;font-weight:600}.muted,.empty{color:#777f8d}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:5px 8px;border-radius:999px;border:1px solid #3a414b}.badge.sent{background:#173222;color:#78efa1;border-color:#25533a}.badge.pending{background:#322d16;color:#ffe07a;border-color:#554b25}.badge.failed{background:#351a1a;color:#ff9898;border-color:#572727}.badge.draft{background:#242831;color:#aeb6c3}.checklist{padding-left:20px;margin:0;display:grid;gap:16px}.checklist li{padding-left:4px}.checklist b,.checklist span{display:block}.checklist span{color:#818a98;font-size:12px;margin-top:3px}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:7px;color:#b9c0ca;font-size:12px}.form-grid label small{color:#737b88}.form-grid input,.form-grid textarea,.form-grid select,.chat-input input{width:100%;background:#0d1116;border:1px solid #2b313b;color:#f5f6f8;border-radius:10px;padding:11px 12px;outline:none}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.chat-input input:focus{border-color:#ff6b1a;box-shadow:0 0 0 3px #ff6b1a12}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch-line{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.switch-line input{width:auto}.auto-grid,.post-grid{grid-template-columns:.9fr 1.1fr}.cards-list{display:grid;gap:10px;max-height:720px;overflow:auto}.rule-card{border:1px solid #282e38;background:#0e1217;border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:12px}.rule-card h4{margin:8px 0 5px}.rule-card p{margin:0;color:#9ba3af;font-size:12px}.rule-card small{display:block;color:#6f7784;margin-top:7px}.rule-actions{display:flex;gap:6px;align-items:start}.mini-error{margin-top:8px;font-size:11px;color:#ff9494}.alert{padding:12px 14px;border-radius:11px;margin-bottom:15px}.alert.success{background:#153021;border:1px solid #26553b;color:#9bf4b9}.alert.error{background:#361b1c;border:1px solid #5b2b2d;color:#ffb8b8}.sim-layout{display:grid;grid-template-columns:minmax(380px,620px) 1fr;gap:18px}.sim-phone{padding:0;overflow:hidden}.phone-top{padding:16px;border-bottom:1px solid #252b34;display:flex;align-items:center;gap:10px;background:#151a20}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff8a00,#ff4b00);display:grid;place-items:center;font-weight:900}.phone-top small{display:block;color:#7e8793}.chat-area{min-height:480px;padding:20px;background:radial-gradient(circle at 30% 20%,#ff6c0010,transparent 35%),#0c1015;display:flex;flex-direction:column;gap:12px}.bubble{max-width:78%;padding:11px 13px;border-radius:15px;font-size:13px;line-height:1.5}.bubble.bot{background:#1c222a;border-top-left-radius:5px}.bubble.user{background:#ff6512;align-self:flex-end;border-top-right-radius:5px}.match-info{display:block;color:#8c96a3;margin-top:8px;padding-top:6px;border-top:1px solid #ffffff12}.chat-input{display:flex;gap:8px;padding:13px;border-top:1px solid #252b34;background:#12161c}.chat-input button{width:44px;border:0;border-radius:11px;background:#ff6512;color:white;font-size:18px}.tip-list{display:grid;gap:12px;margin-bottom:20px}.tip-list div{padding:13px;background:#0e1217;border:1px solid #272d35;border-radius:12px}.tip-list b,.tip-list span{display:block}.tip-list span{color:#7f8895;font-size:12px;margin-top:4px}.code-card,.notice{background:#0d1116;border:1px solid #292f38;border-radius:12px;padding:14px;margin-bottom:12px}.code-card small{display:block;color:#7f8795;margin-bottom:7px}.code-card code,.notice code{word-break:break-all;color:#ffad74}.notice b{display:block}.notice p{color:#8c95a2;font-size:12px}.login-body{background:radial-gradient(circle at 15% 20%,#ff6a001b,transparent 30%),#090b0e;display:grid;place-items:center;padding:30px}.login-wrap{width:min(1050px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:stretch}.login-art{border:1px solid #242a33;border-radius:24px;padding:48px;background:linear-gradient(145deg,#11151a,#0c0f13);position:relative;overflow:hidden;min-height:570px}.login-art h1{font-size:48px;line-height:1.05;margin:20px 0}.login-art h1 em{font-style:normal;color:#ff6a00}.login-art p{color:#8e96a4;max-width:500px}.orb{position:absolute;right:-30px;bottom:-50px;width:250px;height:250px;border-radius:70px;background:linear-gradient(135deg,#ff8a00,#ff4500);display:grid;place-items:center;font-size:100px;font-weight:900;transform:rotate(-12deg);box-shadow:0 0 90px #ff5c003c}.login-card{background:#11151b;border:1px solid #252b34;border-radius:24px;padding:34px;align-self:center}.login-card h2{margin:30px 0 5px}.login-card>p{color:#858e9c;margin:0 0 22px}.login-card label{display:grid;gap:7px;margin-bottom:14px;color:#aeb6c1;font-size:12px}.login-card input{background:#0c1015;border:1px solid #2a3039;color:white;border-radius:11px;padding:12px}.login-hint{text-align:center;color:#717a87;font-size:12px;margin-top:14px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:250px;transition:.25s}.sidebar-open .sidebar{left:0}.menu-btn{display:block}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.auto-grid,.post-grid,.sim-layout{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:620px){.content{padding:16px}.topbar{padding:16px}.topbar p,.status-dot{display:none}.stats-grid{grid-template-columns:1fr}.hero-card{padding:22px}.hero-card h2{font-size:23px}.hero-badge{display:none}.row-2{grid-template-columns:1fr}.rule-card{flex-direction:column}.rule-actions{justify-content:flex-start}}
/* V1.1 — Content & Inbox Upgrade */
.composer-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);gap:18px;align-items:start}.composer-panel{min-width:0}.preview-column{min-width:0}.preview-sticky{position:sticky;top:112px}.button-builder{border:1px solid #2b313b;background:#0d1116;border-radius:13px;padding:13px}.builder-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.builder-head b,.builder-head small{display:block}.builder-head small{color:#747d8a;margin-top:3px;font-size:11px}.button-row{display:grid;grid-template-columns:1fr 1.25fr 36px;gap:8px;margin-top:8px}.button-row input{width:100%;background:#11161d;border:1px solid #2c333d;color:#fff;border-radius:9px;padding:10px}.remove-button{border:1px solid #4a2929;background:#2b1718;color:#ff9d9d;border-radius:9px;cursor:pointer}.telegram-preview{background:#0d1116;border:1px solid #252c35;border-radius:18px;overflow:hidden}.tg-header{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#151a20;border-bottom:1px solid #242a32}.avatar.small{width:34px;height:34px;font-size:12px}.tg-header small,.inbox-head small{display:block;color:#808996;margin-top:2px}.tg-message{margin:18px;background:#1b222b;border-radius:10px 14px 14px 14px;overflow:hidden;position:relative;box-shadow:0 10px 30px #0003}.preview-image{width:100%;max-height:320px;object-fit:cover;display:block}.hidden{display:none!important}.preview-text{padding:13px 14px 7px;line-height:1.5;font-size:13px;word-break:break-word}.preview-buttons{padding:6px 9px 11px;display:grid;gap:5px}.preview-btn,.sim-buttons span{background:#25303b;border:1px solid #34414f;color:#82c8ff;border-radius:8px;padding:8px 10px;text-align:center;font-size:12px;font-weight:700}.tg-time{display:block;text-align:right;color:#75808c;padding:0 10px 8px;font-size:10px}.history-panel{margin-top:18px}.table-sub{display:block;color:#737c89;margin-top:4px;font-size:11px}.sim-buttons{display:grid;gap:5px;margin-top:10px}.inbox-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;height:calc(100vh - 150px);min-height:560px}.convo-list{padding:0;overflow:auto}.convo-list .panel-head{padding:18px 18px 8px;position:sticky;top:0;background:#11151bf2;z-index:2}.convo-item{display:flex;gap:10px;padding:13px 15px;border-top:1px solid #222831}.convo-item:hover,.convo-item.active{background:#181e26}.convo-item.active{box-shadow:inset 3px 0 #ff6a00}.convo-item>div:last-child{min-width:0}.convo-item b,.convo-item span,.convo-item small{display:block}.convo-item span{color:#9ba4b1;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-item small{color:#69727e;font-size:10px;margin-top:5px}.inbox-chat{padding:0;display:grid;grid-template-rows:auto 1fr auto;min-width:0;overflow:hidden}.inbox-head{padding:14px 17px;border-bottom:1px solid #252b34;display:flex;align-items:center;gap:10px;background:#141920}.inbox-messages{padding:18px;overflow:auto;background:radial-gradient(circle at 20% 10%,#ff6d000b,transparent 35%),#0c1015;display:flex;flex-direction:column;gap:10px}.inbox-messages .bubble{max-width:min(72%,680px)}.inbox-messages .bubble.customer{background:#1d242d;align-self:flex-start;border-top-left-radius:5px}.inbox-messages .bubble.agent{background:#813500;align-self:flex-end;border-top-right-radius:5px}.inbox-messages .bubble small{display:block;color:#b5bdc7;font-size:9px;margin-top:7px;opacity:.75}.inbox-reply{display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px;border-top:1px solid #252b34;background:#12171d}.inbox-reply textarea,.search-form input{background:#0d1116;border:1px solid #2b313b;color:#fff;border-radius:10px;padding:11px 12px;resize:none}.search-form{display:flex;gap:8px}.filter-links{display:flex;gap:6px}.mini-error{display:block!important}.hero-badge{font-size:32px}
@media(max-width:1100px){.composer-layout{grid-template-columns:1fr}.preview-sticky{position:static}.inbox-layout{grid-template-columns:280px 1fr}}
@media(max-width:760px){.inbox-layout{grid-template-columns:1fr;height:auto}.convo-list{max-height:330px}.inbox-chat{min-height:620px}.button-row{grid-template-columns:1fr 1fr 36px}.search-form{width:100%}.panel-head{flex-wrap:wrap}.composer-layout{display:block}.preview-column{margin-top:18px}}
@media(max-width:520px){.button-row{grid-template-columns:1fr 36px}.button-row input:nth-child(2){grid-column:1/-1;grid-row:2}.button-row .remove-button{grid-column:2;grid-row:1}.inbox-messages .bubble{max-width:88%}}
/* V1.3 — Channel Auto Broadcast & Template Rotation */
.badge.template{background:#162d38;color:#79d9ff;border-color:#285166}.badge.active{background:#173320;color:#85f1a6;border-color:#2c5a39}.badge.paused{background:#302b18;color:#ffe083;border-color:#564b25}.badge.completed{background:#242831;color:#aeb6c3}.broadcast-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.65fr);gap:18px;align-items:start}.campaign-side{position:sticky;top:112px}.field-title{display:block;color:#b9c0ca;font-size:12px;margin-bottom:8px}.day-picker{display:flex;gap:7px;flex-wrap:wrap}.day-picker label{display:block!important}.day-picker input{display:none}.day-picker span{display:block;padding:8px 10px;border:1px solid #2d343e;background:#0e1217;border-radius:9px;color:#89929f;cursor:pointer;font-size:12px}.day-picker input:checked+span{border-color:#ff6a00;background:#2b1a0f;color:#ffb27f}.template-row{display:grid;grid-template-columns:32px minmax(180px,1fr) 150px 36px;gap:8px;margin-top:8px;align-items:center}.template-row select,.template-row input{width:100%;background:#11161d;border:1px solid #2c333d;color:#fff;border-radius:9px;padding:10px}.drag-handle{height:38px;display:grid;place-items:center;color:#68727f}.campaign-controls{margin-top:16px;padding-top:16px;border-top:1px solid #262c35}.campaign-controls form{display:flex;gap:8px;flex-wrap:wrap}.campaign-status-card{background:#0d1116;border:1px solid #292f39;border-radius:15px;padding:17px}.campaign-status-card h3{margin:12px 0}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.status-grid>div{background:#121820;border:1px solid #252d36;border-radius:11px;padding:12px}.status-grid small,.status-grid b{display:block}.status-grid small{color:#737d89;font-size:10px;margin-bottom:5px}.worker-code{margin-top:14px;border-top:1px solid #252c35;padding-top:12px}.worker-code small,.worker-code code{display:block}.worker-code small{color:#77818e;margin-bottom:6px}.worker-code code{color:#ffad74;font-size:11px;word-break:break-all;line-height:1.5}.empty-state{color:#7f8996;padding:24px;text-align:center;border:1px dashed #2c333c;border-radius:13px}
@media(max-width:1100px){.broadcast-layout{grid-template-columns:1fr}.campaign-side{position:static}}@media(max-width:650px){.template-row{grid-template-columns:28px 1fr 36px}.template-row input{grid-column:2/4}.template-row .remove-button{grid-column:3;grid-row:1}.status-grid{grid-template-columns:1fr}}
/* V1.3.1 — Theme & Login UX Upgrade */
:root{color-scheme:dark}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar-actions .status-dot{margin-left:0}.theme-toggle{height:36px;border:1px solid #303640;background:#151a21;color:#e7ebf1;border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:700;transition:.2s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:#ff6a00}.theme-icon{font-size:14px}.login-theme-toggle{position:fixed;right:24px;top:24px;z-index:30}
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body{background:#f4f8fc;color:#172033}
html[data-theme="light"] .sidebar{background:#fff;border-right-color:#dbe5f0;box-shadow:8px 0 28px #1d4ed80a}
html[data-theme="light"] .brand small,html[data-theme="light"] .mini-brand small{color:#718096}
html[data-theme="light"] .brand-mark{background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 12px 30px #2563eb24}
html[data-theme="light"] .sidebar nav a{color:#53627a}
html[data-theme="light"] .sidebar nav a:hover,html[data-theme="light"] .sidebar nav a.active{background:#eaf2ff;color:#12356b}
html[data-theme="light"] .sidebar nav a.active{box-shadow:inset 3px 0 #2563eb}
html[data-theme="light"] .sidebar-bottom{border-top-color:#dfe7f1}
html[data-theme="light"] .admin-chip small{color:#7b8798}
html[data-theme="light"] .logout{color:#2563eb}
html[data-theme="light"] .topbar{background:#ffffffea;border-bottom-color:#dce5ef;box-shadow:0 6px 24px #2563eb08}
html[data-theme="light"] .topbar p{color:#6c788a}
html[data-theme="light"] .menu-btn{color:#1d2a3d}
html[data-theme="light"] .status-dot,html[data-theme="light"] .theme-toggle{background:#f8fbff;border-color:#d7e2ef;color:#496079}
html[data-theme="light"] .theme-toggle:hover{border-color:#2563eb;background:#edf5ff}
html[data-theme="light"] .content{background:#f4f8fc}
html[data-theme="light"] .hero-card{background:radial-gradient(circle at 80% 20%,#2563eb18,transparent 35%),linear-gradient(135deg,#ffffff,#f3f8ff);border-color:#d9e4f0;box-shadow:0 18px 45px #2563eb0a}
html[data-theme="light"] .hero-card p{color:#64748b}
html[data-theme="light"] .hero-badge{background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 25px 60px #2563eb24}
html[data-theme="light"] .eyebrow{color:#2563eb}
html[data-theme="light"] .stat,html[data-theme="light"] .panel{background:#fff;border-color:#dbe5ef;box-shadow:0 8px 24px #335a8a08}
html[data-theme="light"] .stat span,html[data-theme="light"] .stat small,html[data-theme="light"] .muted,html[data-theme="light"] .empty{color:#718096}
html[data-theme="light"] .panel-head p,html[data-theme="light"] .table-sub{color:#718096}
html[data-theme="light"] .panel-head>a{color:#2563eb}
html[data-theme="light"] th,html[data-theme="light"] td{border-bottom-color:#e4ebf3}
html[data-theme="light"] th{color:#718096}
html[data-theme="light"] .btn{background:#fff;border-color:#cfdbe8;color:#20324a}
html[data-theme="light"] .btn.primary{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border:0}
html[data-theme="light"] .btn.ghost{background:#f7faff}
html[data-theme="light"] .btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}
html[data-theme="light"] .form-grid label,html[data-theme="light"] .field-title{color:#526174}
html[data-theme="light"] .form-grid label small{color:#8491a2}
html[data-theme="light"] .form-grid input,html[data-theme="light"] .form-grid textarea,html[data-theme="light"] .form-grid select,html[data-theme="light"] .chat-input input,html[data-theme="light"] .inbox-reply textarea,html[data-theme="light"] .search-form input,html[data-theme="light"] .button-row input,html[data-theme="light"] .template-row select,html[data-theme="light"] .template-row input{background:#fff;border-color:#cfdbe8;color:#172033}
html[data-theme="light"] .form-grid input:focus,html[data-theme="light"] .form-grid textarea:focus,html[data-theme="light"] .form-grid select:focus,html[data-theme="light"] .chat-input input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}
html[data-theme="light"] .rule-card,html[data-theme="light"] .tip-list div,html[data-theme="light"] .code-card,html[data-theme="light"] .notice,html[data-theme="light"] .button-builder,html[data-theme="light"] .telegram-preview,html[data-theme="light"] .campaign-status-card{background:#f8fbff;border-color:#dbe5ef}
html[data-theme="light"] .rule-card p,html[data-theme="light"] .rule-card small,html[data-theme="light"] .tip-list span,html[data-theme="light"] .code-card small,html[data-theme="light"] .notice p{color:#718096}
html[data-theme="light"] .code-card code,html[data-theme="light"] .notice code,html[data-theme="light"] .worker-code code{color:#2563eb}
html[data-theme="light"] .tg-header,html[data-theme="light"] .inbox-head{background:#f3f7fc;border-color:#dbe5ef}
html[data-theme="light"] .tg-message{background:#fff;box-shadow:0 10px 30px #1d4ed812}
html[data-theme="light"] .preview-btn,html[data-theme="light"] .sim-buttons span{background:#e9f3ff;border-color:#c6dcf5;color:#1d5fae}
html[data-theme="light"] .chat-input,html[data-theme="light"] .inbox-reply{background:#f7faff;border-color:#dbe5ef}
html[data-theme="light"] .chat-input button{background:#2563eb}
html[data-theme="light"] .convo-list .panel-head{background:#ffffffef}
html[data-theme="light"] .convo-item{border-color:#e2eaf3}
html[data-theme="light"] .convo-item:hover,html[data-theme="light"] .convo-item.active{background:#edf5ff}
html[data-theme="light"] .convo-item.active{box-shadow:inset 3px 0 #2563eb}
html[data-theme="light"] .convo-item span{color:#66758a}
html[data-theme="light"] .convo-item small{color:#8995a6}
html[data-theme="light"] .inbox-messages{background:radial-gradient(circle at 20% 10%,#2563eb0b,transparent 35%),#f7fbff}
html[data-theme="light"] .inbox-messages .bubble.customer{background:#e8eef6;color:#172033}
html[data-theme="light"] .inbox-messages .bubble.agent{background:#2563eb;color:#fff}
html[data-theme="light"] .day-picker span{background:#fff;border-color:#cfdbe8;color:#66758a}
html[data-theme="light"] .day-picker input:checked+span{border-color:#2563eb;background:#e9f2ff;color:#1d4ed8}
html[data-theme="light"] .status-grid>div{background:#f8fbff;border-color:#dbe5ef}
html[data-theme="light"] .status-grid small,html[data-theme="light"] .worker-code small{color:#7a8799}
html[data-theme="light"] .campaign-controls{border-color:#dbe5ef}
html[data-theme="light"] .empty-state{color:#718096;border-color:#cbd8e6}
html[data-theme="light"] .badge.draft,html[data-theme="light"] .badge.completed{background:#edf2f7;color:#59677a}
html[data-theme="light"] .login-body{background:radial-gradient(circle at 15% 20%,#2563eb12,transparent 30%),#eef5fb}
html[data-theme="light"] .login-art{background:linear-gradient(145deg,#ffffff,#edf5ff);border-color:#d6e3f0;box-shadow:0 18px 60px #2563eb10}
html[data-theme="light"] .login-art h1 em{color:#2563eb}
html[data-theme="light"] .login-art p{color:#64748b}
html[data-theme="light"] .orb{background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 0 90px #2563eb24;color:#fff}
html[data-theme="light"] .login-card{background:#fff;border-color:#d7e2ed;box-shadow:0 18px 60px #2563eb10}
html[data-theme="light"] .login-card>p,html[data-theme="light"] .login-hint{color:#718096}
html[data-theme="light"] .login-card label{color:#526174}
html[data-theme="light"] .login-card input{background:#fff;border-color:#cfdbe8;color:#172033}
html[data-theme="light"] .login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14;outline:none}
@media(max-width:620px){.topbar-actions{margin-left:auto}.theme-toggle .theme-label{display:none}.theme-toggle{width:36px;padding:0;justify-content:center}.login-theme-toggle{right:16px;top:16px}}
/* Sidebar Scroll Fix V2 */
.sidebar{
position:sticky;
top:0;
height:100vh;
max-height:100vh;
display:flex;
flex-direction:column;
overflow:hidden;
}
.sidebar .brand{
flex:0 0 auto;
}
.sidebar nav{
flex:1 1 auto;
min-height:0;
overflow-y:auto;
overflow-x:hidden;
padding-bottom:12px;
scrollbar-width:thin;
scrollbar-color:#8ea4c1 transparent;
}
.sidebar nav::-webkit-scrollbar{
width:5px;
}
.sidebar nav::-webkit-scrollbar-track{
background:transparent;
}
.sidebar nav::-webkit-scrollbar-thumb{
background:#8ea4c1;
border-radius:10px;
}
.sidebar-bottom{
flex:0 0 auto;
margin-top:0;
background:transparent;
}
/* ===== V1.4.1 MOBILE SIDEBAR FINAL FIX ===== */
@media (max-width: 980px){
.sidebar{
position:fixed !important;
top:0 !important;
left:0 !important;
width:290px !important;
max-width:85vw !important;
height:100dvh !important;
z-index:1200 !important;
transform:translateX(-105%) !important;
transition:transform .25s ease !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
}
body.sidebar-open .sidebar{
transform:translateX(0) !important;
}
.sidebar nav{
flex:1 1 0 !important;
min-height:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
}
.sidebar-bottom{
flex:0 0 auto !important;
}
/* overlay */
body.sidebar-open::after{
content:"";
position:fixed;
inset:0;
background:rgba(0,0,0,.35);
z-index:1100;
}
/* sidebar harus di atas overlay */
body.sidebar-open .sidebar{
z-index:1200 !important;
}
/* hamburger tetap di atas */
.menu-btn{
position:relative;
z-index:1300 !important;
}
}