:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e5e7eb;background:#020617;--bg:#020617;--panel:#0f172a;--panel2:#111827;--line:#1e293b;--muted:#94a3b8;--indigo:#4f46e5;--green:#10b981;--amber:#f59e0b;--rose:#f43f5e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e2e8f0}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:256px 1fr;height:100vh;overflow:hidden}.sidebar{background:#0b1220;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.brand{height:73px;padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.brand-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#34d399);font-size:22px;font-weight:800;box-shadow:0 10px 30px #4f46e533}.brand strong{font-size:13px;letter-spacing:.06em;color:white}.brand span{display:block;margin-top:5px;font-size:11px;color:#34d399}.brand i{display:inline-block;width:7px;height:7px;border-radius:99px;background:#34d399;margin-right:5px}.nav-list{padding:12px}.nav{width:100%;border:0;background:transparent;color:#94a3b8;padding:11px 12px;border-radius:11px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;margin:2px 0;font-size:13px}.nav span{flex:1}.nav.active{background:#4f46e5;color:white;box-shadow:0 8px 24px #4f46e533}.nav:hover{background:#172033;color:#e5e7eb}.nav em,.nav-badge,.nav-count{font-style:normal;font-size:9px;border-radius:7px;padding:2px 6px}.nav em{background:#052e2b;color:#34d399;border:1px solid #065f46}.nav-badge{background:#f59e0b;color:#111827}.nav-count{background:#1f2937;color:#cbd5e1}.ai-card{margin:12px;padding:13px;border:1px solid #334155;background:#172033;border-radius:16px;font-size:11px}.ai-card-title{display:flex;justify-content:space-between;gap:8px;font-weight:700}.ai-card-title small{color:#c7d2fe;background:#312e81;padding:3px 6px;border-radius:6px}.ai-card p{color:#94a3b8;line-height:1.5}.ai-card>div:last-child{border-top:1px solid #334155;padding-top:8px;display:flex;justify-content:space-between}.ai-card strong{color:#34d399}.main{min-width:0;height:100vh;overflow:hidden}.page{display:none;height:100%}.page.active{display:block}.padded-page{padding:24px;overflow:auto}.inbox-layout{display:grid;grid-template-columns:320px minmax(420px,1fr) 320px;height:100%}.conversation-panel,.detail-panel{background:#0b1220}.conversation-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.conversation-toolbar{padding:12px;border-bottom:1px solid var(--line)}.searchbox{height:36px;border:1px solid #334155;background:#172033;border-radius:11px;display:flex;align-items:center;padding:0 10px;color:#64748b}.searchbox input{flex:1;border:0;background:transparent;color:white;outline:0;padding-left:7px;font-size:12px}.filters{display:flex;gap:5px;margin-top:10px;overflow:auto}.filter{border:0;background:#172033;color:#94a3b8;border-radius:8px;padding:6px 9px;white-space:nowrap;font-size:11px;cursor:pointer}.filter.active{background:#4f46e5;color:white}.threads{overflow:auto}.thread{padding:13px 14px;border-bottom:1px solid #182235;cursor:pointer;display:flex;gap:11px;position:relative}.thread:hover,.thread.active{background:#172033}.thread.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#6366f1}.avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#334155,#1e293b);display:grid;place-items:center;font-weight:800;color:#cbd5e1;flex:0 0 42px}.thread-body{min-width:0;flex:1}.thread-row{display:flex;justify-content:space-between;gap:8px}.thread-name{font-size:12px;font-weight:700;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-time{font-size:9px;color:#64748b}.thread-preview{font-size:10px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 7px}.channel{font-size:9px;font-weight:700;padding:2px 6px;border-radius:5px;border:1px solid}.channel.facebook{background:#172554;color:#60a5fa;border-color:#1d4ed8}.channel.whatsapp{background:#052e2b;color:#34d399;border-color:#047857}.channel.tiktok{background:#4c0519;color:#fb7185;border-color:#be123c}.channel.web{background:#1e293b;color:#cbd5e1;border-color:#475569}.chat-panel{display:grid;grid-template-rows:64px 1fr auto 72px;min-width:0;background:#020617;border-right:1px solid var(--line)}.chat-head{padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#07101f}.chat-head.empty{color:#64748b}.chat-person{display:flex;align-items:center;gap:10px}.chat-person b{display:block;font-size:13px;color:white}.chat-person span{font-size:10px;color:#94a3b8}.mode-switch{display:flex;background:#172033;border:1px solid #334155;border-radius:11px;padding:4px;gap:3px}.mode-switch button{border:0;background:transparent;color:#94a3b8;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:700;cursor:pointer}.mode-switch .active.auto{background:#34d399;color:#052e16}.mode-switch .active.approval{background:#f59e0b;color:#1f1300}.mode-switch .active.manual{background:#f43f5e;color:white}.messages{padding:18px;overflow:auto}.msg-wrap{display:flex;flex-direction:column;margin:8px 0}.msg-wrap.customer{align-items:flex-start}.msg-wrap.assistant{align-items:flex-end}.msg-meta{font-size:9px;color:#64748b;margin:0 5px 4px}.bubble{max-width:70%;padding:11px 13px;border-radius:15px;font-size:11px;line-height:1.55;white-space:pre-wrap}.bubble.customer{background:#172033;border:1px solid #334155;color:#e2e8f0;border-top-left-radius:4px}.bubble.assistant{background:linear-gradient(135deg,#4f46e5,#4338ca);color:white;border-top-right-radius:4px}.bubble.system{max-width:100%;background:#4c0519aa;color:#fecdd3;border:1px solid #9f1239}.approval-box{margin:0 16px 12px;padding:14px;background:#451a0366;border:1px solid #d97706;border-radius:15px}.approval-box h4{margin:0 0 8px;color:#fbbf24;font-size:11px}.approval-box textarea{width:100%;background:#0f172a;border:1px solid #92400e;color:white;border-radius:10px;padding:9px;resize:vertical;font-size:11px}.approval-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.approval-actions button{border:0;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer}.composer{display:flex;gap:9px;padding:14px;border-top:1px solid var(--line);background:#07101f}.composer input{flex:1;background:#172033;border:1px solid #334155;color:white;border-radius:11px;padding:0 13px;outline:none;font-size:11px}.composer button,.primary-btn{border:0;background:#4f46e5;color:white;border-radius:11px;padding:0 16px;font-weight:700;cursor:pointer}.detail-panel{padding:15px;overflow:auto}.detail-panel h3{font-size:10px;letter-spacing:.08em;color:#64748b;margin:0 0 14px}.detail-card{border:1px solid #334155;background:#172033;border-radius:13px;padding:12px;margin-bottom:12px;font-size:10px}.detail-card h4{margin:0 0 9px;color:#818cf8;font-size:11px}.detail-row{display:flex;justify-content:space-between;gap:12px;margin:7px 0}.detail-row span:first-child{color:#94a3b8}.detail-row b{color:#e2e8f0;text-align:right}.price{color:#34d399!important}.stock{color:#fbbf24!important}.detail-empty{color:#64748b;font-size:11px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title h1{margin:0;color:white;font-size:20px}.page-title p{margin:6px 0 0;color:#94a3b8;font-size:11px}.panel{background:#0b1220;border:1px solid var(--line);border-radius:16px}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.scenario{background:#0b1220;border:1px solid var(--line);border-radius:13px;padding:12px;text-align:left;color:#e2e8f0;cursor:pointer}.scenario:hover{border-color:#6366f1}.scenario b{display:block;color:#a5b4fc;font-size:11px;margin-bottom:6px}.scenario small{display:block;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simulator-card{padding:20px}.simulator-card h3{margin-top:0;font-size:13px}.form-grid{display:grid;gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:10px;color:#94a3b8;margin-bottom:10px}input,select,textarea{width:100%;margin-top:6px;background:#172033;border:1px solid #334155;color:white;border-radius:10px;padding:9px 10px;outline:none}.sim-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.sim-footer small{color:#64748b}.green-btn{border:0;background:linear-gradient(90deg,#10b981,#0d9488);color:#022c22;border-radius:11px;padding:10px 16px;font-weight:800;cursor:pointer}.product-form{display:grid;grid-template-columns:1.7fr 1fr .8fr .8fr .6fr auto;gap:9px;padding:12px;margin-bottom:14px}.product-form input{margin:0}.product-form button{border:0;background:#4f46e5;color:white;border-radius:10px;padding:0 14px;font-weight:800}.top-input{width:260px}.table-wrap{overflow:hidden}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #182235}th{background:#0f172a;color:#64748b;font-size:10px}td{color:#cbd5e1}td:first-child{color:white;font-weight:700}.edit-btn,.delete-btn{border:0;border-radius:7px;padding:5px 8px;cursor:pointer;margin-left:5px}.edit-btn{background:#312e81;color:#c7d2fe}.delete-btn{background:#4c0519;color:#fda4af}.stock-pill{padding:3px 7px;border-radius:99px;background:#052e2b;color:#34d399;border:1px solid #065f46}.booking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.booking-card{padding:15px}.booking-card h4{margin:8px 0 3px;color:white}.booking-card .id{font-family:monospace;color:#818cf8;font-weight:800}.booking-card .status{float:right;font-size:9px;padding:3px 7px;border-radius:99px;background:#052e2b;color:#34d399}.booking-info{margin-top:12px;background:#020617;border:1px solid #1e293b;border-radius:10px;padding:9px;font-size:10px}.booking-info div{display:flex;justify-content:space-between;margin:6px 0}.booking-actions{display:flex;gap:8px;margin-top:10px}.booking-actions button{flex:1;border:1px solid #334155;background:#172033;color:#cbd5e1;border-radius:9px;padding:7px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-card{padding:17px}.setting-card h3{margin-top:0;color:white}.setting-card p{color:#94a3b8;font-size:11px}.setting-card code,.guide-card code{background:#172033;border:1px solid #334155;padding:3px 6px;border-radius:6px;color:#c7d2fe}.setting-card.warning{border-color:#78350f;background:#1c1207}.guide-card{padding:17px;margin-top:14px}.guide-card h3{margin-top:0}.muted{color:#64748b!important}.status-pill{display:inline-block;font-size:10px;font-weight:700;border-radius:99px;padding:4px 8px;margin:4px 0}.status-pill.ok{background:#052e2b;color:#34d399}.status-pill.off{background:#450a0a;color:#fca5a5}.status-pill.warn{background:#451a03;color:#fbbf24}.toast{position:fixed;top:16px;right:16px;background:#4f46e5;border:1px solid #818cf8;color:white;border-radius:12px;padding:11px 14px;font-size:11px;box-shadow:0 16px 40px #0008;z-index:100}.hidden{display:none!important}@media(max-width:1180px){.inbox-layout{grid-template-columns:290px 1fr}.detail-panel{display:none}.booking-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{position:static}.main{height:auto;min-height:700px}.inbox-layout{grid-template-columns:1fr}.conversation-panel{max-height:300px}.chat-panel{height:650px}.form-grid.three,.settings-grid,.scenario-grid,.booking-grid{grid-template-columns:1fr}.product-form{grid-template-columns:1fr}.padded-page{padding:16px}}
.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}.channel-card{background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.15)}.channel-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.channel-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#1e293b;font-size:18px}.channel-meta h3{margin:0;color:#fff;font-size:14px}.channel-meta p{margin:4px 0 0;color:#94a3b8;font-size:11px}.channel-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.channel-actions{display:flex;gap:8px}.channel-actions button{flex:1;border:1px solid #334155;background:#1e293b;color:#cbd5e1;border-radius:10px;padding:8px;font-size:11px;cursor:pointer}.channel-actions button:hover{border-color:#6366f1}.channel-help{font-size:12px;color:#cbd5e1}.channel-form{margin-top:16px}.channel-form-head{display:flex;justify-content:space-between;align-items:center}.channel-form-head button{background:transparent;border:0;color:#94a3b8;font-size:18px;cursor:pointer}.account-badge{display:inline-flex;padding:2px 6px;border-radius:6px;background:#172554;color:#a5b4fc;font-size:9px;margin-left:4px}.channel.disabled{opacity:.55}.danger-btn{border-color:#7f1d1d!important;color:#fca5a5!important}.warning-text{color:#fbbf24;font-size:11px}.success-text{color:#34d399;font-size:11px}

