:root{--font:"Inter",system-ui,sans-serif;--radius:16px;--radius-sm:10px;--radius-lg:20px;--bg:#F8FAFC;--card:#FFFFFF;--card-alt:#F1F5F9;--primary:#4F46E5;--primary-hover:#4338CA;--primary-soft:#EEF2FF;--secondary:#06B6D4;--secondary-soft:#ECFEFF;--success:#22C55E;--success-soft:#F0FDF4;--danger:#EF4444;--danger-soft:#FEF2F2;--warning:#F59E0B;--warning-soft:#FFFBEB;--info:#2563EB;--info-soft:#EFF6FF;--text-1:#0F172A;--text-2:#475569;--text-3:#94A3B8;--border:#E2E8F0;--border-soft:#EEF1F6;--shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow:0 1px 3px rgba(15,23,42,.04),0 10px 30px rgba(15,23,42,.06);--shadow-lg:0 20px 50px rgba(79,70,229,.12);--ease:.25s cubic-bezier(.4,0,.2,1);--sidebar-w:280px;--topbar-h:72px}[data-theme=dark]{--bg:#0A0E17;--card:#0F1421;--card-alt:#141a2a;--primary:#6366F1;--primary-hover:#818CF8;--primary-soft:#1B1F3B;--secondary:#22D3EE;--secondary-soft:#0B2530;--success:#34D399;--success-soft:#0C2318;--danger:#F87171;--danger-soft:#2A1414;--warning:#FBBF24;--warning-soft:#2A2011;--info:#60A5FA;--info-soft:#101E33;--text-1:#F1F5F9;--text-2:#94A3B8;--text-3:#5B667A;--border:#1E2536;--border-soft:#171D2C;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow:0 1px 3px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--shadow-lg:0 20px 50px rgba(99,102,241,.25)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;overflow:hidden;transition:background var(--ease),color var(--ease)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-track{background:transparent}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}svg.icon{width:18px;height:18px;stroke-width:2}.app{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--ease),min-width var(--ease)}.sidebar.collapsed{width:84px;min-width:84px}.sidebar-brand{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 22px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px #4f46e559}.brand-mark svg{width:19px;height:19px;stroke:#fff}.brand-name{font-weight:800;font-size:17px;letter-spacing:-.02em;white-space:nowrap}.brand-tag{font-size:10px;color:var(--text-3);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sidebar.collapsed .brand-name,.sidebar.collapsed .brand-tag,.sidebar.collapsed .navlabel,.sidebar.collapsed .grouplabel,.sidebar.collapsed .chev{display:none}.sidebar-scroll{flex:1;overflow-y:auto;padding:14px 12px 20px}.nav-single{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--text-2);margin-bottom:4px;transition:background var(--ease),color var(--ease)}.nav-single:hover{background:var(--card-alt);color:var(--text-1)}.nav-single.active{background:var(--primary-soft);color:var(--primary)}.nav-group{margin-bottom:2px}.group-head{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-size:12.5px;font-weight:700;color:var(--text-2);cursor:pointer;transition:background var(--ease),color var(--ease)}.group-head:hover{background:var(--card-alt);color:var(--text-1)}.group-head.active-group{color:var(--primary)}.group-head .chev{margin-left:auto;transition:transform var(--ease);color:var(--text-3)}.group-head.open .chev{transform:rotate(90deg)}.group-items{max-height:0;overflow:hidden;transition:max-height var(--ease)}.group-items.open{max-height:900px}.sub-link{display:flex;align-items:center;gap:10px;padding:8.5px 12px 8.5px 44px;font-size:13px;color:var(--text-2);border-radius:10px;margin:1px 4px;font-weight:500;transition:background var(--ease),color var(--ease);position:relative}.sub-link:hover{background:var(--card-alt);color:var(--text-1)}.sub-link.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.sub-link.active:before{content:"";position:absolute;left:26px;width:5px;height:5px;border-radius:50%;background:var(--primary)}.divider{height:1px;background:var(--border-soft);margin:10px 6px}.logout-link{color:var(--danger)!important}.main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid var(--border);background:var(--card)}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-2);position:relative;transition:all var(--ease);flex-shrink:0}.icon-btn:hover{background:var(--card-alt);color:var(--text-1);transform:translateY(-1px)}.icon-btn svg{width:17px;height:17px}.dot-badge{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--danger);border:2px solid var(--card)}.greeting{display:flex;flex-direction:column;gap:1px}.greeting h1{font-size:15px;font-weight:700}.greeting span{font-size:12px;color:var(--text-3)}.search-box{flex:1;max-width:420px;display:flex;align-items:center;gap:9px;background:var(--card-alt);border:1px solid var(--border);border-radius:12px;padding:0 14px;height:40px;color:var(--text-3);margin-left:12px}.search-box input{background:none;border:none;outline:none;color:var(--text-1);font-size:13.5px;width:100%;font-family:inherit}.search-box kbd{font-size:10.5px;background:var(--card);border:1px solid var(--border);border-radius:5px;padding:2px 6px;color:var(--text-3)}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:11px;font-weight:600;font-size:13px;padding:9px 16px;border:1px solid transparent;transition:all var(--ease);white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #4f46e547}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-ghost{background:var(--card);border-color:var(--border);color:var(--text-1)}.btn-ghost:hover{background:var(--card-alt)}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13.5px;flex-shrink:0}.content{flex:1;overflow-y:auto;padding:26px 32px 60px}.page{display:none;animation:fadein .35s ease}.page.active{display:block}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.breadcrumb{font-size:12.5px;color:var(--text-3);font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.page-title{font-size:24px;font-weight:800;letter-spacing:-.02em}.page-sub{font-size:13.5px;color:var(--text-3);margin-top:4px;font-weight:500}.header-actions{display:flex;gap:10px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-12{grid-template-columns:repeat(12,1fr)}.col-8{grid-column:span 8}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-5{grid-column:span 5}.col-9{grid-column:span 9}.col-3{grid-column:span 3}.col-12{grid-column:span 12}@media (max-width:1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.col-8,.col-4,.col-6,.col-7,.col-5,.col-9,.col-3{grid-column:span 12}}@media (max-width:980px){:root{--sidebar-w:264px}.sidebar{position:fixed;z-index:60;left:0;top:0;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-w);min-width:var(--sidebar-w)}.sidebar.collapsed .brand-name,.sidebar.collapsed .brand-tag,.sidebar.collapsed .navlabel,.sidebar.collapsed .grouplabel,.sidebar.collapsed .chev{display:block}.search-box{display:none}.content{padding:18px}.greeting span{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.topbar{padding:0 14px;gap:8px}.btn span,.btn{font-size:12px}.header-actions{width:100%}.page-header{flex-direction:column;align-items:flex-start}.cal-grid{grid-template-columns:repeat(7,minmax(38px,1fr));font-size:10px}.cal-cell{min-height:60px;padding:5px}}.sidebar-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:55}.sidebar-scrim.show{display:block}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:transform var(--ease),box-shadow var(--ease)}.card.hoverable:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card-flat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.stat-card{display:flex;flex-direction:column;gap:12px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:18px;height:18px}.stat-label{font-size:12.5px;color:var(--text-3);font-weight:600}.stat-value{font-size:25px;font-weight:800;letter-spacing:-.02em}.stat-delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:7px;width:fit-content}.delta-up{color:var(--success);background:var(--success-soft)}.delta-down{color:var(--danger);background:var(--danger-soft)}.sparkline{height:34px;margin-top:2px}.section-title{font-size:15.5px;font-weight:700;margin-bottom:2px}.section-sub{font-size:12px;color:var(--text-3);margin-bottom:14px;font-weight:500}.card-headrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tabs{display:flex;gap:4px;background:var(--card-alt);padding:4px;border-radius:11px;width:fit-content}.tab{padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-3);transition:all var(--ease)}.tab.active{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm)}.tabs-underline{display:flex;gap:26px;width:100%;border-bottom:1px solid var(--border);background:none;padding:0;border-radius:0}.tab-underline{display:inline-flex;align-items:center;gap:6px;padding:0 2px 12px;margin-bottom:-1px;font-size:12.5px;font-weight:600;color:var(--text-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--ease);white-space:nowrap}.tab-underline:hover{color:var(--text-1)}.tab-underline.active{color:var(--primary);border-bottom-color:var(--primary)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:11.5px;font-weight:700;border:1px solid var(--border)}.chip-primary{background:var(--primary-soft);color:var(--primary);border-color:transparent}.chip-success{background:var(--success-soft);color:var(--success);border-color:transparent}.chip-warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.chip-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.chip-secondary{background:var(--secondary-soft);color:var(--secondary);border-color:transparent}.progress-track{height:8px;background:var(--card-alt);border-radius:20px;overflow:hidden}.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width 1s ease}.ai-glow-card{border-radius:var(--radius);padding:20px;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--primary) 0%,#7C3AED 60%,var(--secondary) 130%);color:#fff;box-shadow:0 20px 45px #4f46e559}.ai-glow-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 90% 0%,rgba(255,255,255,.25),transparent 55%)}.ai-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ai-insight-row{display:flex;gap:10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.18);align-items:flex-start}.ai-insight-row:first-of-type{border-top:none}.ai-insight-row svg{width:15px;height:15px;margin-top:2px;flex-shrink:0}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;padding:0 14px 10px;border-bottom:1px solid var(--border)}.table td{padding:13px 14px;font-size:13px;border-bottom:1px solid var(--border-soft);color:var(--text-1);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--card-alt)}.row-flag{font-size:16px}.platform-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--card);transition:all var(--ease)}.platform-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.platform-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.platform-logo{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.health-ring{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.platform-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.pm-box{background:var(--card-alt);border-radius:10px;padding:10px 12px}.pm-box .l{font-size:10.5px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pm-box .v{font-size:15px;font-weight:800;margin-top:2px}.chat-wrap{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-h) - 52px)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:6px 4px 20px}.msg{display:flex;gap:12px;max-width:75%}.msg.user{margin-left:auto;flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.msg-bubble{padding:13px 16px;border-radius:16px;font-size:13.5px;line-height:1.6}.msg.ai .msg-bubble{background:var(--card-alt);border-bottom-left-radius:4px}.msg.user .msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-input-bar{border:1px solid var(--border);border-radius:18px;background:var(--card);padding:10px 10px 10px 18px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.chat-input-bar input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:13.5px;color:var(--text-1)}.round-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card-alt);color:var(--text-2);border:none;flex-shrink:0;transition:all var(--ease)}.round-btn:hover{background:var(--border)}.round-btn.send{background:var(--primary);color:#fff}.round-btn.send:hover{background:var(--primary-hover)}.prompt-chip{border:1px solid var(--border);background:var(--card);padding:9px 14px;border-radius:12px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all var(--ease)}.prompt-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-dow{font-size:11px;font-weight:700;color:var(--text-3);text-align:center;padding-bottom:6px;text-transform:uppercase}.cal-cell{border:1px solid var(--border);border-radius:12px;min-height:96px;padding:8px;background:var(--card);display:flex;flex-direction:column;gap:5px;transition:all var(--ease)}.cal-cell:hover{border-color:var(--primary);box-shadow:var(--shadow)}.cal-cell.muted{opacity:.35}.cal-daynum{font-size:11.5px;font-weight:700;color:var(--text-2)}.cal-post{font-size:10px;font-weight:700;padding:3px 6px;border-radius:6px;display:flex;align-items:center;gap:4px}.ring-wrap{position:relative;width:120px;height:120px;margin:0 auto}.ring-wrap svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--card-alt);stroke-width:10}.ring-fg{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s ease}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center .v{font-size:20px;font-weight:800}.ring-center .l{font-size:10px;color:var(--text-3);font-weight:600}.badge-card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:center;background:var(--card);transition:all var(--ease)}.badge-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.badge-icon{width:56px;height:56px;border-radius:16px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:24px}.badge-card.locked{opacity:.4;filter:grayscale(1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;gap:10px}.empty-icon{width:64px;height:64px;border-radius:18px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.empty-state h3{font-size:14.5px;font-weight:700}.empty-state p{font-size:12.5px;color:var(--text-3);max-width:320px}.skeleton{background:linear-gradient(90deg,var(--card-alt) 25%,var(--border-soft) 50%,var(--card-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.generator-box{border:1px dashed var(--border);border-radius:var(--radius);padding:20px;background:var(--card-alt)}.generator-output{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--card);margin-top:14px;font-size:13px;line-height:1.7;color:var(--text-2)}.world-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.world-row:last-child{border-bottom:none}.world-bar{flex:1;height:7px;border-radius:20px;background:var(--card-alt);overflow:hidden}.world-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--secondary),var(--primary))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:none;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay.show{display:flex}.modal-box{background:var(--card);border-radius:var(--radius-lg);padding:24px;width:440px;max-width:92vw;max-height:86vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadein .25s ease}.kanban-col{background:var(--card-alt);border-radius:14px;padding:14px;min-height:340px}.kanban-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px;transition:all var(--ease);cursor:pointer}.kanban-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--primary)}.preset-avatar>div{transition:all var(--ease)}.preset-avatar:hover>div{transform:scale(1.08);box-shadow:var(--shadow)}.toast{position:fixed;bottom:26px;right:26px;background:var(--text-1);color:var(--bg);padding:13px 20px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);z-index:999;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.mini-bar-list{display:flex;flex-direction:column;gap:12px}.mbl-row{display:flex;align-items:center;gap:10px}.mbl-label{width:100px;font-size:12px;color:var(--text-2);font-weight:600;flex-shrink:0}.mbl-track{flex:1;height:10px;border-radius:20px;background:var(--card-alt);overflow:hidden}.mbl-fill{height:100%;border-radius:20px}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1180px){.hub-columns{grid-template-columns:1fr!important}}.hub-group-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);transition:all var(--ease)}.hub-group-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hub-group-cover{height:110px;background:linear-gradient(135deg,var(--primary),var(--secondary));position:relative}.hub-job-card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:var(--card);transition:all var(--ease)}.hub-job-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hub-dm-thread{border-radius:14px;padding:10px 12px;cursor:pointer;transition:background var(--ease)}.hub-dm-thread:hover{background:var(--card-alt)}.hub-dm-thread.active{background:var(--primary-soft)}.hub-platform-dot{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-2px;right:-2px;border:2px solid var(--card)}.mbl-val{width:44px;text-align:right;font-size:12px;font-weight:700;color:var(--text-1);flex-shrink:0}#root{height:100%}@keyframes spin-slow-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:spin-slow-kf 1.6s linear infinite}.auth-shell{min-height:100vh;width:100%;display:flex;align-items:stretch;justify-content:center;background:var(--bg)}.auth-split-left{flex:1 1 44%;max-width:540px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:60px 56px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(160deg,var(--primary) 0%,#7C3AED 55%,var(--secondary) 130%)}.auth-split-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 12%,rgba(255,255,255,.22),transparent 55%);pointer-events:none}.auth-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;margin-bottom:52px;position:relative;z-index:1}.auth-brand-dot{width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff2e}.auth-split-left h1{font-size:32px;font-weight:800;margin-bottom:10px;position:relative;z-index:1;letter-spacing:-.02em;line-height:1.15}.auth-split-left p.split-sub{color:#ffffffc7;font-size:14px;margin-bottom:36px;position:relative;z-index:1;max-width:380px}.auth-step-list{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.auth-step{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);transition:background var(--ease),color var(--ease)}.auth-step-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;background:#ffffff2e;color:#fff}.auth-step-label{font-size:13.5px;font-weight:700}.auth-step.active{background:#fff;color:var(--text-1);box-shadow:0 14px 28px #0000002e}.auth-step.active .auth-step-num{background:var(--text-1);color:#fff}.auth-split-right{flex:1 1 56%;display:flex;align-items:center;justify-content:center;padding:48px 24px;min-height:100vh}.auth-card{width:100%;max-width:440px}.auth-card h1{font-size:23px;font-weight:800;margin-bottom:6px}.auth-card p.sub{color:var(--text-2);font-size:13px;margin-bottom:26px}@media (max-width: 900px){.auth-split-left{display:none}.auth-split-right{padding:32px 18px}}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--text-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.password-field-wrap{position:relative}.password-field-wrap .form-input{padding-right:42px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;padding:2px}.password-toggle-btn:hover{color:var(--text-1)}.form-check-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:13px;color:var(--text-2);line-height:1.5}.form-check-row input[type=checkbox]{margin-top:3px;width:16px;height:16px;accent-color:var(--primary);flex-shrink:0;cursor:pointer}.link-btn{color:var(--primary);font-weight:700;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;font-size:inherit;font-family:inherit}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-2)}.form-input,select.form-input,textarea.form-input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-alt);color:var(--text-1);font-family:var(--font);font-size:14px;transition:border-color var(--ease),box-shadow var(--ease)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-error{color:var(--danger);font-size:12px;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:14px;cursor:pointer;transition:background var(--ease),transform var(--ease)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-block{width:100%}.btn-secondary{background:var(--card-alt);color:var(--text-1);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-1)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:7px 12px;font-size:12.5px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header h2{font-size:20px;font-weight:800}.page-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}table.data-table th{text-align:left;padding:12px 16px;background:var(--card-alt);color:var(--text-2);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}table.data-table td{padding:12px 16px;border-top:1px solid var(--border-soft)}table.data-table tr:hover td{background:var(--card-alt)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-neutral{background:var(--card-alt);color:var(--text-2)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.pagination button{min-width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--card);cursor:pointer}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;padding:28px;max-height:90vh;overflow-y:auto}.filters-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search-box{position:relative;min-width:220px}.search-box input{padding-left:36px}.search-box svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:20px}.platform-section{margin-bottom:32px}.platform-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.platform-section-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15.5px}.platform-icon-badge{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.platform-account-count{font-size:12px;font-weight:600;color:var(--text-3)}.account-cards-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.account-cards-grid>.account-card{flex:0 1 260px;max-width:280px}.account-card{padding:18px 18px 14px;display:flex;flex-direction:column;gap:14px;position:relative;min-height:178px}.account-card-head{display:flex;align-items:flex-start;gap:12px}.account-avatar-wrap{position:relative;flex-shrink:0}.account-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;background:var(--card-alt);display:flex;align-items:center;justify-content:center;color:var(--text-3)}.account-platform-badge{position:absolute;right:-3px;bottom:-3px;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--card);color:#fff}.account-platform-badge.badge-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b 60%,#8134af)}.account-platform-badge.badge-x{background:#000}.account-platform-badge.badge-youtube{background:red}.account-name-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.account-verified-dot{width:14px;height:14px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.status-green{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.status-dot.status-yellow{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.status-dot.status-red{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}.account-stats-row{display:flex;gap:24px;flex:1}.account-stat{display:flex;flex-direction:column;gap:2px}.account-stat-value{font-weight:800;font-size:16.5px}.account-stat-value.muted{color:var(--text-3)}.account-stat-label{font-size:11px;color:var(--text-3)}.account-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-soft)}.add-account-card{border:1.5px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--text-3);background:var(--card-alt);transition:all .15s ease;min-height:178px}.add-account-card:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.coming-soon-card{opacity:.55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:178px}.empty-platform-card{background:linear-gradient(180deg,#6366f112,#6366f104);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:38px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:20px}.empty-platform-icon-wrap{position:relative;width:60px;height:60px;margin-bottom:2px}.empty-platform-icon{width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.empty-platform-lock{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--card)}.empty-platform-lock.lock-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b 60%,#8134af)}.empty-platform-lock.lock-x{background:#000}.empty-platform-lock.lock-youtube{background:red}.empty-platform-title{font-weight:800;font-size:15px}.empty-platform-desc{font-size:12.5px;color:var(--text-2);max-width:360px;line-height:1.6}.empty-platform-btn{border:none;color:#fff;font-weight:700;font-size:13px;padding:10px 24px;border-radius:10px;cursor:pointer;margin-top:4px}.empty-platform-btn.btn-instagram{background:linear-gradient(135deg,#4f46e5,#4338ca)}.empty-platform-btn.btn-x{background:#000}.empty-platform-btn.btn-youtube{background:red}.empty-platform-btn:disabled{opacity:.55;cursor:not-allowed}.role-guard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-2);text-align:center}.sub-group-head:hover{background:var(--card-alt);color:var(--text-1)}.subgroup-items{border-left:1px solid var(--border-soft);margin-left:22px}@media print{.sidebar,.topbar,.no-print{display:none!important}.app,.content{display:block!important;height:auto!important;overflow:visible!important}}.profile-hero{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-lg);background:var(--card)}.profile-hero-banner{height:150px;background:linear-gradient(120deg,#6D28D9 0%,var(--primary) 45%,var(--secondary) 100%);position:relative;overflow:hidden}.profile-hero-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:124px;display:block}.profile-hero-body{padding:0 24px 22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:flex-end}@media (max-width:640px){.profile-hero-banner{height:112px}.profile-hero-wave{height:88px}}.profile-hero-identity{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-top:-84px}@media (max-width:640px){.profile-hero-identity{margin-top:-62px;gap:14px}}.profile-hero-avatar{width:118px;height:118px;border-radius:50%;border:5px solid var(--card);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-lg)}@media (max-width:640px){.profile-hero-avatar{width:84px;height:84px;font-size:24px;border-width:4px}}.profile-membership-card{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius);padding:13px 18px;color:#fff;min-width:200px;margin-bottom:2px}@media (max-width:860px){.profile-hero-body{grid-template-columns:1fr}.profile-membership-card{width:100%}}.profile-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}@media (max-width:860px){.profile-2col{grid-template-columns:1fr}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:1000;display:flex;justify-content:flex-end;animation:drawerFadeIn .2s ease}.drawer-panel{background:var(--card);width:var(--drawer-width,460px);max-width:100%;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.drawer-header h3{font-size:17px;font-weight:800}.drawer-body{flex:1;overflow-y:auto;padding:22px 24px}.drawer-section{margin-bottom:24px}.drawer-section-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:12px}.drawer-footer{flex-shrink:0;padding:16px 24px;border-top:1px solid var(--border-soft);display:flex;justify-content:flex-end;gap:10px}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.drawer-panel{width:100%}}.composer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:flex-start}@media (max-width:980px){.composer-grid{grid-template-columns:1fr}}.composer-card{display:flex;flex-direction:column;gap:20px}.composer-field-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:8px;color:var(--text-1)}.composer-field-hint{font-size:11.5px;color:var(--text-3);font-weight:500}.composer-sticky{position:sticky;top:0}.account-selector{position:relative}.account-selector-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-alt);cursor:pointer;transition:border-color var(--ease)}.account-selector-trigger:hover{border-color:var(--primary)}.account-selector-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.account-selector-summary{display:flex;align-items:center;gap:8px;min-width:0}.account-selector-avatars{display:flex;align-items:center}.account-selector-avatars img,.account-selector-avatars .avatar-fallback{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--card-alt);margin-left:-8px;background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-3);flex-shrink:0}.account-selector-avatars img:first-child,.account-selector-avatars .avatar-fallback:first-child{margin-left:0}.account-selector-text{font-size:13.5px;font-weight:600;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-selector-text.placeholder{color:var(--text-3);font-weight:500}.account-selector-panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;max-height:340px;overflow-y:auto}.account-selector-option{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;transition:background var(--ease)}.account-selector-option:hover{background:var(--card-alt)}.account-selector-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.account-selector-option img,.account-selector-option .avatar-fallback{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--card-alt);display:flex;align-items:center;justify-content:center;color:var(--text-3);flex-shrink:0;font-size:11px;font-weight:700}.account-selector-option-name{font-size:13px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-selector-empty{padding:16px 10px;text-align:center;font-size:12.5px;color:var(--text-3)}.account-selector-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 6px 10px}.account-selector-toolbar-link{background:none;border:none;color:var(--primary);font-size:12px;font-weight:700;cursor:pointer;padding:0}.account-selector-toolbar-link:disabled{opacity:.5;cursor:not-allowed}.account-selector-star-filter{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--card-alt);color:var(--text-2);font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;cursor:pointer;transition:all var(--ease)}.account-selector-star-filter.active{background:#fef3c7;border-color:#f59e0b;color:#b45309}.account-selector-star-btn{background:none;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;padding:4px;flex-shrink:0}.account-selector-star-btn:hover,.account-selector-star-btn.active{color:#f59e0b}.account-group-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer;transition:background var(--ease)}.account-group-row:hover{background:var(--card-alt)}.account-group-icon{width:32px;height:32px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-group-name{font-size:13px;font-weight:700}.account-group-sub{font-size:11px;color:var(--text-3)}.account-group-create-trigger{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;margin-top:4px;border:1.5px dashed var(--border);border-radius:10px;background:none;color:var(--text-2);font-size:12.5px;font-weight:700;cursor:pointer;transition:all var(--ease)}.account-group-create-trigger:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.account-group-create-form{padding:8px 4px 4px}.media-dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--card-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:34px 20px;text-align:center;cursor:pointer;transition:all var(--ease);position:relative}.media-dropzone:hover,.media-dropzone.dragover{border-color:var(--primary);background:var(--primary-soft)}.media-dropzone-icon{width:46px;height:46px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.media-dropzone-title{font-size:13.5px;font-weight:700;color:var(--text-1)}.media-dropzone-hint{font-size:11.5px;color:var(--text-3)}.media-dropzone input[type=file]{display:none}.media-preview{position:relative;border-radius:var(--radius);overflow:hidden;background:#000}.media-preview img,.media-preview video{width:100%;max-height:360px;object-fit:contain;display:block;background:#000}.media-preview-remove{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:none;background:#0f172aa6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--ease)}.media-preview-remove:hover{background:#0f172ad9}.caption-textarea{resize:vertical;min-height:110px}.caption-counter{display:flex;justify-content:flex-end;font-size:11.5px;color:var(--text-3);font-weight:600;margin-top:6px}.caption-counter.warn{color:var(--warning)}.caption-counter.over{color:var(--danger)}.schedule-options{display:flex;gap:10px;flex-wrap:wrap}.schedule-option{flex:1;min-width:150px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;transition:all var(--ease)}.schedule-option:hover{border-color:var(--primary)}.schedule-option.active{border-color:var(--primary);background:var(--primary-soft)}.schedule-option input[type=radio]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.schedule-option-icon{width:32px;height:32px;border-radius:9px;background:var(--card-alt);color:var(--text-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.schedule-option.active .schedule-option-icon{background:var(--primary);color:#fff}.schedule-option-label{font-size:13px;font-weight:700}.schedule-option-sub{font-size:11px;color:var(--text-3);font-weight:500}.schedule-datetime-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.schedule-datetime-row .form-input{flex:1;min-width:140px}.ig-preview-frame{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--card)}.ig-preview-header{display:flex;align-items:center;gap:10px;padding:12px 14px}.ig-preview-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--card-alt);display:flex;align-items:center;justify-content:center;color:var(--text-3);flex-shrink:0;font-size:11px;font-weight:700}.ig-preview-username{font-size:13px;font-weight:700}.ig-preview-extra{font-size:11.5px;color:var(--text-3);font-weight:600;margin-left:auto}.ig-preview-media{width:100%;aspect-ratio:1/1;background:var(--card-alt);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-3)}.ig-preview-media img,.ig-preview-media video{width:100%;height:100%;object-fit:cover}.ig-preview-icons{display:flex;align-items:center;gap:14px;padding:12px 14px 4px;color:var(--text-1)}.ig-preview-icons svg{width:22px;height:22px}.ig-preview-icons .spacer{flex:1}.ig-preview-caption{padding:6px 14px 16px;font-size:12.5px;line-height:1.55;color:var(--text-1);white-space:pre-wrap;word-break:break-word}.ig-preview-caption .u{font-weight:700;margin-right:6px}.ig-preview-caption.empty{color:var(--text-3);font-style:italic}.ig-preview-target-note{padding:0 14px 14px;font-size:11.5px;color:var(--text-3);font-weight:600}.composer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}.composer-actions .btn{min-width:150px}.post-history-card{display:flex;flex-direction:column;gap:12px}.post-history-item{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--border-soft)}.post-history-item:first-child{border-top:none;padding-top:0}.post-history-thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--card-alt);flex-shrink:0}.post-history-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.post-history-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--text-3);font-weight:600}.post-history-caption{font-size:12.5px;color:var(--text-2);white-space:pre-wrap;word-break:break-word}.post-history-targets{display:flex;flex-direction:column;gap:6px}.post-history-target-row{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.automation-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.automation-page-title-row{display:flex;align-items:center;gap:12px}.automation-page-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#f58529,#dd2a7b 60%,#8134af);box-shadow:0 8px 18px #dd2a7b47}.automation-page-title-row h2{font-size:19px;font-weight:800}.automation-page-sub{font-size:12.5px;color:var(--text-3);margin-top:2px}.automation-info-banner{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--text-1);background:var(--primary-soft);border:1px solid transparent;border-radius:12px;padding:13px 16px;margin-bottom:22px}.automation-info-banner svg{color:var(--primary);flex-shrink:0;margin-top:1px}.rule-form-card{margin-bottom:26px}.rule-form-header{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14.5px;margin-bottom:18px}.rule-form-header .plus-badge{width:26px;height:26px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:760px){.rule-form-grid{grid-template-columns:1fr}}.account-select-option-name-sub{font-size:11px;color:var(--text-3);font-weight:500}.keyword-input-box{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-alt);min-height:44px;align-items:center}.keyword-input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.keyword-chip{display:inline-flex;align-items:center;gap:5px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;padding:4px 6px 4px 10px;border-radius:8px}.keyword-chip button{background:none;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;padding:2px;opacity:.75}.keyword-chip button:hover{opacity:1}.keyword-input-box input{flex:1;min-width:100px;border:none;outline:none;background:none;font-family:inherit;font-size:13px;color:var(--text-1);padding:4px 2px}.caption-counter.rule-counter{margin-top:6px}.rule-list-headrow{display:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-3);padding:0 18px 10px}@media (min-width:860px){.rule-list-headrow{display:grid;grid-template-columns:1.4fr 1.3fr 1.8fr .8fr auto;gap:14px;align-items:center}}.rule-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:16px 18px;margin-bottom:10px;display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:860px){.rule-row{grid-template-columns:1.4fr 1.3fr 1.8fr .8fr auto;align-items:center;gap:14px}}.rule-row-cell-label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-3);margin-bottom:3px}@media (min-width:860px){.rule-row-cell-label{display:none}}.rule-row-account{display:flex;align-items:center;gap:10px;min-width:0}.rule-row-account img,.rule-row-account .avatar-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--card-alt);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:12px;font-weight:700;flex-shrink:0}.rule-row-account-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-row-account-sub{font-size:11px;color:var(--text-3)}.rule-row-trigger{font-size:12.5px;color:var(--text-2)}.rule-row-reply{font-size:12.5px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rule-row-actions{display:flex;align-items:center;gap:8px;justify-content:flex-start}@media (min-width:860px){.rule-row-actions{justify-content:flex-end}}.switch-toggle{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.switch-toggle input{opacity:0;width:0;height:0;position:absolute}.switch-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;cursor:pointer;transition:background var(--ease)}.switch-toggle-track:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--ease);box-shadow:0 1px 3px #00000040}.switch-toggle input:checked+.switch-toggle-track{background:var(--success)}.switch-toggle input:checked+.switch-toggle-track:before{transform:translate(16px)}.switch-toggle input:disabled+.switch-toggle-track{opacity:.5;cursor:not-allowed}.icon-action-btn{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;transition:all var(--ease);flex-shrink:0}.icon-action-btn:hover{background:var(--card-alt);color:var(--text-1)}.icon-action-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.rule-skeleton-row{border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px 18px;margin-bottom:10px;display:flex;align-items:center;gap:16px}.rule-skeleton-row .skeleton{height:14px}.automation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 20px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--card-alt);margin-bottom:20px}.automation-empty-icon{width:52px;height:52px;border-radius:16px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.automation-empty h4{font-size:14px;font-weight:800;margin-bottom:4px}.automation-empty p{font-size:12.5px;color:var(--text-3);max-width:340px;margin-bottom:14px}.ellipsis-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-account-cell{display:flex;align-items:center;gap:8px}.activity-account-cell img,.activity-account-cell .avatar-fallback{width:22px;height:22px;border-radius:50%;object-fit:cover;background:var(--card-alt);flex-shrink:0}.filters-row select.form-input{width:auto;min-width:150px;padding:9px 12px;font-size:13px}@media (max-width:760px){.filters-row select.form-input,.filters-row .search-box{width:100%}}.draft-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media (max-width:1180px){.draft-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.draft-cards-grid{grid-template-columns:1fr}}.draft-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden;display:flex;flex-direction:column;transition:all var(--ease)}.draft-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.draft-card-media{width:100%;aspect-ratio:4/3.1;background:var(--card-alt);overflow:hidden;position:relative}.draft-card-media img,.draft-card-media video{width:100%;height:100%;object-fit:cover;display:block}.draft-card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.draft-card-header{display:flex;align-items:center;gap:9px}.draft-card-platform-icon{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.draft-card-platform-icon.badge-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b 60%,#8134af)}.draft-card-platform-icon.badge-x{background:#000}.draft-card-platform-icon.badge-youtube{background:red}.draft-card-account{display:flex;flex-direction:column;min-width:0;flex:1}.draft-card-username{font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-card-account-name{font-size:10.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-card-extra-accounts{font-size:10px;color:var(--text-3);font-weight:700;flex-shrink:0}.draft-card-caption{font-size:12px;color:var(--text-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.draft-card-caption.empty{color:var(--text-3);font-style:italic}.draft-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-3)}.draft-card-expiry{display:inline-flex;align-items:center;gap:4px;font-weight:700}.draft-card-expiry.normal{color:var(--text-3)}.draft-card-expiry.warn{color:#f59e0b}.draft-card-expiry.danger{color:var(--danger)}.draft-card-footer{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--border-soft)}.draft-card-footer .icon-action-btn{flex:1}.draft-card-skeleton{border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden}.draft-card-skeleton .skeleton-media{width:100%;aspect-ratio:4/3.1}.draft-card-skeleton .skeleton-body{padding:14px;display:flex;flex-direction:column;gap:10px}.drafts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;margin-bottom:4px}.drafts-total-count{font-size:12px;color:var(--text-3);font-weight:600}.badge-info{background:var(--info-soft, #EFF6FF);color:var(--info, #2563EB)}.badge-secondary{background:var(--secondary-soft);color:var(--secondary)}.ticket-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.ticket-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;display:flex;align-items:flex-start;gap:13px}.ticket-stat-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ticket-stat-icon.accent-primary{background:var(--primary-soft);color:var(--primary)}.ticket-stat-icon.accent-info{background:var(--info-soft, #EFF6FF);color:var(--info, #2563EB)}.ticket-stat-icon.accent-warning{background:var(--warning-soft);color:var(--warning)}.ticket-stat-icon.accent-success{background:var(--success-soft);color:var(--success)}.ticket-stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ticket-stat-label{font-size:12px;color:var(--text-2);font-weight:600}.ticket-stat-value{font-size:24px;font-weight:800;color:var(--text-1);line-height:1.2}.ticket-stat-hint{font-size:11px;color:var(--text-3)}.ticket-filters{margin-bottom:16px}.ticket-filters-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ticket-status-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ticket-status-chip{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:all var(--ease);white-space:nowrap}.ticket-status-chip:hover{border-color:var(--primary);color:var(--primary)}.ticket-status-chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.ticket-search-box{max-width:340px}.ticket-table-wrap .ticket-table th{white-space:nowrap}.ticket-subject-cell{display:flex;flex-direction:column;gap:2px;min-width:150px}.ticket-subject-cell strong{font-size:13px;color:var(--text-1)}.ticket-subject-cell span{font-size:11px;color:var(--text-3)}.ticket-cell-ellipsis{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--text-2)}.ticket-date-cell{display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--text-2);white-space:nowrap}.ticket-date-cell span:last-child{font-size:11px;color:var(--text-3)}.ticket-row-actions{display:flex;align-items:center;gap:6px}.ticket-row-menu{position:relative}.ticket-row-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);z-index:20;overflow:hidden;min-width:170px}.ticket-row-menu-dropdown button{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:9px 13px;font-size:12.5px;color:var(--text-1);background:none;border:none;cursor:pointer}.ticket-row-menu-dropdown button:hover{background:var(--card-alt)}.ticket-row-menu-dropdown button.approve svg{color:var(--success)}.ticket-row-menu-dropdown button.reject svg{color:var(--danger)}.tickets-pagination-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;flex-wrap:wrap}.tickets-pagination-controls{display:flex;align-items:center;gap:12px}.ticket-detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ticket-detail-number{font-size:12px;color:var(--text-3);font-weight:600;margin-left:auto}.ticket-detail-dates{display:flex;gap:16px;font-size:11.5px;color:var(--text-3);margin-bottom:16px;flex-wrap:wrap}.ticket-timeline{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto;margin-bottom:16px;padding-right:2px}.ticket-timeline-item{display:flex;flex-direction:column;gap:4px;max-width:82%}.ticket-timeline-item.mine{align-self:flex-end;align-items:flex-end}.ticket-timeline-item.staff{align-self:flex-start;align-items:flex-start}.ticket-timeline-author-row{display:flex;align-items:center;gap:7px}.ticket-timeline-item.mine .ticket-timeline-author-row{flex-direction:row-reverse}.ticket-timeline-author-name{font-size:12px;font-weight:700;color:var(--text-1)}.ticket-timeline-bubble{padding:11px 14px;border-radius:14px;font-size:13px;line-height:1.5}.ticket-timeline-item.mine .ticket-timeline-bubble{background:var(--primary-soft);color:var(--text-1);border-bottom-right-radius:4px}.ticket-timeline-item.staff .ticket-timeline-bubble{background:var(--card-alt);color:var(--text-1);border-bottom-left-radius:4px}.ticket-timeline-bubble p{white-space:pre-wrap;word-break:break-word}.ticket-timeline-time{display:block;font-size:10.5px;color:var(--text-3);margin-top:6px}.ticket-timeline-attachments{display:flex;flex-direction:column;gap:4px;margin-top:8px}.ticket-attachment-link{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--primary);text-decoration:underline}.ticket-reply-box{display:flex;gap:8px;align-items:flex-end}.ticket-reply-box textarea{resize:none;line-height:1.5;min-height:44px}.ticket-reply-box button{flex-shrink:0;height:44px}.ticket-file-picker{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-3);font-size:13px;cursor:pointer;transition:all var(--ease)}.ticket-file-picker:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.ticket-file-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ticket-file-chip{display:inline-flex;align-items:center;gap:6px;background:var(--card-alt);color:var(--text-2);font-size:11.5px;font-weight:600;padding:5px 6px 5px 10px;border-radius:8px;max-width:220px}.ticket-file-chip button{background:none;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;padding:2px}@media (max-width:900px){.ticket-stats-grid{grid-template-columns:repeat(2,1fr)}}.badge-amber{background:#fef3c7;color:#b45309}.ticket-detail-panel{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:1180px;height:88vh;max-height:860px;display:flex;flex-direction:column;overflow:hidden}.ticket-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.ticket-detail-header-left{display:flex;align-items:center;gap:10px;min-width:0}.ticket-detail-header-left h3{font-size:15px;font-weight:800;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;margin:0}.ticket-detail-icon{width:32px;height:32px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ticket-detail-number-pill{font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-soft);padding:3px 9px;border-radius:999px;flex-shrink:0;white-space:nowrap}.ticket-detail-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ticket-detail-infobar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.ticket-infobar-card{display:flex;align-items:center;gap:9px;background:var(--card-alt);border-radius:10px;padding:9px 12px;min-width:0}.ticket-infobar-icon{width:26px;height:26px;border-radius:8px;background:var(--card);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ticket-infobar-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ticket-infobar-label{font-size:10px;color:var(--text-3);font-weight:600}.ticket-infobar-value{font-size:12.5px;color:var(--text-1);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-detail-body{display:flex;flex:1;min-height:0}.ticket-detail-chat{flex:1;display:flex;flex-direction:column;min-width:0;padding:18px 20px;border-right:1px solid var(--border-soft)}.ticket-detail-chat .ticket-timeline{flex:1;max-height:none;margin-bottom:0}.ticket-detail-sidebar{width:300px;flex-shrink:0;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ticket-detail-sidebar-card{background:var(--card-alt);border-radius:var(--radius);padding:16px}.ticket-detail-sidebar-card h4{font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--text-2);margin:0 0 12px}.ticket-detail-list{display:flex;flex-direction:column;gap:10px;margin:0}.ticket-detail-list>div{display:flex;flex-direction:column;gap:3px}.ticket-detail-list dt{font-size:11px;color:var(--text-3);font-weight:600;margin:0}.ticket-detail-list dd{font-size:12.5px;color:var(--text-1);font-weight:600;margin:0}.ticket-detail-list select.form-input{padding:6px 10px;font-size:12.5px}.ticket-assignee-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ticket-attachments-empty{font-size:12px;color:var(--text-3)}.ticket-attachments-list{display:flex;flex-direction:column;gap:8px}.ticket-composer-wrap{margin-top:12px;flex-shrink:0}.ticket-composer{display:flex;align-items:flex-end;gap:6px;background:var(--card-alt);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.ticket-composer-tools{display:flex;align-items:center;gap:3px;flex-shrink:0}.ticket-composer textarea{flex:1;border:none;background:none;resize:none;padding:8px 6px;min-height:20px;max-height:120px;font-family:inherit;font-size:13.5px;color:var(--text-1)}.ticket-composer textarea:focus{outline:none;box-shadow:none}.ticket-composer-send{flex-shrink:0;width:36px;height:36px;border-radius:10px;padding:0;display:flex;align-items:center;justify-content:center}.ticket-composer-hint{font-size:10.5px;color:var(--text-3);margin-top:6px}.ticket-closed-notice{margin-top:12px;flex-shrink:0;background:var(--card-alt);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:12.5px;line-height:1.6;color:var(--text-2)}.ticket-closed-notice strong{color:var(--text-1)}.ticket-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.ticket-timeline-bubble.deleted p{text-decoration:line-through;opacity:.55}.ticket-deleted-note{display:block;font-size:10.5px;color:var(--text-3);font-style:italic;margin-top:4px}.ticket-attachment-image-btn{display:block;border:none;background:none;padding:0;cursor:pointer;border-radius:10px;overflow:hidden;max-width:220px}.ticket-attachment-image-btn img{width:100%;display:block;max-height:180px;object-fit:cover}.ticket-attachment-image-btn.small{max-width:100%}.ticket-attachment-image-btn.small img{max-height:120px}.ticket-attachment-file-chip{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 10px;max-width:220px;text-decoration:none;color:var(--text-1)}.ticket-attachment-file-chip:hover{border-color:var(--primary)}.ticket-attachment-file-chip svg{color:var(--primary);flex-shrink:0}.ticket-attachment-file-info{display:flex;flex-direction:column;min-width:0}.ticket-attachment-file-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-attachment-file-size{font-size:10.5px;color:var(--text-3)}.ticket-msg-menu{position:relative;margin-left:2px}.ticket-msg-menu-trigger{background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:6px}.ticket-msg-menu-trigger:hover{background:var(--card-alt);color:var(--text-1)}.ticket-msg-menu-dropdown{min-width:150px}.emoji-picker{position:relative}.emoji-picker-popover{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;z-index:30;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:260px}.emoji-picker-item{font-size:18px;padding:5px;border-radius:6px;background:none;border:none;cursor:pointer;line-height:1}.emoji-picker-item:hover{background:var(--card-alt)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:30px}.lightbox-image{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px #00000080}.lightbox-close{position:absolute;top:20px;right:24px;width:38px;height:38px;border-radius:10px;background:#ffffff1f;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-close:hover{background:#ffffff38}@media (max-width:860px){.ticket-detail-overlay{padding:0}.ticket-detail-panel{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0}.ticket-detail-infobar{grid-template-columns:repeat(2,1fr)}.ticket-detail-body{flex-direction:column;overflow-y:auto}.ticket-detail-chat{border-right:none;border-bottom:1px solid var(--border-soft)}.ticket-detail-sidebar{width:100%}}@media (max-width:480px){.ticket-detail-infobar{grid-template-columns:1fr}.ticket-detail-header-left h3{max-width:140px}}@media (max-width:560px){.ticket-stats-grid{grid-template-columns:1fr}.ticket-search-box{max-width:none}}.crm-stats-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.crm-stat-pill{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:7px 16px 7px 7px;box-shadow:var(--shadow-sm)}.crm-stat-pill-icon{width:30px;height:30px}.crm-stat-pill strong{font-size:15px;font-weight:800;color:var(--text-1);display:block;line-height:1.1}.crm-stat-pill span{font-size:11px;color:var(--text-3);font-weight:600}.crm-filters-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;margin-bottom:16px}.crm-filter-field{min-width:150px}.crm-filter-field select{padding:9px 12px}.crm-filter-search{flex:1;min-width:220px}.crm-layout{display:grid;grid-template-columns:300px 1fr 300px;gap:16px;align-items:start}.crm-layout-list,.crm-layout-chat,.crm-layout-info{min-width:0}.crm-conv-list-panel{padding:0;display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:520px}.crm-conv-list-header{padding:16px 16px 10px}.crm-conv-list-header h3{font-size:14.5px;font-weight:800;display:flex;align-items:center;gap:8px}.crm-conv-count{font-size:11px;font-weight:700;color:var(--text-3);background:var(--card-alt);padding:2px 8px;border-radius:999px}.crm-conv-tabs{display:flex;gap:4px;padding:0 12px 10px;border-bottom:1px solid var(--border-soft);overflow-x:auto}.crm-conv-tab{flex-shrink:0;padding:6px 11px;border-radius:8px;border:none;background:none;color:var(--text-3);font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--ease)}.crm-conv-tab:hover{background:var(--card-alt);color:var(--text-1)}.crm-conv-tab.active{background:var(--primary-soft);color:var(--primary)}.crm-conv-list-scroll{flex:1;overflow-y:auto;padding:8px}.crm-conv-item{display:flex;gap:10px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:10px;border-radius:12px;transition:background var(--ease);margin-bottom:2px}.crm-conv-item:hover{background:var(--card-alt)}.crm-conv-item.active{background:var(--primary-soft)}.crm-conv-avatar-wrap{position:relative;flex-shrink:0}.crm-conv-avatar{width:40px;height:40px;border-radius:12px;overflow:hidden}.crm-conv-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.crm-conv-platform-badge{position:absolute;bottom:-3px;right:-3px;width:16px;height:16px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--card)}.crm-conv-body{flex:1;min-width:0}.crm-conv-top-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.crm-conv-name{font-size:12.5px;font-weight:700;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.crm-conv-meta-row{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--text-3);margin-top:1px}.crm-conv-preview{font-size:11.5px;color:var(--text-2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-conv-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}.crm-conv-time{font-size:10px;color:var(--text-3)}.crm-conv-bottom-row .badge{font-size:10px;padding:2px 8px}.crm-chat-panel{padding:0;display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:520px}.crm-chat-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.crm-chat-back{display:none}.crm-chat-avatar{width:36px;height:36px;border-radius:10px;overflow:hidden;flex-shrink:0}.crm-chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:10px}.crm-chat-header-text{flex:1;min-width:0;display:flex;flex-direction:column}.crm-chat-header-text strong{font-size:13.5px;font-weight:800}.crm-chat-header-text span{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chat-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.crm-chat-header-actions .icon-action-btn.active{background:var(--primary-soft);color:var(--primary)}.crm-chat-more-menu{position:relative}.crm-chat-messages{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column}.crm-date-separator{display:flex;align-items:center;justify-content:center;margin:14px 0}.crm-date-separator span{font-size:10.5px;font-weight:700;color:var(--text-3);background:var(--card-alt);padding:4px 12px;border-radius:999px}.crm-msg-row{display:flex;margin-bottom:10px}.crm-msg-row.mine{justify-content:flex-end}.crm-msg-row.theirs{justify-content:flex-start}.crm-msg-bubble{max-width:68%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.5}.crm-msg-bubble.mine{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.crm-msg-bubble.theirs{background:var(--card-alt);color:var(--text-1);border-bottom-left-radius:4px}.crm-msg-bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.crm-msg-attachments{display:flex;flex-direction:column;gap:6px;margin-top:6px}.crm-msg-time{display:block;font-size:10px;opacity:.7;margin-top:5px}.crm-composer-disabled{margin-top:12px;padding:12px 14px;border-radius:var(--radius);background:var(--warning-soft);color:var(--warning);font-size:12px;font-weight:600;text-align:center}.crm-info-panel{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 300px);min-height:520px;overflow-y:auto}.crm-info-header{display:flex;align-items:center;justify-content:space-between}.crm-info-header h3{font-size:13.5px;font-weight:800}.crm-info-close{display:none}.crm-info-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding-bottom:6px;border-bottom:1px solid var(--border-soft)}.crm-info-avatar{width:64px;height:64px;border-radius:18px;overflow:hidden;margin-bottom:6px}.crm-info-avatar img{width:100%;height:100%;object-fit:cover;border-radius:18px}.crm-info-profile strong{font-size:14px;font-weight:800}.crm-info-username{font-size:12px;color:var(--text-3)}.crm-info-platform{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--text-2);font-weight:600;margin-top:2px}.crm-info-active-dot{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--success);font-weight:700;margin-top:4px}.crm-info-active-dot span{width:7px;height:7px;border-radius:50%;background:var(--success)}.crm-sidebar-card{background:var(--card-alt);border-radius:var(--radius);padding:14px 16px}.crm-sidebar-card h4{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--text-2);margin:0 0 10px}.crm-sidebar-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.crm-sidebar-card-head h4{margin:0}.crm-sidebar-add-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-size:11px;font-weight:700;cursor:pointer;padding:2px}.crm-tags-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.crm-tag-chip{background:var(--card)}.crm-tag-chip button{background:none;border:none;color:var(--text-3);cursor:pointer;display:flex;align-items:center;padding:0;margin-left:2px}.crm-tag-input{width:120px;padding:5px 10px;font-size:11.5px}.crm-tag-add-btn{background:var(--card);color:var(--text-3);cursor:pointer;border-style:dashed}.crm-tag-add-btn:hover{color:var(--primary);border-color:var(--primary)}.crm-note-form{margin-bottom:10px}.crm-note-form textarea{resize:vertical}.crm-note-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.crm-notes-empty{font-size:12px;color:var(--text-3)}.crm-notes-list{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto}.crm-note-item{background:var(--card);border-radius:10px;padding:10px 12px}.crm-note-item p{font-size:12px;color:var(--text-1);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0 0 6px}.crm-note-item span{font-size:10.5px;color:var(--text-3)}.crm-info-actions{display:flex;flex-direction:column;gap:8px}.crm-info-actions .btn{justify-content:center}@media (max-width:1100px){.crm-layout{grid-template-columns:260px 1fr 260px}}@media (max-width:900px){.crm-layout{grid-template-columns:1fr}.crm-layout-list,.crm-layout-chat,.crm-layout-info{display:none}.crm-layout.mobile-list .crm-layout-list,.crm-layout.mobile-chat .crm-layout-chat,.crm-layout.mobile-info .crm-layout-info{display:block}.crm-chat-back,.crm-info-close{display:flex}.crm-conv-list-panel,.crm-chat-panel{height:calc(100vh - 260px)}.crm-info-panel{max-height:none}.crm-filters-bar{flex-direction:column;align-items:stretch}.crm-filter-field{min-width:0;width:100%}.crm-filter-field select{width:100%}}