.quick-connect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}.quick-connect{background:#111827;border:1px solid #263247;border-radius:16px;padding:16px;text-align:left;color:#e5e7eb;cursor:pointer;transition:.18s}.quick-connect:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.quick-connect strong{display:block;font-size:14px;margin-bottom:6px}.quick-connect span{display:block;font-size:11px;line-height:1.45;color:#94a3b8}@media(max-width:900px){.quick-connect-grid{grid-template-columns:1fr}}

/* V4.1 conversation tags */
.tag-filter{margin-top:8px;width:100%;background:#172033;border:1px solid #334155;color:#cbd5e1;border-radius:9px;padding:7px 9px;font-size:10px}.thread-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tag-pill{--tag-color:#6366f1;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700;color:#fff;background:color-mix(in srgb,var(--tag-color) 30%,#0f172a);border:1px solid var(--tag-color);white-space:nowrap}.tag-pill button{border:0;background:transparent;color:#fff;opacity:.75;font-size:12px;line-height:1;padding:0;cursor:pointer}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.tag-add-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end}.tag-add-row select{margin:0}.tag-add-row button{border:0;background:#4f46e5;color:white;border-radius:9px;padding:9px 10px;font-size:10px;font-weight:700;cursor:pointer}.tag-add-row button:disabled{opacity:.45;cursor:not-allowed}

.tag-create-btn{margin-top:8px;width:100%;border:1px dashed #475569;background:transparent;color:#a5b4fc;border-radius:9px;padding:7px;font-size:10px;cursor:pointer}.tag-create-btn:hover{border-color:#6366f1;background:#111827}

/* V4.1 Tag Manager */
.tag-form{display:grid;grid-template-columns:1.1fr 90px 1.7fr 190px auto;gap:10px;padding:13px;margin-bottom:16px;align-items:center}.tag-form input{margin:0}.tag-form input[type=color]{padding:4px;height:39px}.tag-form button{border:0;background:#4f46e5;color:white;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer}.tag-check{display:flex;align-items:center;gap:8px;margin:0;color:#cbd5e1}.tag-check input{width:auto;margin:0}.tag-manager-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.tag-manager-card{padding:14px}.tag-manager-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag-manager-head>span:last-child{font-size:10px;color:#94a3b8}.tag-manager-meta{margin:12px 0;background:#020617;border:1px solid #1e293b;border-radius:10px;padding:9px}.tag-manager-meta>div{display:flex;justify-content:space-between;gap:12px;margin:6px 0;font-size:10px}.tag-manager-meta span{color:#94a3b8}.tag-manager-meta b{color:#e2e8f0;text-align:right;overflow-wrap:anywhere}.tag-manager-actions{display:flex;gap:8px}.tag-manager-actions button{flex:1;border:1px solid #334155;background:#172033;color:#cbd5e1;border-radius:9px;padding:7px;cursor:pointer}@media(max-width:900px){.tag-form{grid-template-columns:1fr}.tag-manager-grid{grid-template-columns:1fr}}