:root{--bg-primary:#101b2e;--surface-raised:#182740;--surface-hover:#203350;--border:#2a4060;--text-primary:#f1f5f9;--text-secondary:#c8d5e3;--text-muted:#7e92a8;--accent:#34d399;--accent-hover:#6ee7b7;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:#fff;background:#6366f14d}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,input,textarea,select{font-family:inherit}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#080c17bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.create-modal-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.create-modal-footer{border-top:1px solid var(--border);background:#00000026;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:14px 20px;font-size:.9rem;font-weight:500;animation:.3s ease-out toastSlideIn,.3s ease-in 3.2s forwards toastFadeOut;display:flex;box-shadow:0 8px 32px #0000004d}.toast-success{background:linear-gradient(135deg,#10b981e6,#059669e6)}.toast-error{background:linear-gradient(135deg,#ef4444e6,#b91c1ce6)}.toast-warning{background:linear-gradient(135deg,#f59e0be6,#d97706e6)}.toast-info{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)}.toast-icon{font-size:1.1rem}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastFadeOut{to{opacity:0;transform:translate(100%)}}.sidebar{z-index:100;background:linear-gradient(#0f1a2e 0%,#132240 40%,#0f1a2e 100%);border-right:1px solid #2a406080;flex-direction:column;width:270px;min-height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #2a406066;padding:28px 22px 24px;position:relative}.sidebar-header:after{content:"";background:linear-gradient(90deg,#0000,#34d3994d,#0000);height:1px;position:absolute;bottom:-1px;left:22px;right:22px}.sidebar-logo{align-items:center;gap:14px;display:flex}.sidebar-logo-icon{color:#34d399;background:linear-gradient(135deg,#10b98126,#34d39914);border:1px solid #34d39933;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.sidebar-logo-icon:hover{background:linear-gradient(135deg,#10b98140,#34d3991f);transform:scale(1.05)}.sidebar-logo h1{color:#f1f5f9;letter-spacing:-.2px;margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.sidebar-subtitle{color:#5a7a9a;text-transform:uppercase;letter-spacing:1.5px;margin-top:2px;font-size:.62rem;font-weight:600;display:block}.sidebar-section-label{color:#4a6580;text-transform:uppercase;letter-spacing:1.5px;margin:0;padding:18px 18px 8px;font-size:.6rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#34d39926;border-radius:3px}.sidebar-link{color:#8ba3be;border-radius:10px;align-items:center;gap:12px;margin:0 2px;padding:10px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-link svg{opacity:.7;flex-shrink:0;transition:opacity .2s}.sidebar-link:hover{color:#c8d8e8;background:#ffffff0a}.sidebar-link:hover svg{opacity:1}.sidebar-link.active{color:#34d399;box-shadow:none;background:linear-gradient(135deg,#10b98126,#34d39914);font-weight:600}.sidebar-link.active:before{content:"";background:linear-gradient(#10b981,#34d399);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-2px;box-shadow:0 0 8px #10b98166}.sidebar-link.active svg{opacity:1;color:#34d399}.sidebar-divider{background:linear-gradient(90deg,#0000,#2a406080,#0000);height:1px;margin:8px 18px}.sidebar-footer{border-top:1px solid #2a406066;flex-direction:column;gap:12px;padding:16px 16px 20px;display:flex;position:relative}.sidebar-footer:before{content:"";background:linear-gradient(90deg,#0000,#34d39933,#0000);height:1px;position:absolute;top:-1px;left:16px;right:16px}.sidebar-mode{text-transform:uppercase;letter-spacing:.8px;color:#5a7a9a;align-items:center;gap:8px;padding:0 6px;font-size:.68rem;font-weight:600;display:flex}.mode-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite modePulse;box-shadow:0 0 8px #10b98180}@keyframes modePulse{0%,to{opacity:1}50%{opacity:.35}}.sidebar-logout{color:#5a7a9a;cursor:pointer;background:0 0;border:1px solid #2a406080;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .25s;display:flex}.sidebar-logout:hover{color:#f87171;background:#ef444414;border-color:#ef444440}.app-layout{min-height:100vh;display:flex}.app-main{flex:1;min-height:100vh;margin-left:260px;padding:32px;overflow-y:auto}.page-header{margin-bottom:28px}.page-header h2{color:var(--text-primary);margin:0 0 6px;font-size:1.6rem;font-weight:700}.page-header p{color:var(--text-muted);margin:0;font-size:.9rem}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-glow{pointer-events:none;background:radial-gradient(circle,#6366f126,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{background:var(--surface-raised);border:1px solid var(--border);text-align:center;z-index:1;border-radius:20px;width:100%;max-width:400px;padding:48px 40px;position:relative;box-shadow:0 20px 60px #0000004d}.login-icon{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;box-shadow:0 8px 25px #6366f159}.login-card h1{color:var(--text-primary);margin:0 0 6px;font-size:1.6rem;font-weight:800}.login-subtitle{color:var(--text-muted);margin:0 0 28px;font-size:.85rem}.login-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-bottom:20px;padding:10px 16px;font-size:.85rem}.login-field{margin-bottom:14px;position:relative}.login-field-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-field input{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:13px 14px 13px 44px;font-family:inherit;font-size:.9rem;transition:all .2s}.login-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f126}.login-btn{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #6366f159}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-page{max-width:1400px;margin:0 auto}.dash-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dash-header-left{align-items:center;gap:16px;display:flex}.dash-header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dash-header-left h1{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.dash-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.dash-header-actions{align-items:center;gap:10px;display:flex}.dash-btn-refresh{background:var(--surface-raised);border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.dash-btn-refresh:hover{color:var(--text-primary);border-color:var(--accent);background:#6366f114;transform:rotate(90deg)}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:20px 22px;transition:all .3s;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi-color,var(--border));opacity:.6;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.kpi-card:hover{border-color:#6366f133;transform:translateY(-3px);box-shadow:0 8px 30px #0003}.kpi-card:hover:before{opacity:1}.kpi-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-info{flex:1;min-width:0}.kpi-value{color:var(--text-primary);letter-spacing:-.5px;font-size:1.6rem;font-weight:800;line-height:1}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:.75rem;font-weight:500}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:0;transition:all .3s;overflow:hidden}.card:hover{border-color:#6366f126}.card-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:700;display:flex}.badge-count{color:#818cf8;background:#6366f11a;border:1px solid #6366f126;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700}.groups-stats{flex-direction:column;gap:4px;padding:8px 24px 16px;display:flex}.group-stat-row{border-radius:10px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.group-stat-row:hover{background:#ffffff05}.group-stat-info{flex:1;min-width:0}.group-stat-name{color:var(--text-primary);font-size:.88rem;font-weight:600;display:block}.group-stat-id{color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;display:block}.group-stat-numbers{color:var(--text-secondary);flex-shrink:0;gap:14px;font-size:.82rem;display:flex}.group-stat-numbers span{background:#ffffff08;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;display:flex}.group-stat-bar{background:#0f172a80;border-radius:3px;flex-shrink:0;width:140px;height:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.group-stat-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:3px;height:100%;transition:width .5s;box-shadow:0 0 8px #6366f14d}.history-filters{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:20px 24px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.filter-date,.filter-select{color:#e5e7eb;background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .25s;box-shadow:inset 0 2px 4px #0000001a}.filter-date:hover,.filter-select:hover{background:#0f172ab3;border-color:#6366f14d}.filter-date:focus,.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a,inset 0 2px 4px #0000001a}.filter-select{cursor:pointer;min-width:150px}.table-wrap{padding:0 8px 8px;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0 4px;width:100%}.data-table thead th{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:12px 16px;font-size:.7rem;font-weight:700}.data-table tbody tr{background:#ffffff04;transition:all .2s}.data-table tbody tr:hover{background:#6366f10a}.data-table tbody td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #ffffff08;padding:14px 16px;font-size:.85rem}.data-table tbody tr:first-child td:first-child{border-top-left-radius:10px}.data-table tbody tr:first-child td:last-child{border-top-right-radius:10px}.text-nowrap{white-space:nowrap}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.action-btns{gap:6px;display:flex}.icon-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{color:#818cf8;background:#6366f11a;border-color:#6366f14d;transform:translateY(-1px)}.icon-btn.accent{color:#818cf8;background:#6366f114;border-color:#6366f133}.icon-btn.accent:hover{background:#6366f133;box-shadow:0 4px 12px #6366f133}.icon-btn.danger{color:#f87171;border-color:#ef444426}.icon-btn.danger:hover{background:#ef44441f;border-color:#ef44444d;box-shadow:0 4px 12px #ef444426}.pagination-bar{border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:16px;padding:20px 24px;display:flex}.pagination-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;transition:all .25s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:#818cf8;background:#6366f11f;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{color:var(--text-muted);text-align:center;min-width:60px;font-size:.85rem;font-weight:600}.empty-state p{font-size:.95rem;font-weight:500}.page-loader{justify-content:center;align-items:center;min-height:400px;display:flex}.browser-notice{color:#f59e0b;background:#f59e0b0f;border:1px solid #f59e0b26;border-radius:12px;align-items:center;gap:10px;margin:16px 24px 0;padding:14px 20px;font-size:13px;display:flex}.browser-notice a{color:#818cf8;font-weight:600;text-decoration:underline}.publish-results-inline{flex-direction:column;gap:6px;padding:16px 24px;display:flex}.result-item-inline{border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.result-item-inline.success{color:#10b981;background:#10b9810f;border:1px solid #10b9811f}.result-item-inline.failed{color:#ef4444;background:#ef44440f;border:1px solid #ef44441f}.select-all-btn{color:#818cf8;cursor:pointer;background:#6366f11a;border:1px solid #6366f126;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s}.select-all-btn:hover{background:#6366f12e;border-color:#6366f14d}.delete-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.delete-modal{background:linear-gradient(145deg,#1e2030 0%,#171923 100%);border:1px solid #ffffff14;border-radius:20px;width:460px;max-width:92vw;max-height:85vh;animation:.3s slideUp;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d}.delete-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:22px 24px 16px;display:flex}.delete-modal-title{align-items:center;gap:14px;display:flex}.delete-modal-icon{color:#ef4444;background:#ef44441f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.delete-modal-title h3{color:#f1f5f9;margin:0;font-size:1.05rem;font-weight:700}.delete-modal-subtitle{color:#94a3b8;font-size:12px;font-weight:500}.delete-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.delete-modal-close:hover{color:#ef4444;background:#ef444426}.delete-modal-body{max-height:50vh;padding:20px 24px;overflow-y:auto}.delete-post-preview{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:16px;padding:14px 16px}.delete-post-preview p{color:#cbd5e1;margin:0;font-size:13px;line-height:1.5}.delete-media-badge{color:#a78bfa;background:#a78bfa1a;border-radius:6px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.delete-groups-section{margin-top:4px}.delete-groups-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.delete-groups-list{flex-direction:column;gap:6px;display:flex}.delete-group-item{background:#10b9810a;border:1px solid #10b9811a;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.delete-group-item:hover{background:#10b98114}.delete-group-item.deleted{opacity:.7;background:#64748b0a;border-color:#64748b1a}.delete-group-info{color:#e2e8f0;flex:1;align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:600;display:flex}.delete-group-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.delete-group-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.delete-group-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444466;transform:scale(1.05)}.delete-group-btn:disabled{opacity:.4;cursor:not-allowed}.delete-fbid-badge{color:#818cf8;background:#6366f11a;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:10px;font-weight:600}.delete-fbid-badge.no-id{color:#f59e0b;background:#f59e0b1a}.delete-browser-warning{color:#f59e0b;background:#f59e0b0f;border:1px solid #f59e0b26;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:12px;display:flex}.delete-progress{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.delete-progress p{color:#e2e8f0;margin:0;font-size:15px;font-weight:600}.delete-progress span{color:#94a3b8;font-size:12px}.delete-done{flex-direction:column;align-items:center;gap:10px;padding:30px 20px;display:flex}.delete-done p{color:#10b981;margin:0;font-size:15px;font-weight:600}.delete-done-results{flex-direction:column;gap:4px;width:100%;margin-top:12px;display:flex}.delete-done-item{border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.delete-done-item.success{color:#10b981;background:#10b9810f}.delete-done-item.failed{color:#ef4444;background:#ef44440f}.delete-done-error{color:#94a3b8;margin-left:auto;font-size:11px;font-weight:400}.delete-modal-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.delete-btn-full{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef44444d;color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:none!important}.delete-btn-full:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.delete-btn-db{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex;color:#ef4444!important;background:#ef44441f!important;border:1px solid #ef444433!important}.delete-btn-db:hover{background:#ef444433!important}.auto-reply-section{padding:20px 24px}.auto-reply-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.auto-reply-controls .filter-select{flex:1;min-width:200px}.warning-box{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.reply-results{margin-top:16px}.reply-summary{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;gap:16px;margin-bottom:12px;padding:12px 16px;display:flex}.reply-stat{font-size:13px;font-weight:600}.reply-stat.replied{color:#10b981}.reply-stat.skipped{color:#f59e0b}.reply-stat.error{color:#ef4444}.reply-details-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.reply-detail-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.reply-detail-item:hover{background:#ffffff0a;border-color:#ffffff0f}.reply-detail-item.replied{border-left:3px solid #10b981}.reply-detail-item.error{border-left:3px solid #ef4444}.reply-detail-item.skipped{border-left:3px solid #f59e0b}.reply-detail-comment{flex-direction:column;flex:1;gap:4px;font-size:13px;display:flex}.reply-detail-comment strong{color:#e2e8f0;font-size:12px}.reply-detail-comment span{color:#94a3b8;font-size:12px}.reply-detail-arrow{color:#6366f1;flex-shrink:0;font-size:16px;font-weight:700}.reply-detail-reply{flex-direction:column;flex:1;gap:4px;font-size:13px;display:flex}.reply-detail-reply span{color:#a5b4fc;font-size:12px}.reply-method-badge{background:#8b5cf626;border-radius:6px;width:fit-content;padding:2px 8px;font-weight:600;color:#a78bfa!important;font-size:10px!important}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-header{flex-direction:column;align-items:flex-start;gap:16px}.history-filters{flex-direction:column}.data-table{font-size:.8rem}}.templates-page{max-width:1400px;margin:0 auto}.tpl-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.tpl-header-left{align-items:center;gap:16px;display:flex}.tpl-header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.tpl-header-left h1{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.tpl-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.tpl-header-actions{align-items:center;gap:10px;display:flex}.tpl-btn-refresh{background:var(--surface-raised);border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.tpl-btn-refresh:hover{color:var(--text-primary);border-color:var(--accent);background:#6366f114;transform:rotate(90deg)}.tpl-btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #10b98140}.tpl-btn-create:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.template-tabs{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;gap:8px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.template-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.template-tab:hover{color:var(--text-secondary);background:#ffffff0a}.template-tab.active{background:color-mix(in srgb, var(--tab-color,var(--accent)) 15%, transparent);color:var(--tab-color,var(--accent));border-color:color-mix(in srgb, var(--tab-color,var(--accent)) 30%, transparent)}.template-tab .tab-count{text-align:center;min-width:20px;color:var(--text-muted);background:#ffffff14;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:700}.template-tab.active .tab-count{background:color-mix(in srgb, var(--tab-color,var(--accent)) 30%, transparent);color:var(--tab-color,var(--accent))}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.template-premium-card{background:var(--surface-raised);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000040}.template-premium-card:hover{box-shadow:0 20px 40px #00000059, 0 -4px 20px color-mix(in srgb, var(--type-color) 15%, transparent);border-color:#ffffff1a;transform:translateY(-4px)}.tcard-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.tcard-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tcard-title-area{flex:1;min-width:0}.tcard-name{color:var(--text-primary);margin:0 0 6px;font-size:1.15rem;font-weight:700;line-height:1.3}.tcard-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tcard-type-badge{text-transform:uppercase;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.tcard-category-badge{color:var(--text-muted);background:#ffffff0d;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;display:inline-flex}.tcard-body{background:#080c174d;border:1px solid #ffffff05;border-radius:12px;flex:1;margin-bottom:20px;padding:16px}.tcard-post-title{color:var(--accent-hover);margin-bottom:8px;font-size:.9rem;font-weight:700;line-height:1.4}.tcard-message{color:var(--text-secondary);white-space:pre-wrap;max-height:80px;font-size:.88rem;line-height:1.6;position:relative;overflow:hidden}.tcard-message:after{content:"";background:linear-gradient(#0000,#152238);height:32px;position:absolute;bottom:0;left:0;right:0}.tcard-meta{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.tcard-meta-row{align-items:flex-start;gap:8px;display:flex}.meta-icon{color:var(--text-muted);margin-top:3px}.keyword-chips-container{flex-wrap:wrap;gap:6px;display:flex}.tcard-keyword-chip{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:600}.variations-text{color:#f59e0b;align-items:center;font-size:.8rem}.variations-text .meta-icon{color:#f59e0b;margin-top:0}.tcard-media-wrapper{margin-top:8px}.tcard-media-list{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tcard-media-list::-webkit-scrollbar{display:none}.tcard-media-thumb{border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:60px;height:60px;position:relative;overflow:hidden}.tcard-media-thumb img,.tcard-media-thumb video{object-fit:cover;width:100%;height:100%}.tcard-media-thumb .video-overlay{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tcard-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.tcard-stats{align-items:center;gap:12px;display:flex}.stat-item{color:var(--text-muted);font-size:.8rem;font-weight:600}.default-badge{color:#fcd34d;background:#fbbf2426;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex}.tcard-btn-delete{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.tcard-btn-delete:hover{background:#ef444426;border-color:#ef4444;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.create-modal{background:var(--surface-raised);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:720px;max-width:94vw;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;box-shadow:0 24px 80px #00000080}.create-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.create-modal-header h3{color:var(--text-primary);align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.modal-close-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.create-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.create-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.form-section{border-bottom:1px solid #ffffff0a;margin-bottom:22px;padding-bottom:18px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section-label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:.88rem;font-weight:700;display:flex}.form-hint{color:var(--text-muted);margin-left:auto;font-size:.72rem;font-weight:500}.type-selector{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.type-card{color:var(--text-muted);cursor:pointer;background:#080c1766;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.type-card:hover{color:var(--text-secondary);background:#080c1799;border-color:#ffffff1a;transform:translateY(-2px)}.type-card.selected{border-color:color-mix(in srgb, var(--card-color) 40%, transparent);background:color-mix(in srgb, var(--card-color) 8%, transparent);color:color-mix(in srgb, var(--card-color) 80%, white);box-shadow:0 8px 24px color-mix(in srgb, var(--card-color) 15%, transparent);transform:translateY(-2px)}.type-card-icon{width:48px;height:48px;color:var(--text-muted);background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;transition:all .3s;display:flex}.type-card.selected .type-card-icon{background:color-mix(in srgb, var(--card-color) 20%, transparent);color:var(--card-color);box-shadow:0 0 16px color-mix(in srgb, var(--card-color) 30%, transparent)}.type-card strong{font-size:.95rem;font-weight:700}.type-card span{text-align:center;opacity:.8;font-size:.72rem;line-height:1.4}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.form-input,.form-textarea,.form-select{width:100%;color:var(--text-primary);box-sizing:border-box;background:#080c1780;border:1px solid #ffffff14;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:.6}.form-input:hover,.form-textarea:hover,.form-select:hover{background:#080c17b3;border-color:#ffffff26}.form-input:focus,.form-textarea:focus,.form-select:focus{background:#080c17cc;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b98126}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:auto;cursor:pointer}.font-mono{letter-spacing:.5px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.84rem!important}.form-hint{color:var(--text-muted);letter-spacing:.3px;background:#ffffff0d;border-radius:12px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:500}.custom-dropdown{margin-bottom:14px;position:relative}.dropdown-trigger{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;box-sizing:border-box;background:#080c1780;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.dropdown-trigger:hover{background:#080c17b3;border-color:#ffffff26}.dropdown-trigger.open{background:#080c17cc;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.dropdown-trigger .placeholder{color:var(--text-muted)}.dropdown-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .25s}.dropdown-chevron.rotated{transform:rotate(180deg)}.dropdown-menu{background:var(--surface-raised);border:1px solid var(--border);z-index:1100;scrollbar-width:thin;scrollbar-color:#6366f14d transparent;border-radius:12px;max-height:220px;padding:4px;animation:.2s cubic-bezier(.4,0,.2,1) dropdownOpen;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff08}.dropdown-menu::-webkit-scrollbar{width:5px}.dropdown-menu::-webkit-scrollbar-track{background:0 0}.dropdown-menu::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-family:inherit;font-size:.85rem;transition:all .15s;display:flex}.dropdown-option:hover{color:var(--text-primary);background:#6366f114}.dropdown-option.selected{color:var(--accent);background:#6366f11f;font-weight:600}.multi-check{text-align:center;flex-shrink:0;width:18px;font-size:.9rem}.dropdown-menu.multi-select .dropdown-option{padding:8px 10px}.variation-input-row{align-items:flex-start;gap:10px;display:flex}.variation-textarea{flex:1}.btn-add-variation{border-radius:10px;flex-shrink:0;justify-content:center;min-width:44px;padding:10px 14px}.variations-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.variation-item{color:var(--text-secondary);background:#f59e0b0a;border:1px solid #f59e0b1a;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;display:flex}.variation-number{color:#f59e0b;min-width:22px;font-size:.72rem;font-weight:700}.variation-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.variation-remove{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.variation-remove:hover{color:#ef4444;background:#ef44441a}.btn-add-inline{color:#10b981;cursor:pointer;background:#10b9811a;border:none;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-add-inline:hover{background:#10b98133}.variables-list{flex-direction:column;gap:8px;display:flex}.variable-row{align-items:center;gap:6px;display:flex}.variable-brace{color:#10b981;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.variable-key-input{text-align:center;font-family:JetBrains Mono,monospace;width:100px!important;font-size:.82rem!important}.variable-value-input{flex:1!important}.settings-row{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:14px;display:grid}.setting-item{flex-direction:column;gap:6px;display:flex}.setting-item label{color:var(--text-muted);font-size:.78rem;font-weight:600}.toggle-setting{align-items:center}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.toggle-btn.active{color:#10b981}.schedule-toggle{margin-left:auto}.schedule-fields{animation:.25s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-muted);background:#0f111766;border-radius:14px;padding:28px 20px;transition:all .3s}.drop-zone:hover{border-color:var(--accent);background:#6366f10a}.drop-zone.drag-over{border-color:var(--accent);background:#6366f114;box-shadow:0 0 24px #6366f11a}.drop-zone p{color:var(--text-secondary);margin:8px 0 4px;font-size:.85rem}.drop-zone .hint{color:var(--text-muted);font-size:.75rem}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:12px;display:grid}.media-preview-item{aspect-ratio:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}.media-preview-item img,.media-preview-item video{object-fit:cover;width:100%;height:100%}.media-preview-item .remove-media{color:#fff;cursor:pointer;opacity:0;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:13px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:5px;right:5px}.media-preview-item:hover .remove-media{opacity:1}.media-preview-item .file-type-badge{text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;bottom:5px;left:5px}.publish-modal{background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;width:520px;max-width:92vw;max-height:85vh;animation:.25s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000073}.publish-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.publish-modal-header h3{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.publish-modal-body{padding:18px 22px}.publish-modal-body .template-preview{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);white-space:pre-wrap;border-radius:10px;max-height:120px;margin-bottom:16px;padding:14px 16px;font-size:.83rem;line-height:1.55;overflow-y:auto}.publish-modal-body .groups-select-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;font-weight:700;display:flex}.publish-modal-body .select-all-btn{color:var(--accent);cursor:pointer;background:#6366f11a;border:none;border-radius:6px;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .2s}.publish-modal-body .select-all-btn:hover{background:#6366f133}.publish-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.checkbox-grid{flex-wrap:wrap;gap:8px;display:flex}.checkbox-item{border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.checkbox-item.checked{border-color:var(--accent);color:var(--accent);background:#6366f11a}.checkbox-item input{display:none}.template-publish-results{border-top:1px solid var(--border);padding:16px 22px}.template-publish-results h4{color:var(--text-primary);align-items:center;gap:6px;margin:0 0 12px;font-size:.9rem;display:flex}.results-grid{flex-direction:column;gap:6px;display:flex}.result-item{border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex}.result-item.success{color:#10b981;background:#10b9810f;border:1px solid #10b98126}.result-item.failed{color:#ef4444;background:#ef44440f;border:1px solid #ef444426}.result-item.deleted{color:#fbbf24;opacity:.7;background:#fbbf240f;border:1px solid #fbbf2426}.result-item.deleted .result-name{text-decoration:line-through}.result-name{flex:1;font-weight:600}.result-error{opacity:.8;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.78rem;overflow:hidden}.result-time{opacity:.6;font-size:.78rem;font-weight:500}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.empty-state p{margin:0;font-size:.95rem}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98140}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.btn-secondary{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14}.btn-secondary:hover{color:var(--text-primary);background:#ffffff1a}.btn:disabled{opacity:.6;cursor:not-allowed}.icon-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn.danger:hover{color:#ef4444;background:#ef44441a}.page-loader{justify-content:center;align-items:center;padding:80px 20px;display:flex}.loader{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@media (width<=768px){.templates-grid,.type-selector,.form-row,.form-row-3,.settings-row{grid-template-columns:1fr}.template-tabs{flex-wrap:nowrap}.create-modal{max-height:95vh;margin:10px}}.posts-page{max-width:1400px;margin:0 auto}.posts-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.posts-header-left{align-items:center;gap:16px;display:flex}.posts-header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.posts-header-left h1{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.posts-header-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.posts-header-actions{align-items:center;gap:10px;display:flex}.posts-btn-refresh{background:var(--surface-raised);border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.posts-btn-refresh:hover{color:var(--text-primary);border-color:var(--accent);background:#6366f114;transform:rotate(90deg)}.posts-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.posts-kpi-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:20px 22px;transition:all .3s;display:flex;position:relative;overflow:hidden}.posts-kpi-card:before{content:"";background:var(--kpi-color,var(--border));opacity:.6;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.posts-kpi-card:hover{border-color:#6366f133;transform:translateY(-3px);box-shadow:0 8px 30px #0003}.posts-kpi-card:hover:before{opacity:1}.posts-kpi-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.posts-kpi-info{flex:1;min-width:0}.posts-kpi-value{color:var(--text-primary);letter-spacing:-.5px;font-size:1.6rem;font-weight:800;line-height:1}.posts-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:.75rem;font-weight:500}.auto-reply-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;transition:all .3s;overflow:hidden}.auto-reply-panel:hover{border-color:#6366f126}.auto-reply-header{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 24px;transition:background .2s;display:flex}.auto-reply-header:hover{background:#ffffff04}.auto-reply-header.open{border-bottom:1px solid var(--border)}.auto-reply-header-left{align-items:center;gap:14px;display:flex}.auto-reply-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auto-reply-header-left h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.auto-reply-subtitle{color:var(--text-muted);margin-top:2px;font-size:.75rem;display:block}.auto-reply-header-right{align-items:center;gap:10px;display:flex}.auto-reply-running-badge{color:#818cf8;background:#6366f11a;border:1px solid #6366f126;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.auto-reply-warning-badge{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b1f;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.auto-reply-chevron{color:var(--text-muted);transition:transform .3s}.auto-reply-chevron.rotated{transform:rotate(180deg)}.auto-reply-body{padding:20px 24px;animation:.3s engagementSlideIn}.auto-reply-controls{align-items:flex-start;gap:12px;display:flex}.group-dropdown{flex:1;position:relative}.group-dropdown-trigger{width:100%;color:var(--text-primary);cursor:pointer;background:#1e213099;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #0000001a}.group-dropdown-trigger:hover:not(:disabled){background:#6366f10a;border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 20px #6366f114}.group-dropdown-trigger.open{background:#1e2130e6;border-color:#818cf8;box-shadow:0 0 0 3px #6366f126,0 8px 30px #0003}.group-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.group-dropdown-selected{align-items:center;gap:10px;min-width:0;display:flex}.group-dropdown-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #10b98166}.group-dropdown-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.group-dropdown-count{color:#818cf8;background:#6366f114;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.group-dropdown-menu{z-index:100;background:#151824;border:1px solid #6366f14d;border-radius:16px;animation:.25s cubic-bezier(.16,1,.3,1) dropdownSlide;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ffffff0a}@media (width>=900px){.group-dropdown-menu{right:-100px}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.group-dropdown-search{border-bottom:1px solid var(--border);color:#64748b;align-items:center;gap:10px;padding:12px 16px;display:flex}.group-dropdown-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem;font-weight:500}.group-dropdown-search input::placeholder{color:#475569}.group-dropdown-list{max-height:280px;padding:6px;overflow-y:auto}.group-dropdown-list::-webkit-scrollbar{width:4px}.group-dropdown-list::-webkit-scrollbar-track{background:0 0}.group-dropdown-list::-webkit-scrollbar-thumb{background:#6366f133;border-radius:2px}.group-dropdown-item{cursor:pointer;border-left:3px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.group-dropdown-item:hover{background:linear-gradient(90deg,#6366f11a 0%,#6366f103 100%);border-left-color:#818cf8;transform:translate(3px)}.group-dropdown-item.active{background:#6366f11f;border-left-color:#6366f1;box-shadow:inset 0 0 0 1px #6366f10d}.group-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.group-item-avatar{color:#818cf8;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.group-item-info{flex-direction:column;gap:1px;min-width:0;display:flex}.group-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.group-item-url{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.group-item-stats{flex-shrink:0;gap:6px;display:flex}.group-item-chip{color:#64748b;background:#ffffff0a;border-radius:5px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.group-item-check{color:#10b981;flex-shrink:0}.group-dropdown-empty{text-align:center;color:#475569;padding:20px;font-size:.82rem}.auto-reply-buttons{flex-shrink:0;gap:8px;display:flex}.auto-reply-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:.85rem;font-weight:600;transition:all .25s;display:inline-flex}.auto-reply-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f140}.auto-reply-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.auto-reply-btn.secondary{color:#a5b4fc;background:#6366f114;border:1px solid #6366f11f}.auto-reply-btn.secondary:hover:not(:disabled){background:#6366f126;border-color:#6366f140}.auto-reply-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.auto-reply-results{margin-top:20px;animation:.3s engagementSlideIn}.auto-reply-summary{gap:16px;margin-bottom:16px;display:flex}.auto-reply-stat{border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.8rem;display:flex}.auto-reply-stat strong{font-size:1.1rem;font-weight:700}.auto-reply-stat.success{color:#34d399;background:#10b98114;border:1px solid #10b9811f}.auto-reply-stat.skipped{color:#fbbf24;background:#f59e0b0f;border:1px solid #f59e0b1a}.auto-reply-stat.error{color:#f87171;background:#ef44440f;border:1px solid #ef44441a}.auto-reply-details{flex-direction:column;gap:8px;display:flex}.auto-reply-detail-row{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:flex}.auto-reply-detail-row:hover{border-color:#6366f126}.auto-reply-detail-row.success{border-left:3px solid #10b981}.auto-reply-detail-row.failed,.auto-reply-detail-row.error{border-left:3px solid #ef4444}.detail-comment{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.detail-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.detail-content{flex-direction:column;gap:2px;min-width:0;display:flex}.detail-author{color:var(--text-primary);font-size:.8rem;font-weight:600}.detail-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.detail-arrow{color:#818cf8;opacity:.5;flex-shrink:0}.detail-reply{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.detail-method-badge{text-transform:uppercase;letter-spacing:.3px;color:#a5b4fc;background:#6366f11a;border:1px solid #6366f11f;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:700}.detail-reply-text{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.posts-filter-bar{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.posts-filter-group{flex-direction:column;gap:6px;display:flex}.posts-filter-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.posts-filter-input{color:#e5e7eb;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;min-width:150px;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .25s}.posts-filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.posts-filter-select{color:#e5e7eb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;min-width:160px;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .25s}.posts-filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.posts-filter-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.posts-filter-count{color:var(--text-secondary);white-space:nowrap;background:#6366f10f;border:1px solid #6366f11f;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.posts-filter-count strong{color:#818cf8;font-size:15px}.posts-list{flex-direction:column;gap:12px;display:flex}.post-card{border:1px solid var(--border);background:var(--surface-raised);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.post-card:before{content:"";background:var(--border);height:3px;transition:background .3s;position:absolute;top:0;left:0;right:0}.post-card.status-published:before{background:linear-gradient(90deg,#10b981,#34d399)}.post-card.status-partial:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.post-card.status-failed:before{background:linear-gradient(90deg,#ef4444,#f87171)}.post-card.status-draft:before{background:linear-gradient(90deg,#6b7280,#9ca3af)}.post-card.status-pending:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.post-card.status-scheduled:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.post-card:hover{border-color:#6366f140;box-shadow:0 4px 24px #00000026}.post-card.expanded{border-color:#6366f159;box-shadow:0 8px 40px #6366f11a}.post-card-header{cursor:pointer;align-items:stretch;gap:18px;padding:22px 24px;transition:background .2s;display:flex}.post-card-header:hover{background:#ffffff04}.post-status-dot{border-radius:50%;flex-shrink:0;width:10px;min-height:10px;margin-top:6px;transition:all .3s;box-shadow:0 0 8px #0000004d}.post-status-dot.status-published{background:#10b981;box-shadow:0 0 10px #10b98166}.post-status-dot.status-partial{background:#f59e0b;box-shadow:0 0 10px #f59e0b66}.post-status-dot.status-failed{background:#ef4444;box-shadow:0 0 10px #ef444466}.post-status-dot.status-draft{background:#6b7280}.post-status-dot.status-pending{background:#3b82f6;box-shadow:0 0 10px #3b82f666}.post-status-dot.status-scheduled{background:#8b5cf6;box-shadow:0 0 10px #8b5cf666}.post-card-body{flex:1;min-width:0}.post-card-message{color:#e2e8f0;word-break:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.95rem;font-weight:500;line-height:1.55;display:-webkit-box;overflow:hidden}.post-info-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.post-info-left,.post-info-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-chip{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.post-chip.date{color:#64748b;border:none;padding-left:0;font-weight:500}.post-chip.status{text-transform:uppercase;letter-spacing:.3px;border:1px solid;padding:4px 10px;font-size:10px;font-weight:700}.status-dot-mini{border-radius:50%;flex-shrink:0;width:6px;height:6px}.post-chip.campaign{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b26}.post-chip.trigger{padding:4px 10px;font-size:10px}.post-chip.trigger.auto{color:#818cf8;background:#6366f11a;border-color:#6366f126}.post-chip.trigger.manual{color:#94a3b8;background:#94a3b814;border-color:#94a3b81f}.post-chip.media{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa1f}.post-chip.groups-stat{color:#94a3b8;background:#6366f10f;border-color:#6366f11a;gap:4px;padding-right:8px}.post-chip.groups-stat strong{color:#e2e8f0;font-size:12px}.post-chip.duration{color:#64748b;font-size:10px;font-weight:500}.mini-bar{background:#ffffff14;border-radius:2px;width:40px;height:4px;margin-left:2px;overflow:hidden}.mini-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%;transition:width .5s;display:block}.post-card-groups{flex-wrap:wrap;gap:6px;display:flex}.post-group-badge{color:#94a3b8;background:#6366f10d;border:1px solid #6366f114;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.post-group-badge:hover{color:#a5b4fc;background:#6366f11a;border-color:#6366f12e}.post-group-badge.more{color:#64748b;background:#94a3b80f;border-color:#94a3b81a}.post-media-strip{align-items:center;gap:8px;margin-top:12px;display:flex}.post-media-thumb{cursor:pointer;border:2px solid #ffffff0f;border-radius:10px;flex-shrink:0;width:56px;height:56px;transition:all .3s;position:relative;overflow:hidden}.post-media-thumb:hover{z-index:1;border-color:#6366f166;transform:scale(1.08);box-shadow:0 4px 16px #6366f133}.post-media-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.post-media-thumb:hover img{transform:scale(1.1)}.post-media-more{color:#818cf8;background:#6366f114;border:2px solid #6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:13px;font-weight:700;display:flex}.post-card-right{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.post-card-expand{color:#64748b;cursor:pointer;background:#6366f10f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex}.post-card-expand:hover{color:#818cf8;background:#6366f126}.post-card.expanded .post-card-expand{color:#a5b4fc;background:#6366f12e}.post-card-actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.post-action-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .25s;display:flex}.post-action-btn:hover{background:var(--surface-hover);color:var(--text-primary);transform:scale(1.08)}.post-action-btn.accent:hover{color:var(--accent);background:#6366f11a;border-color:#6366f14d}.post-action-btn.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.post-engagement{background:linear-gradient(#6366f105 0%,#0000001f 100%);border-top:1px solid #6366f11a;padding:24px 28px;animation:.35s engagementSlideIn}@keyframes engagementSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.engagement-stats-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex}.engagement-stat-item{color:#94a3b8;align-items:center;gap:8px;padding:4px 0;font-size:13px;font-weight:600;display:flex}.engagement-stat-item .stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.engagement-stat-item.comments .stat-icon{color:#818cf8;background:#6366f11f}.engagement-stat-item.replied .stat-icon{color:#10b981;background:#10b9811f}.engagement-stat-item.pending .stat-icon{color:#f59e0b;background:#f59e0b1f}.engagement-stat-item.comments{color:#818cf8}.engagement-stat-item.replied{color:#10b981}.engagement-stat-item.pending{color:#f59e0b}.engagement-stat-value{color:var(--text-primary);margin-right:2px;font-size:16px;font-weight:800}.group-tabs{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:4px;display:flex}.group-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .25s;display:flex;position:relative}.group-tab:hover{color:var(--text-primary);background:#ffffff0a}.group-tab.active{color:#a5b4fc;background:#6366f11a;border-color:#6366f140;box-shadow:0 2px 8px #6366f11f}.group-tab-icon{opacity:.7;flex-shrink:0}.group-tab.active .group-tab-icon{opacity:1;color:#818cf8}.group-tab-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.group-tab-badge{color:#818cf8;background:#6366f11f;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.group-tab.active .group-tab-badge{color:#a5b4fc;background:#6366f133}.group-tab-pending{color:#f59e0b;background:#f59e0b26;border-radius:5px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.engagement-loader{color:#94a3b8;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:13px;display:flex}.engagement-empty{color:#475569;flex-direction:column;align-items:center;gap:10px;padding:40px;font-size:13px;display:flex}.thread-group{margin-bottom:0;animation:.25s tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.thread-comments{flex-direction:column;gap:4px;display:flex}.thread-comment{padding:0}.thread-comment-bubble{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.thread-comment-bubble:hover{background:#ffffff0d;border-color:#ffffff1a}.thread-comment-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f140}.thread-comment-body{flex:1;min-width:0}.thread-comment-author{color:#e2e8f0;align-items:center;gap:10px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.thread-comment-time{color:#64748b;font-size:10px;font-weight:500}.thread-comment-text{color:#cbd5e1;word-break:break-word;font-size:13px;line-height:1.55}.thread-reply{align-items:stretch;margin-left:52px;display:flex;position:relative}.thread-reply-connector{background:linear-gradient(#10b98133,#10b98180);border-radius:1px;flex-shrink:0;width:2px;min-height:16px;margin:0 18px}.thread-reply-bubble{background:#10b9810d;border:1px solid #10b9811f;border-left:3px solid #10b981;border-radius:14px;flex:1;gap:12px;padding:12px 18px;transition:all .2s;display:flex}.thread-reply-bubble:hover{background:#10b98117;border-color:#10b98133}.thread-reply-icon{color:#10b981;background:#10b9811f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;display:flex}.thread-reply-body{flex:1;min-width:0}.thread-reply-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.thread-reply-label{text-transform:uppercase;letter-spacing:.5px;color:#10b981;font-size:11px;font-weight:700}.thread-reply-template{color:#a78bfa;background:#8b5cf61f;border-radius:6px;padding:2px 10px;font-size:10px;font-weight:600}.thread-reply-method{font-size:12px}.thread-reply-text{color:#a7f3d0;word-break:break-word;font-size:13px;line-height:1.55}.thread-reply-keywords{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.keyword-chip{color:#818cf8;background:#6366f114;border:1px solid #6366f11f;border-radius:6px;padding:3px 10px;font-size:10px;font-weight:600;transition:all .2s}.keyword-chip:hover{background:#6366f126}.thread-no-reply{color:#f59e0b;opacity:.7;align-items:center;gap:6px;margin-left:52px;padding:8px 18px 8px 38px;font-size:11px;display:flex}.posts-pagination{justify-content:center;align-items:center;gap:8px;padding:24px 0 8px;display:flex}.posts-page-btn{background:var(--surface-raised);border:1px solid var(--border);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;transition:all .25s;display:flex}.posts-page-btn:hover:not(:disabled){border-color:var(--accent);color:#818cf8;background:#6366f11f}.posts-page-btn:disabled{opacity:.3;cursor:not-allowed}.posts-page-num{min-width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.posts-page-num:hover{background:#ffffff0a}.posts-page-num.active{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;font-weight:700;box-shadow:0 2px 10px #6366f14d}.posts-page-info{color:var(--text-muted);padding:0 8px;font-size:12px}.posts-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.posts-empty-icon{color:#6366f1;background:#6366f114;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.posts-empty h3{color:var(--text-primary);margin:0 0 8px;font-size:1.15rem;font-weight:700}.posts-empty p{color:var(--text-muted);margin:0;font-size:.9rem}.posts-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.posts-tab-bar{border-bottom:1px solid var(--border);gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.posts-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.posts-tab:hover{color:var(--text-primary);background:#ffffff08}.posts-tab.active{color:#fff;background:linear-gradient(135deg,#6366f133,#8b5cf633);box-shadow:inset 0 0 0 1px #6366f14d}.posts-tab-count{background:#ffffff1a;border-radius:20px;margin-left:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.posts-tab.active .posts-tab-count{color:#fff;background:#6366f166}.posts-tab-live{color:#34d399;background:#10b98126;border-radius:12px;align-items:center;gap:4px;margin-left:6px;padding:2px 6px;font-size:.7rem;display:flex}.posts-tab-offline{color:#f59e0b;margin-left:6px}.auto-reply-tab-content{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:24px;animation:.3s fadeIn}.auto-reply-browser-warning{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex}.auto-reply-browser-warning strong{margin-bottom:2px;font-size:.9rem;display:block}.auto-reply-browser-warning span{opacity:.8;font-size:.8rem}.auto-reply-tab-controls{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:16px;display:flex}.auto-reply-tab-left{flex:1;min-width:300px}.auto-reply-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.auto-reply-empty-icon{color:#6366f1;background:#6366f10d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.auto-reply-empty h3{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem}.auto-reply-running{color:#6366f1;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.auto-reply-running span{color:var(--text-primary);font-size:1rem;font-weight:500}@media (width<=1100px){.posts-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.posts-header{flex-direction:column;align-items:flex-start;gap:16px}.posts-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.posts-filter-bar{flex-direction:column;align-items:stretch}.posts-filter-divider{display:none}.post-card-header{padding:16px 18px}.post-engagement{padding:18px}.thread-reply{margin-left:28px}.thread-reply-connector{margin:0 12px}.thread-no-reply{margin-left:28px;padding-left:28px}.engagement-stats-bar{flex-direction:column;gap:8px}.post-info-grid{flex-direction:column;align-items:flex-start;gap:8px}.post-media-thumb,.post-media-more{width:44px;height:44px}}@media (width<=480px){.posts-kpi-grid{grid-template-columns:1fr}.posts-kpi-card{padding:16px}}.campaigns-page{max-width:1400px;margin:0 auto;padding:32px}.camp-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.camp-header-left{align-items:center;gap:16px;display:flex}.camp-header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.camp-header-left h1{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.camp-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.camp-header-actions{gap:10px;display:flex}.camp-btn-refresh{background:var(--surface-raised);border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.camp-btn-refresh:hover{color:var(--text-primary);border-color:var(--accent);background:#6366f114;transform:rotate(90deg)}.camp-btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #10b98140}.camp-btn-create:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.camp-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.camp-stat-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:20px 22px;transition:all .3s;display:flex;position:relative;overflow:hidden}.camp-stat-card:before{content:"";background:var(--border);opacity:.6;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.camp-stat-card:hover{border-color:#6366f133;transform:translateY(-3px);box-shadow:0 8px 30px #0003}.camp-stat-card:hover:before{opacity:1}.camp-stat-card.success:before{background:#10b981}.camp-stat-card.danger:before{background:#ef4444}.camp-stat-card.info:before{background:#8b5cf6}.camp-stat-card:not(.success):not(.danger):not(.info):before{background:#6366f1}.camp-stat-card>svg{color:#6366f1;background:#6366f11f;border-radius:14px;flex-shrink:0;padding:12px;width:48px!important;height:48px!important}.camp-stat-card.success>svg{color:#10b981;background:#10b9811f}.camp-stat-card.danger>svg{color:#ef4444;background:#ef44441f}.camp-stat-card.info>svg{color:#8b5cf6;background:#8b5cf61f}.camp-stat-card>div{flex:1;min-width:0}.camp-stat-value{color:var(--text-primary);letter-spacing:-.5px;font-size:1.6rem;font-weight:800;line-height:1;display:block}.camp-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:.75rem;font-weight:500;display:block}.camp-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.camp-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.camp-card:before{content:"";background:var(--border);width:4px;transition:background .3s;position:absolute;top:0;bottom:0;left:0}.camp-card.active:before{background:linear-gradient(#10b981,#059669)}.camp-card.paused:before{background:linear-gradient(#f59e0b,#d97706)}.camp-card.failed:before{background:linear-gradient(#ef4444,#dc2626)}.camp-card.completed:before{background:linear-gradient(#6366f1,#4f46e5)}.camp-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,inset 0 0 0 1px #6366f10d}.camp-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.camp-card-title{flex-direction:column;align-items:flex-start;display:flex}.camp-card-title h3{color:var(--text-primary);margin:8px 0 0;font-size:1.15rem;font-weight:700}.camp-action-badge{color:#fff;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0003}.camp-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:5px 12px;font-size:.75rem;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff0d}.camp-card-desc{color:var(--text-muted);margin:0 0 16px;font-size:.85rem;line-height:1.5}.camp-card-info{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.camp-info-row{color:#94a3b8;align-items:center;gap:12px;font-size:.88rem;display:flex}.camp-info-row strong{color:#f8fafc;font-weight:500}.camp-info-row svg{color:#818cf8;background:#6366f11f;border-radius:6px;width:24px;height:24px;padding:5px}.camp-card-stats{gap:12px;margin-bottom:20px;display:flex}.camp-mini-stat{text-align:center;background:#0f121c66;border:1px solid #ffffff0a;border-radius:12px;flex:1;padding:12px 8px;transition:all .25s;box-shadow:inset 0 2px 10px #0003}.camp-mini-stat:hover{background:#ffffff0a;border-color:#6366f133;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.camp-mini-stat .mini-label{color:var(--text-muted);margin-bottom:6px;font-size:.72rem;font-weight:500;display:block}.camp-mini-stat .mini-value{color:var(--text-primary);font-size:1.35rem;font-weight:800;line-height:1;display:block}.camp-mini-stat.success .mini-value{color:#34d399}.camp-mini-stat.danger .mini-value{color:#f87171}.camp-card-times{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.camp-time-row{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.camp-card-actions{gap:12px;margin-top:auto;display:flex}.camp-action-btn{color:var(--text-primary);cursor:pointer;background:#1e213066;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.camp-action-btn:hover{background:#ffffff0f;border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.camp-action-btn.execute{color:#34d399;background:linear-gradient(135deg,#10b98133,#10b9810d);border-color:#10b98166;flex:1;box-shadow:inset 0 1px #ffffff1a}.camp-action-btn.execute:hover:not(:disabled){background:linear-gradient(135deg,#10b9814d,#10b9811a);border-color:#34d399;box-shadow:0 8px 25px #10b98140,inset 0 1px #fff3}.camp-action-btn.execute:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.camp-action-btn.danger{color:#f87171;border-color:#ef44444d}.camp-action-btn.danger:hover{color:#fca5a5;background:#ef444426;border-color:#f87171;box-shadow:0 8px 25px #ef444433}.camp-loading{color:var(--text-secondary,#8b8fa3);justify-content:center;align-items:center;gap:12px;padding:80px 0;display:flex}.camp-empty{text-align:center;color:var(--text-secondary,#8b8fa3);padding:80px 40px}.camp-empty h3{color:var(--text-primary,#e8e9ed);margin:16px 0 8px;font-size:1.2rem}.camp-empty p{margin-bottom:24px}.camp-empty .camp-btn-create{margin:0 auto}.spin{animation:1s linear infinite spin}.camp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.camp-modal{background:#171926;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;width:680px;max-height:85vh;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 30px 80px #000000b3,inset 0 0 0 1px #ffffff08}.camp-modal-header{border-bottom:1px solid var(--border,#2a2d3e);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.camp-modal-header h2{color:var(--text-primary);align-items:center;gap:12px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.camp-modal-header h2 svg{color:var(--accent)}.camp-modal-close{color:var(--text-secondary,#8b8fa3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.camp-modal-close:hover{color:#ff6b6b;background:#ff6b6b1a}.camp-modal-body{flex:1;padding:24px;overflow-y:auto}.camp-modal-footer{border-top:1px solid var(--border,#2a2d3e);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.camp-section{margin-bottom:24px}.camp-section h4{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.camp-section h4 svg{filter:drop-shadow(0 0 4px #6366f166)}.camp-field{margin-bottom:16px}.camp-field.half{flex:1}.camp-row{gap:16px;display:flex}.camp-label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.camp-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;transition:all .25s;box-shadow:inset 0 2px 4px #0000001a}.camp-input:hover{background:#0f172ab3;border-color:#6366f14d}.camp-input:focus{border-color:var(--accent);background:#0f172ae6;box-shadow:0 0 0 3px #6366f126,inset 0 2px 4px #0000001a}.camp-input::placeholder{color:var(--text-muted)}.camp-select{background:var(--surface-raised,#1e2030);border:1px solid var(--border,#2a2d3e);color:var(--text-primary,#e8e9ed);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.85rem}.camp-dropdown{margin-bottom:10px;position:relative}.camp-dropdown-trigger{color:var(--text-primary);cursor:pointer;background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.95rem;transition:all .25s;display:flex;box-shadow:inset 0 2px 4px #0000001a}.camp-dropdown-trigger.open,.camp-dropdown-trigger:hover{border-color:var(--accent);background:#0f172ab3}.camp-dropdown-trigger.open{box-shadow:0 0 0 3px #6366f126,inset 0 2px 4px #0000001a}.camp-chevron{transition:transform .2s}.camp-chevron.rotated{transform:rotate(180deg)}.camp-dropdown-menu{z-index:50;background:#171c2b;border:1px solid #ffffff14;border-radius:12px;max-height:240px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) dropIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 40px #00000080}.camp-dropdown-menu::-webkit-scrollbar{width:6px}.camp-checkbox-list::-webkit-scrollbar{width:6px}.camp-dropdown-menu::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.camp-checkbox-list::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.camp-dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.camp-checkbox-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.camp-dropdown-item{cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;transition:background .15s;display:flex}.camp-dropdown-item:hover{background:#6366f11f}.camp-dropdown-item.selected{color:var(--accent);background:#6366f133;font-weight:600}.camp-multiselect{margin-bottom:12px}.camp-checkbox-list{background:#0f172a80;border:1px solid #ffffff14;border-radius:12px;max-height:200px;padding:8px;overflow-y:auto;box-shadow:inset 0 2px 10px #0003}.camp-checkbox-item{cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;transition:all .2s;display:flex}.camp-checkbox-item:hover{background:#6366f11a}.camp-checkbox-item.select-all{color:var(--accent);border-bottom:1px solid #ffffff0f;margin-bottom:6px;padding-bottom:14px;font-weight:600}.camp-checkbox-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:18px;height:18px}.camp-selected-count{color:var(--accent,#6c63ff);margin-top:6px;font-size:.72rem;font-weight:500}.camp-cron-presets{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.camp-cron-preset{background:var(--surface,#161829);border:1px solid var(--border,#2a2d3e);color:var(--text-secondary,#8b8fa3);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:.72rem;transition:all .2s}.camp-cron-preset:hover{border-color:var(--accent,#6c63ff);color:var(--text-primary,#e8e9ed)}.camp-cron-preset.active{border-color:var(--accent,#6c63ff);color:#6c63ff;background:#6c63ff26;font-weight:600}.camp-hours-range{align-items:center;gap:8px;display:flex}.camp-range-sep{color:var(--text-secondary,#8b8fa3);font-weight:600}.camp-empty-hint{color:#ffb800;background:#ffb80014;border:1px solid #ffb80033;border-radius:8px;align-items:center;gap:8px;padding:14px;font-size:.82rem;display:flex}.camp-auto-toggle{border:1px solid var(--border,#2a2d3e);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 14px;transition:all .3s;display:flex}.camp-auto-toggle:has(.camp-toggle-btn.active){background:#00d4aa0f;border-color:#00d4aa40}.camp-auto-info{color:var(--text-secondary,#8b8fa3);align-items:center;gap:8px;font-size:.82rem;display:flex}.camp-auto-time{color:#00d4aa;background:#00d4aa1f;border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:600}.camp-toggle-btn{color:var(--text-secondary,#555770);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:all .2s;display:flex}.camp-toggle-btn.active{color:#00d4aa}.camp-toggle-btn:hover:not(:disabled){transform:scale(1.1)}.camp-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.camp-limit-badge{color:#6c63ff;background:#6c63ff1f;border-radius:4px;margin-left:4px;padding:1px 8px;font-size:.7rem;font-weight:600}.camp-section-hint{color:var(--text-secondary,#8b8fa3);margin:-4px 0 12px;font-size:.78rem;line-height:1.4}.camp-mode-toggle{gap:8px;margin-bottom:12px;display:flex}.camp-mode-btn{background:var(--surface-raised,#1e2030);border:2px solid var(--border,#2a2d3e);color:var(--text-secondary,#8b8fa3);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:500;transition:all .25s;display:flex}.camp-mode-btn:hover{color:var(--text-primary,#e8e9ed);border-color:#6c63ff66}.camp-mode-btn.active{color:#6c63ff;background:#6c63ff1f;border-color:#6c63ff;font-weight:600;box-shadow:0 0 15px #6c63ff26}.camp-btn-cancel{border:1px solid var(--border,#2a2d3e);color:var(--text-secondary,#8b8fa3);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:.85rem;transition:all .2s}.camp-btn-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary,#e8e9ed)}.camp-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #6366f140}.camp-btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}@media (width<=1200px){.camp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.campaigns-page{padding:20px}.camp-header{flex-direction:column;align-items:flex-start;gap:16px}.camp-stats-grid{grid-template-columns:1fr 1fr}.camp-grid{grid-template-columns:1fr}.camp-modal{width:95%;max-height:90vh}}.browser-page-container{max-width:1400px;margin:0 auto;padding:32px}.browser-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.browser-header-left{align-items:center;gap:16px;display:flex}.browser-header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.browser-header-left h2{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.browser-header-left p{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.browser-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000004d}.browser-card:before{content:"";background:#6366f180;width:3px;height:100%;position:absolute;top:0;left:0}.browser-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.browser-card-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.browser-card-header h3 svg{color:#818cf8}.browser-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0d}.browser-badge.online{color:#10b981;background:#10b9811f}.browser-badge.offline{color:#9ca3af;background:#6b72801f}.browser-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.browser-detail-item{background:#0f121c66;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;gap:6px;padding:20px;transition:all .25s;display:flex;box-shadow:inset 0 2px 10px #0003}.browser-detail-item:hover{background:#ffffff0a;border-color:#6366f133;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.72rem;font-weight:600}.detail-value{color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.2}.detail-value.text-green{color:#34d399}.detail-value.text-gray{color:#9ca3af}.browser-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.browser-action-card{cursor:pointer;text-align:left;color:inherit;background:#1e21304d;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:16px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.browser-action-card:hover{background:#ffffff0a;transform:translateY(-3px);box-shadow:0 12px 30px #0006}.browser-action-card:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.action-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.action-text{flex-direction:column;gap:4px;display:flex}.action-text strong{color:var(--text-primary);font-size:1rem;font-weight:700}.action-text span{color:var(--text-muted);font-size:.8rem}.action-open{border-color:#10b98133}.action-open:hover{border-color:#10b98166}.action-open .action-icon-wrap{color:#10b981;background:#10b9811f}.action-check{border-color:#3b82f633}.action-check:hover{border-color:#3b82f666}.action-check .action-icon-wrap{color:#3b82f6;background:#3b82f61f}.action-refresh{border-color:#8b5cf633}.action-refresh:hover{border-color:#8b5cf666}.action-refresh .action-icon-wrap{color:#8b5cf6;background:#8b5cf61f}.action-close{border-color:#ef444433}.action-close:hover{border-color:#ef444466}.action-close .action-icon-wrap{color:#ef4444;background:#ef44441f}.browser-instructions{flex-direction:column;gap:12px;display:flex}.instruction-step{background:#1e21304d;border:1px solid #ffffff08;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.instruction-step:hover{background:#ffffff08;border-color:#6366f133}.step-number{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 4px 10px #6366f14d}.instruction-step strong{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;display:block}.instruction-step p{color:var(--text-muted);margin:0;font-size:.8rem}.cmt-page{max-width:1400px;margin:0 auto}.cmt-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.cmt-header-left{align-items:center;gap:16px;display:flex}.cmt-header-icon{color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#ef444426);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.cmt-header-left h1{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.cmt-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.cmt-header-actions{align-items:center;gap:10px;display:flex}.cmt-btn-refresh{background:var(--surface-raised);border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.cmt-btn-refresh:hover{color:var(--text-primary);border-color:var(--accent);background:#6366f114;transform:rotate(90deg)}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:0 20px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.filter-btn:hover{background:var(--surface-hover)}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 3px 10px #6366f14d}.comments-grid{flex-direction:column;gap:14px;display:flex}.comment-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:20px;transition:all .2s}.comment-card:hover{box-shadow:0 4px 20px #0000001a}.comment-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.comment-author{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex}.author-name{color:var(--text-primary);font-size:.9rem;font-weight:600;display:block}.comment-time{color:var(--text-muted);font-size:.75rem;display:block}.status-new{color:#3b82f6;background:#3b82f626}.status-analyzed{color:#8b5cf6;background:#8b5cf626}.status-replied{color:#10b981;background:#10b98126}.status-skipped{color:#6b7280;background:#6b728026}.comment-text{background:var(--bg-primary);color:var(--text-secondary);border-radius:10px;margin-bottom:14px;padding:14px 16px;font-size:.9rem;font-style:italic;line-height:1.6}.ai-section{background:#6366f10d;border:1px solid #6366f11a;border-radius:10px;gap:12px;margin-bottom:14px;padding:14px;display:flex}.ai-bot-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.ai-body{flex:1}.ai-header{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.ai-reply{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.conf-bar-wrap{align-items:center;gap:6px;display:flex}.conf-bar{background:var(--border);border-radius:3px;width:60px;height:5px;overflow:hidden}.conf-fill{border-radius:3px;height:100%;transition:width .3s}.comment-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-sm{border-radius:8px;padding:7px 14px;font-size:.8rem}.btn-success{color:#10b981;background:#10b98126;border:1px solid #10b98133}.btn-success:hover{background:#10b98140}.reply-input-wrap{gap:8px;margin-top:12px;display:flex}.reply-input-wrap .form-input{flex:1}.auto-comment-card{border-color:#6366f126}.auto-comment-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:0 20px 16px;display:grid}.form-group-wide{grid-column:1/-1}.form-hint{color:#6b7280;margin-top:4px;font-size:11px}.badge-warning{color:#f59e0b;background:#f59e0b1f;border-radius:12px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-accent{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.btn-accent:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.auto-results{border-top:1px solid #ffffff0f;padding:16px 20px}.auto-results-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.auto-results-header h4{color:#e5e7eb;margin:0;font-size:14px;font-weight:700}.auto-results-count{color:#10b981;font-size:13px;font-weight:700}.auto-results-list{flex-direction:column;gap:6px;display:flex}.auto-result-item{border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.auto-result-item.commented{color:#10b981;background:#10b9810f;border:1px solid #10b98126}.auto-result-item.error{color:#ef4444;background:#ef44440f;border:1px solid #ef444426}.auto-result-item.skipped{color:#6b7280;background:#6b72800f;border:1px solid #6b728026}.auto-result-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.auto-result-error{color:#ef4444;opacity:.8;font-size:11px}.template-preview-box{background:#6366f10a;border:1px solid #6366f11f;border-radius:10px;padding:14px 16px}.template-preview-header{color:#e5e7eb;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.template-preview-header strong{font-weight:700}.media-count{color:#10b981;background:#10b9811f;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.template-thumbnails{flex-wrap:wrap;gap:8px;display:flex}.template-thumb{object-fit:cover;border:1px solid #ffffff14;border-radius:8px;width:64px;height:64px}.groups-page-container{max-width:1400px;margin:0 auto;padding:32px}.groups-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.groups-header-left{align-items:center;gap:16px;display:flex}.groups-header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.groups-header-left h2{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.groups-header-left p{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.groups-header-actions{gap:10px;display:flex}.groups-btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #10b98140}.groups-btn-create:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.groups-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000004d}.groups-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.groups-card-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.add-group-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.form-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.groups-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:#1e213099;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;transition:all .25s}.groups-input:hover{background:#1e2130cc;border-color:#6366f14d}.groups-input:focus{background:#1e2130e6;border-color:#818cf8;box-shadow:0 0 0 3px #6366f126}.form-actions{border-top:1px solid #ffffff0f;gap:12px;padding-top:20px;display:flex}.groups-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .25s;box-shadow:0 4px 14px #10b98140}.groups-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.groups-btn-submit:disabled{opacity:.6;cursor:not-allowed}.groups-btn-cancel{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .25s}.groups-btn-cancel:hover{background:var(--surface-hover);color:var(--text-primary)}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.group-premium-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;flex-direction:column;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.group-premium-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,inset 0 0 0 1px #6366f10d}.group-premium-card.inactive{opacity:.75}.group-premium-card.inactive:hover{opacity:.95}.gcard-header{background:linear-gradient(#ffffff08 0%,#0000 100%);border-bottom:1px solid #ffffff0a;gap:16px;padding:24px 24px 16px;display:flex}.gcard-icon-wrapper{color:#60a5fa;background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid #6366f140;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.group-premium-card.inactive .gcard-icon-wrapper{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff1a}.gcard-title-area{flex-direction:column;justify-content:center;gap:6px;min-width:0;display:flex}.gcard-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2;overflow:hidden}.gcard-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gcard-id-badge{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.7rem}.gcard-status-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.gcard-status-badge.active{color:#34d399;background:#10b98126}.gcard-status-badge.inactive{color:#f87171;background:#ef444426}.gcard-body{flex-direction:column;flex:1;gap:16px;padding:16px 24px;display:flex}.gcard-meta-row{justify-content:space-between;align-items:center;display:flex}.gcard-mode-pill{color:var(--text-secondary);background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.gcard-mode-pill.api{color:#60a5fa;background:#3b82f626}.gcard-link-btn{color:#818cf8;background:#6366f11a;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.gcard-link-btn:hover{color:#a5b4fc;background:#6366f133}.gcard-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gcard-stat-box{background:#0f121c66;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:14px;display:flex;box-shadow:inset 0 2px 10px #0000001a}.gcard-stat-val{color:var(--text-primary);font-size:1.4rem;font-weight:800;line-height:1.2}.gcard-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.7rem}.gcard-footer{background:#00000026;border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 24px;display:flex}.gcard-toggle-wrap{align-items:center;gap:10px;display:flex}.gcard-toggle-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.gcard-btn-delete{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.gcard-btn-delete:hover{color:#fca5a5;background:#ef444426;border-color:#ef4444;transform:translateY(-1px)}.toggle-switch{cursor:pointer;flex-shrink:0;align-items:center;width:50px;height:28px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000004d}.toggle-track:before{content:"";background:#e5e7eb;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000004d}.toggle-switch input:checked+.toggle-track{background:#10b98133;border-color:#10b98166;box-shadow:inset 0 1px 4px #0003,0 0 15px #10b98126}.toggle-switch input:checked+.toggle-track:before{background:#10b981;transform:translate(22px);box-shadow:0 0 10px #10b98180}.groups-empty{text-align:center;color:var(--text-muted);padding:80px 40px}.groups-empty svg{color:#6366f180;margin-bottom:20px}.groups-empty h3{color:var(--text-primary);margin:0 0 12px;font-size:1.2rem}.groups-empty p{margin-bottom:24px}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.settings-section h3{color:var(--text-primary);margin:0 0 20px;font-size:1.05rem;font-weight:700}.setting-row{margin-bottom:18px}.setting-label{color:var(--text-secondary);margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.settings-footer{justify-content:flex-end;margin-top:24px;display:flex}.logs-list{flex-direction:column;gap:2px;display:flex}.log-entry{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:14px;padding:16px 20px;transition:background .2s;display:flex}.log-entry:hover{background:var(--surface-hover)}.log-dot{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.log-body{flex:1;min-width:0}.log-action{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:.78rem;font-weight:700}.log-details{color:var(--text-secondary);font-size:.88rem;line-height:1.4}.log-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}.cl-page{max-width:1400px;margin:0 auto}.cl-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.cl-header-left{align-items:center;gap:16px;display:flex}.cl-header-icon{color:#34d399;background:linear-gradient(135deg,#10b98126,#3b82f626);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.cl-header-left h1{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.cl-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.cl-header-actions{align-items:center;gap:10px;display:flex}.cl-btn-refresh{background:var(--surface-raised);border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.cl-btn-refresh:hover{color:var(--text-primary);border-color:var(--accent);background:#6366f114;transform:rotate(90deg)}.cl-stats-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px;display:grid}.cl-stat-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:18px 20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.cl-stat-card:before{content:"";background:var(--border);opacity:.6;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.cl-stat-card:first-child:before{background:#6366f1}.cl-stat-card:nth-child(2):before{background:#10b981}.cl-stat-card:nth-child(3):before{background:#3b82f6}.cl-stat-card:nth-child(4):before{background:#a855f7}.cl-stat-card:nth-child(5):before{background:#f59e0b}.cl-stat-card:nth-child(6):before{background:#ef4444}.cl-stat-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cl-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cl-stat-icon.total{color:#6366f1;background:#6366f11f}.cl-stat-icon.success{color:#10b981;background:#10b9811f}.cl-stat-icon.groups{color:#3b82f6;background:#3b82f61f}.cl-stat-icon.authors{color:#a855f7;background:#a855f71f}.cl-stat-icon.recent{color:#f59e0b;background:#f59e0b1f}.cl-stat-icon.failed{color:#ef4444;background:#ef44441f}.cl-stat-info{flex-direction:column;gap:2px;display:flex}.cl-stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:800;line-height:1}.cl-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:600}.cl-toolbar{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.cl-filter-group{color:var(--text-muted);align-items:center;gap:6px;display:flex}.cl-filter-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.cl-filter-btn:hover{color:var(--text-secondary);background:#ffffff0a}.cl-filter-btn.active{color:var(--accent);background:#6366f11a;border-color:#6366f133}.cl-filter-btn.success.active{color:#10b981;background:#10b9811a;border-color:#10b98133}.cl-filter-btn.failed.active{color:#ef4444;background:#ef44441a;border-color:#ef444433}.cl-total-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.cl-list{flex-direction:column;gap:8px;display:flex}.cl-card{background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;border-radius:14px;transition:all .25s;overflow:hidden}.cl-card:hover{border-color:#6366f133;box-shadow:0 4px 16px #0000001f}.cl-card.success{border-left:3px solid #10b981}.cl-card.failed{border-left:3px solid #ef4444}.cl-card.skipped{border-left:3px solid #f59e0b}.cl-card.expanded{box-shadow:0 8px 32px #0003}.cl-card-main{align-items:center;gap:14px;padding:14px 18px;display:flex}.cl-avatar{width:42px;height:42px;color:var(--text-muted);border:2px solid var(--border);background:#6366f11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.cl-avatar img{object-fit:cover;width:100%;height:100%}.cl-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cl-content-top{align-items:center;gap:10px;display:flex}.cl-author{color:var(--text-primary);align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.cl-badge{color:#a855f7;text-transform:uppercase;letter-spacing:.3px;background:#a855f71f;border-radius:4px;padding:2px 7px;font-size:.62rem;font-weight:700}.cl-time{color:var(--text-muted);align-items:center;gap:4px;margin-left:auto;font-size:.72rem;display:flex}.cl-post-text{color:var(--text-secondary);align-items:flex-start;gap:5px;font-size:.8rem;line-height:1.4;display:flex}.cl-post-type-icon{flex-shrink:0;font-size:.75rem}.cl-comment-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-style:italic;overflow:hidden}.cl-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.cl-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.cl-status-badge.success{color:#10b981;background:#10b9811a;border:none}.cl-status-badge.failed{color:#ef4444;background:#ef44441a;border:none}.cl-status-badge.skipped{color:#f59e0b;background:#f59e0b1a;border:none}.cl-keyword{color:var(--accent);background:#6366f114;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:.68rem;font-weight:600;display:flex}.cl-media-count{color:var(--text-muted);align-items:center;gap:3px;font-size:.68rem;font-weight:600;display:flex}.cl-details{border-top:1px solid var(--border);margin-top:0;padding:16px 18px 18px;animation:.2s expandIn}@keyframes expandIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cl-details-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.cl-detail-section{background:#0f111780;border:1px solid #ffffff0a;border-radius:10px;padding:14px}.cl-detail-section.full-width{grid-column:1/-1}.cl-detail-section h5{color:var(--text-primary);margin:0 0 10px;font-size:.78rem;font-weight:700}.cl-detail-row{align-items:flex-start;gap:8px;margin-bottom:6px;font-size:.78rem;display:flex}.cl-detail-row>span:first-child{color:var(--text-muted);flex-shrink:0;min-width:55px;font-weight:600}.cl-detail-row>span:last-child{color:var(--text-secondary);word-break:break-all}.cl-mono{background:#6366f10f;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.72rem!important}.cl-link{color:var(--accent);align-items:center;gap:4px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.cl-link:hover{color:var(--accent-hover)}.cl-engagement{gap:14px;display:flex}.cl-eng-item{flex-direction:column;align-items:center;gap:2px;display:flex}.cl-eng-value{color:var(--text-primary);font-size:1.1rem;font-weight:800}.cl-eng-label{color:var(--text-muted);font-size:.65rem}.cl-comment-full{color:var(--text-secondary);white-space:pre-wrap;border-left:3px solid var(--accent);background:#6366f10a;border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:.82rem;line-height:1.6}.cl-media-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.cl-media-thumb{border:1px solid var(--border);border-radius:8px;width:72px;height:72px;overflow:hidden}.cl-media-thumb img{object-fit:cover;width:100%;height:100%}.cl-error{background:#ef44440f;border-radius:6px;padding:4px 8px;font-size:.75rem;color:#ef4444!important}.error-row{padding:6px 0}.cl-pagination{justify-content:center;align-items:center;gap:12px;padding:24px 0;display:flex}.cl-page-btn{border:1px solid var(--border);background:var(--surface-raised);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cl-page-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.cl-page-btn:disabled{opacity:.3;cursor:not-allowed}.cl-page-info{color:var(--text-secondary);text-align:center;min-width:60px;font-size:.82rem;font-weight:600}.cl-loader{justify-content:center;align-items:center;padding:80px 20px;display:flex}.cl-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.cl-empty p{font-size:.95rem}@media (width<=1200px){.cl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.cl-stats-grid{grid-template-columns:repeat(2,1fr)}.cl-details-grid{grid-template-columns:1fr}.cl-card-main{flex-wrap:wrap}.cl-meta{flex-direction:row;justify-content:flex-start;width:100%}}.property-page{max-width:960px;margin:0 auto}.prop-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.prop-header-left{align-items:center;gap:16px;display:flex}.prop-header-icon{color:#34d399;background:linear-gradient(135deg,#10b98126,#3b82f626);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.prop-header-left h1{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.prop-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem;line-height:1.4}.prop-subtitle code{color:#818cf8;background:#6366f11a;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem}.prop-header-actions{align-items:center;gap:10px;display:flex}.prop-btn-refresh{background:var(--surface-raised);border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.prop-btn-refresh:hover{color:var(--text-primary);border-color:var(--accent);background:#6366f114;transform:rotate(90deg)}.property-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;margin-bottom:20px;padding:0;transition:all .3s;position:relative;overflow:hidden}.property-card:before{content:"";background:var(--border);opacity:.5;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.property-card.active-profile:before{opacity:1;background:linear-gradient(90deg,#10b981,#34d399)}.property-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 8px 30px #0003}.property-card:hover:before{opacity:1;background:linear-gradient(90deg,#6366f1,#818cf8)}.property-card.active-profile:hover:before{background:linear-gradient(90deg,#10b981,#34d399)}.prop-card-banner{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 20px;display:flex}.prop-card-banner-left{align-items:flex-start;gap:14px;min-width:0;display:flex}.prop-card-icon{color:#34d399;background:linear-gradient(135deg,#10b9811f,#3b82f61f);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.prop-card-name{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 2px;font-size:1.2rem;font-weight:700;display:flex}.active-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;padding:3px 12px;font-size:.68rem;font-weight:700;box-shadow:0 2px 8px #10b98140}.prop-card-address{color:var(--text-muted);margin-top:2px;font-size:.8rem;display:block}.prop-card-price-block{flex-shrink:0;gap:8px;display:flex}.prop-price-tag{text-align:center;border-radius:12px;flex-direction:column;align-items:center;min-width:90px;padding:10px 16px;display:flex}.prop-price-tag.daily{background:linear-gradient(135deg,#f59e0b14,#f59e0b0a);border:1px solid #f59e0b33}.prop-price-tag.monthly{background:linear-gradient(135deg,#3b82f614,#3b82f60a);border:1px solid #3b82f633}.prop-price-amount{color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1}.prop-price-tag.daily .prop-price-amount{color:#f59e0b}.prop-price-tag.monthly .prop-price-amount{color:#60a5fa}.prop-price-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:3px;font-size:.65rem;font-weight:600}.prop-stat-boxes{flex-wrap:wrap;gap:8px;padding:0 28px 18px;display:flex}.prop-stat-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:75px;padding:12px 16px;transition:all .2s;display:flex}.prop-stat-box:hover{background:#ffffff0d;border-color:#6366f126;transform:translateY(-1px)}.prop-stat-emoji{font-size:1.2rem;line-height:1}.prop-stat-val{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:120px;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.prop-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:600}.prop-card-footer{border-top:1px solid #ffffff0a;gap:10px;padding:16px 28px 22px;display:flex}.prop-btn-edit{color:#a5b4fc;cursor:pointer;background:linear-gradient(135deg,#6366f11f,#6366f10f);border:1px solid #6366f140;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .25s;display:flex}.prop-btn-edit:hover{color:#c7d2fe;background:linear-gradient(135deg,#6366f133,#6366f11a);border-color:#6366f173;transform:translateY(-1px);box-shadow:0 4px 14px #6366f133}.prop-btn-delete{color:#f87171b3;cursor:pointer;background:#ef44440f;border:1px solid #ef444426;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.prop-btn-delete:hover{color:#f87171;background:#ef444424;border-color:#ef444459;transform:translateY(-1px);box-shadow:0 4px 14px #ef444426}.card-chips-row{border-top:1px solid #ffffff0a;flex-wrap:wrap;gap:8px;padding:14px 26px 20px;display:flex}.card-chip{color:var(--text-secondary);letter-spacing:.2px;background:#6366f10f;border:1px solid #6366f11a;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.card-chip:hover{color:#818cf8;background:#6366f11f;border-color:#6366f133}.property-form{background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;margin-bottom:24px;padding:0;overflow:hidden}.form-section{border-bottom:1px solid #ffffff0a;margin-bottom:0;padding:24px 28px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:24px}.form-section-title{color:#818cf8;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #6366f114;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.form-section-title svg{opacity:.7}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.form-row.single{grid-template-columns:1fr}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.form-group input,.form-group select,.form-group textarea{color:#e5e7eb;background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:all .25s;box-shadow:inset 0 2px 4px #0000001a}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b880}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#0f172ab3;border-color:#6366f133}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);background:#0f172acc;box-shadow:0 0 0 3px #6366f11a,inset 0 2px 4px #0000001a}.form-group textarea{resize:vertical;min-height:70px}.form-group select{cursor:pointer}.toggle-row{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.toggle-chip{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:7px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .25s;display:flex}.toggle-chip:hover{color:var(--text-secondary);background:#6366f10f;border-color:#6366f14d}.toggle-chip.active{color:#34d399;background:#10b9811a;border-color:#10b9814d;box-shadow:0 0 12px #10b9811a}.toggle-chip.active:hover{background:#10b98126;border-color:#10b98166}.amenities-input-row{gap:8px;margin-bottom:12px;display:flex}.amenities-input-row input{color:#e5e7eb;background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;padding:9px 14px;font-family:inherit;font-size:.85rem;transition:all .25s}.amenities-input-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.amenities-input-row button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #6366f140}.amenities-input-row button:hover{transform:translateY(-1px);box-shadow:0 5px 16px #6366f159}.amenities-chips{flex-wrap:wrap;gap:8px;display:flex}.amenity-chip{color:#a5b4fc;background:#6366f114;border:1px solid #6366f126;border-radius:20px;align-items:center;gap:8px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.amenity-chip:hover{background:#6366f126;border-color:#6366f14d}.amenity-chip .remove-amenity{cursor:pointer;opacity:.5;align-items:center;transition:all .2s;display:flex}.amenity-chip .remove-amenity:hover{opacity:1;color:#f87171}.property-preview{background:linear-gradient(135deg,#10b9810a,#6366f10a);border:1px solid #10b9811f;border-radius:14px;margin:0 28px 24px;padding:20px}.property-preview h3{color:#34d399;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:14px;font-size:.72rem;font-weight:700;display:flex}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;display:grid}.preview-item{border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.82rem;transition:background .2s;display:flex}.preview-item:hover{background:#ffffff08}.preview-item .preview-label{color:var(--text-muted);font-size:.9rem}.preview-item .preview-value{color:var(--text-primary);font-weight:600}.form-actions{border-top:1px solid #ffffff0a;justify-content:flex-end;gap:10px;margin-top:0;padding:20px 28px;display:flex}.form-actions button{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.btn-save{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 14px #10b9814d}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a}.btn-cancel:hover{background:#ffffff1a;border-color:#ffffff26}.btn-create-new{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;align-items:center;gap:8px;height:46px;margin-top:8px;padding:0 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #10b98140}.btn-create-new:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.empty-property{text-align:center;background:var(--surface-raised);border:2px dashed #ffffff0f;border-radius:18px;padding:60px 28px}.empty-property .empty-icon{margin-bottom:14px;font-size:3rem;display:block}.empty-property h3{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:600}.empty-property p{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.empty-property .btn-create-new{margin:0 auto}.prop-loader{justify-content:center;align-items:center;min-height:300px;display:flex}.prop-loader .loader{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@media (width<=768px){.prop-header{flex-direction:column;align-items:flex-start;gap:16px}.form-row,.form-row.three-cols,.prop-info-grid{grid-template-columns:1fr}.property-card-header{flex-direction:column;align-items:flex-start;gap:12px}}.bookings-page{padding:0}.bk-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.bk-page-header-left{align-items:center;gap:16px;display:flex}.bk-page-header-left h1{color:var(--text-primary);white-space:nowrap;align-items:center;gap:10px;margin:0;font-size:1.4rem;font-weight:700;display:flex}.bk-select-header{min-width:160px}.bk-page-header-right{align-items:center;gap:12px;display:flex}.bk-view-toggle{background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:flex}.bk-view-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.bk-view-btn:hover{color:var(--text-primary);background:#ffffff0a}.bk-view-btn.bk-view-active{color:#a78bfa;background:linear-gradient(135deg,#7c3aed33,#6366f133);font-weight:600;box-shadow:0 1px 4px #00000026}.bk-view-count{color:#c4b5fd;text-align:center;background:#7c3aed40;border-radius:10px;min-width:18px;padding:1px 7px;font-size:.7rem;font-weight:700}.bk-btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.bk-btn-add:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #10b98173}.bk-calendar-layout{grid-template-columns:1fr 280px;gap:16px;animation:.3s bkViewIn;display:grid}@keyframes bkViewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bk-calendar-main{min-width:0}.bk-sidebar{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.bk-sidebar-header{border-bottom:1px solid var(--border);padding:18px 20px 14px}.bk-sidebar-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:600;display:flex}.bk-sidebar-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.bk-sidebar-empty p{text-align:center;font-size:.8rem}.bk-upcoming-list{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.bk-upcoming-card{cursor:pointer;background:#ffffff03;border-left:3px solid #4caf50;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.bk-upcoming-card:hover{background:#7c3aed0f;transform:translate(2px)}.bk-upcoming-date{flex-direction:column;align-items:center;min-width:36px;display:flex}.bk-upcoming-day{color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1}.bk-upcoming-month{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:.62rem;font-weight:600}.bk-upcoming-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bk-upcoming-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.bk-upcoming-info span{color:var(--text-secondary);font-size:.7rem}.bk-upcoming-arrow{opacity:.3;flex-shrink:0}.bk-sidebar-view-all{border:none;border-top:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:14px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.bk-sidebar-view-all:hover{color:#a78bfa;background:#7c3aed0f}.bk-list-view{animation:.3s bkViewIn}.bk-filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.bk-filter-pill{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.bk-filter-pill:hover{color:var(--text-primary);border-color:#7c3aed4d}.bk-filter-pill.bk-filter-active{color:#a78bfa;background:linear-gradient(135deg,#7c3aed26,#6366f126);border-color:#7c3aed66;font-weight:600}.bk-filter-count{background:#ffffff14;border-radius:8px;padding:1px 6px;font-size:.68rem;font-weight:700}.bk-filter-active .bk-filter-count{color:#c4b5fd;background:#7c3aed40}.bk-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.bk-empty-state h3{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:600}.bk-empty-state p{margin:0;font-size:.85rem}.bk-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.bk-booking-card{background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;border-radius:16px;transition:all .25s;position:relative;overflow:hidden}.bk-booking-card:hover{border-color:#7c3aed59;transform:translateY(-3px);box-shadow:0 8px 32px #0003,0 0 20px #7c3aed0f}.bk-bcard-accent{width:100%;height:4px}.bk-bcard-body{flex-direction:column;gap:14px;padding:18px 20px 16px;display:flex}.bk-bcard-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.bk-bcard-guest{align-items:center;gap:12px;min-width:0;display:flex}.bk-bcard-avatar{letter-spacing:-.3px;border:1.5px solid;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.bk-bcard-guest-info{min-width:0}.bk-bcard-guest-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;display:block;overflow:hidden}.bk-bcard-phone{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:.72rem;display:flex}.bk-bcard-dates{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:0;padding:12px 16px;display:flex}.bk-bcard-date-block{flex-direction:column;flex:1;gap:3px;display:flex}.bk-bcard-date-right{text-align:right}.bk-bcard-date-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:.65rem;font-weight:600;display:flex}.bk-bcard-date-right .bk-bcard-date-label{justify-content:flex-end}.bk-bcard-date-value{color:var(--text-primary);font-size:.92rem;font-weight:700}.bk-bcard-nights-pill{color:#a78bfa;background:linear-gradient(135deg,#7c3aed1f,#6366f11f);border:1px solid #7c3aed33;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;margin:0 8px;padding:6px 14px;display:flex}.bk-bcard-nights-pill span{font-size:1rem;font-weight:800;line-height:1}.bk-bcard-nights-pill small{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:.55rem;font-weight:600}.bk-bcard-footer{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.bk-bcard-price strong{color:var(--text-primary);letter-spacing:-.3px;font-size:1.15rem;font-weight:800}.bk-bcard-ppn{color:var(--text-muted);margin-top:2px;font-size:.68rem;display:block}.bk-bcard-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.bk-bcard-guests-count{color:var(--text-secondary);background:#ffffff0a;border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-size:.7rem;display:inline-flex}.bk-bcard-status,.bk-bcard-source{color:var(--text-secondary);white-space:nowrap;background:#ffffff0d;border-radius:8px;padding:3px 9px;font-size:.7rem;font-weight:500}.bk-bcard-status.bk-status-confirmed{color:#34d399;background:#10b9811a}.bk-bcard-status.bk-status-pending{color:#fbbf24;background:#f59e0b1a}.bk-bcard-status.bk-status-checked-in{color:#60a5fa;background:#3b82f61a}.bk-bcard-status.bk-status-completed{color:#9ca3af;background:#6b72801a}.bk-bcard-status.bk-status-cancelled{color:#f87171;background:#ef44441a}.bk-bcard-payment-bar{background:#ffffff08;border-radius:6px;height:22px;position:relative;overflow:hidden}.bk-bcard-payment-fill{opacity:.25;border-radius:6px;height:100%;transition:width .5s;position:absolute;top:0;left:0}.bk-bcard-payment-text{z-index:1;height:100%;color:var(--text-secondary);align-items:center;padding:0 10px;font-size:.68rem;font-weight:500;display:flex;position:relative}.bk-detail-overlay{-webkit-backdrop-filter:blur(6px);z-index:490;background:#0000008c;justify-content:flex-end;animation:.2s bkFadeIn;display:flex;position:fixed;inset:0}.bk-detail-panel{background:var(--surface-raised,#1a1d27);border-left:1px solid var(--border);flex-direction:column;width:440px;max-width:100%;height:100%;animation:.35s cubic-bezier(.16,1,.3,1) bkSlideRight;display:flex;overflow-y:auto;box-shadow:-10px 0 40px #0006}@keyframes bkSlideRight{0%{transform:translate(100%)}to{transform:translate(0)}}.bk-detail-header{border-bottom:3px solid #4caf50;padding:28px 28px 24px;transition:border-color .3s}.bk-detail-header-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.bk-detail-avatar-lg{border:2px solid;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:800;display:flex}.bk-detail-header h2{letter-spacing:-.3px;margin:0 0 4px;font-size:1.3rem;font-weight:700}.bk-detail-phone{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:14px;font-size:.85rem;display:flex}.bk-detail-badges{flex-wrap:wrap;gap:8px;display:flex}.bk-detail-section{border-bottom:1px solid #ffffff0a;padding:20px 28px}.bk-detail-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:14px;font-size:.72rem;font-weight:600;display:flex}.bk-detail-dates{align-items:center;gap:0;display:flex}.bk-detail-date-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:14px 16px;display:flex}.bk-detail-date-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600}.bk-detail-date-val{color:var(--text-primary);font-size:1rem;font-weight:700}.bk-detail-nights{color:#a78bfa;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:10px 16px;display:flex}.bk-detail-nights strong{font-size:1.2rem;font-weight:800;line-height:1}.bk-detail-nights span{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:.6rem;font-weight:600}.bk-detail-finance{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden}.bk-detail-fin-row{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.85rem;display:flex}.bk-detail-fin-row:last-child{border-bottom:none}.bk-detail-fin-row strong{color:var(--text-primary);font-weight:700}.bk-detail-fin-total{background:#ffffff05}.bk-detail-fin-total strong{font-size:1.05rem;font-weight:800}.bk-detail-fin-deposit strong{color:#10b981}.bk-detail-fin-remaining{background:#f59e0b0d}.bk-detail-fin-remaining strong{color:#f59e0b}.bk-detail-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bk-detail-info-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.bk-detail-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:.68rem;font-weight:600;display:flex}.bk-detail-info-value{color:var(--text-primary);font-size:.92rem;font-weight:600}.bk-detail-notes{color:var(--text-secondary);white-space:pre-wrap;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:14px 16px;font-size:.85rem;line-height:1.6}.bk-detail-actions{gap:10px;margin-top:auto;padding:20px 28px 28px;display:flex}.bk-detail-btn-edit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #7c3aed4d}.bk-detail-btn-edit:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.bk-detail-btn-delete{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.bk-detail-btn-delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.bk-kpi-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.bk-kpi{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:20px 24px;transition:all .25s;position:relative}.bk-kpi:hover{border-color:#7c3aed66;transform:translateY(-2px);box-shadow:0 0 20px #7c3aed1a}.bk-kpi-icon{opacity:.25;color:var(--text-secondary);position:absolute;top:16px;right:16px}.bk-kpi-value{color:var(--text-primary);margin-bottom:4px;font-size:2rem;font-weight:800;line-height:1}.bk-kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:500}.bk-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:24px}.bk-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.bk-card-header h2{align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.bk-cal-controls{align-items:center;gap:10px;display:flex}.bk-select{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;min-width:180px;padding:8px 12px;font-family:inherit;font-size:.85rem}.bk-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.bk-btn-nav{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.bk-btn-nav:hover{color:#8b5cf6;background:#7c3aed26;border-color:#7c3aed66}.bk-month-title{text-align:center;min-width:140px;font-size:.95rem;font-weight:600}.bk-cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.bk-cal-header{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:10px 4px;font-size:.72rem;font-weight:600}.bk-cal-cell{border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:8px;flex-direction:column;gap:3px;min-height:72px;padding:6px 8px;transition:all .15s;display:flex}.bk-cal-cell:hover{z-index:2;background:#7c3aed14;border-color:#7c3aed;transform:scale(1.03)}.bk-cal-empty{cursor:default;background:0 0!important;border:none!important}.bk-cal-empty:hover{transform:none!important}.bk-day-num{color:var(--text-primary);font-size:.85rem;font-weight:600}.bk-guest-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:500;overflow:hidden}.bk-today{box-shadow:0 0 0 2px #3b82f633;border-color:#3b82f6!important}.bk-today .bk-day-num{color:#3b82f6}.bk-booked{background:#4caf5012}.bk-booked .bk-day-num{color:#10b981}.bk-booked:hover{background:#4caf5026}.bk-cancelled{opacity:.4}.bk-cancelled .bk-day-num{color:#ef4444;text-decoration:line-through}.bk-free:hover{background:#7c3aed1a}.bk-table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.bk-table{border-collapse:collapse;width:100%}.bk-table thead th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff05;padding:12px 14px;font-size:.72rem;font-weight:600}.bk-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:.84rem}.bk-table tbody tr:last-child td{border-bottom:none}.bk-table tbody tr:hover td{background:#ffffff08}.bk-phone-sub{color:var(--text-secondary);margin-top:2px;font-size:.72rem;display:block}.bk-actions{gap:6px;display:flex}.bk-actions button{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;padding:5px 8px;transition:all .15s;display:flex}.bk-actions button:hover{color:#8b5cf6;background:#7c3aed26;border-color:#7c3aed4d}.bk-actions .bk-del:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.bk-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.bk-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.bk-btn-primary:disabled{opacity:.5;cursor:not-allowed}.bk-btn-secondary{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.bk-btn-secondary:hover{color:var(--text-primary);background:#ffffff0f}.bk-empty{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:.9rem}.bk-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:500;background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.2s bkFadeIn;display:flex;position:fixed;inset:0}@keyframes bkFadeIn{0%{opacity:0}to{opacity:1}}.bk-modal-premium{background:var(--surface-raised,#1a1d27);border:1px solid var(--border);border-radius:20px;width:100%;max-width:620px;max-height:92vh;animation:.35s cubic-bezier(.16,1,.3,1) bkSlideIn;overflow-y:auto;box-shadow:0 24px 80px #0000008c,0 0 40px #7c3aed14,inset 0 1px #ffffff0a}@keyframes bkSlideIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.bk-modal-header-premium{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:24px 28px 20px;transition:border-color .3s;display:flex}.bk-modal-title-row{align-items:center;gap:14px;display:flex}.bk-modal-title-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.bk-modal-header-premium h2{letter-spacing:-.2px;margin:0;font-size:1.15rem;font-weight:700}.bk-modal-subtitle{color:var(--text-muted);letter-spacing:.5px;margin-top:1px;font-family:monospace;font-size:.72rem;font-weight:400;display:block}.bk-modal-close{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:8px;transition:all .2s;display:flex}.bk-modal-close:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d;transform:rotate(90deg)}.bk-form-premium{padding:0}.bk-section{border-bottom:1px solid #ffffff0a;padding:20px 28px}.bk-section:last-of-type{border-bottom:none}.bk-section-notes{padding-bottom:8px}.bk-section-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:14px;font-size:.72rem;font-weight:600;display:flex}.bk-section-header svg{opacity:.6}.bk-dates-row{align-items:flex-end;gap:0;display:flex}.bk-date-field{flex-direction:column;flex:1;gap:5px;display:flex}.bk-date-field label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.bk-date-field input{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.bk-date-field input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.bk-dates-arrow{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:0 12px 6px;display:flex}.bk-nights-badge{color:#a78bfa;white-space:nowrap;background:linear-gradient(135deg,#7c3aed26,#6366f126);border:1px solid #7c3aed4d;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:.78rem;font-weight:700;animation:.3s bkBadgePop;display:flex}@keyframes bkBadgePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.bk-date-summary{color:var(--text-secondary);background:#7c3aed0f;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:.78rem;display:flex}.bk-date-summary strong{color:#a78bfa}.bk-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bk-form-group{flex-direction:column;gap:5px;display:flex}.bk-form-group label{color:var(--text-secondary);align-items:center;gap:5px;font-size:.78rem;font-weight:500;display:flex}.bk-req{color:#ef4444;font-weight:700}.bk-nights-inline{color:#a78bfa;font-size:.72rem;font-weight:600}.bk-form-group input,.bk-form-group select{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;outline:none;width:100%;padding:10px 13px;font-family:inherit;font-size:.88rem;transition:all .2s}.bk-form-group input:focus,.bk-form-group select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.bk-form-group input::placeholder{color:var(--text-muted)}.bk-input-with-suffix{position:relative}.bk-input-with-suffix input{padding-right:36px}.bk-input-suffix{color:var(--text-muted);pointer-events:none;font-size:.82rem;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.bk-price-summary{border:1px solid var(--border);background:#ffffff05;border-radius:10px;flex-direction:column;gap:6px;margin-top:14px;padding:12px 14px;display:flex}.bk-price-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.bk-price-value{color:var(--text-primary);font-size:.9rem;font-weight:700}.bk-price-deposit{color:#10b981}.bk-price-remaining{color:#f59e0b;border-top:1px dashed #ffffff14;padding-top:6px}.bk-price-remaining strong{color:#f59e0b;font-size:.9rem}.bk-color-picker-row{flex-wrap:wrap;align-items:center;gap:6px;padding-top:2px;display:flex}.bk-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:26px;height:26px;padding:0;transition:all .2s}.bk-color-swatch:hover{transform:scale(1.2);box-shadow:0 0 8px #0000004d}.bk-color-swatch.bk-color-active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 12px #fff3}.bk-color-custom{border:1px dashed var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:26px;height:26px;padding:2px}.bk-section-notes textarea{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-primary);resize:vertical;border-radius:10px;outline:none;width:100%;min-height:70px;padding:12px 14px;font-family:inherit;font-size:.88rem;line-height:1.5;transition:all .2s}.bk-section-notes textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.bk-section-notes textarea::placeholder{color:var(--text-muted)}.bk-form-actions-premium{border-top:1px solid #ffffff0a;justify-content:flex-end;gap:10px;padding:16px 28px 24px;display:flex}.bk-btn-cancel{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.bk-btn-cancel:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff1f}.bk-btn-save{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 28px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #0003}.bk-btn-save:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #00000059}.bk-btn-save:active:not(:disabled){transform:translateY(0)}.bk-btn-save:disabled{opacity:.5;cursor:not-allowed}.bk-modal-premium::-webkit-scrollbar{width:5px}.bk-modal-premium::-webkit-scrollbar-track{background:0 0}.bk-modal-premium::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.bk-modal-premium::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (width<=1024px){.bk-calendar-layout{grid-template-columns:1fr}.bk-sidebar{display:none}}@media (width<=768px){.bk-page-header{flex-direction:column;align-items:stretch;gap:12px}.bk-page-header-left{flex-direction:column;align-items:stretch;gap:10px}.bk-page-header-right{justify-content:space-between}.bk-kpi-row{grid-template-columns:repeat(2,1fr)}.bk-cal-controls{flex-wrap:wrap}.bk-cards-grid,.bk-form-grid{grid-template-columns:1fr}.bk-dates-row{flex-direction:column;gap:10px}.bk-dates-arrow{padding:4px 0}.bk-section{padding:16px 20px}.bk-modal-header-premium{padding:20px}.bk-form-actions-premium{flex-direction:column-reverse;padding:16px 20px 20px}.bk-btn-cancel,.bk-btn-save{justify-content:center;width:100%}.bk-filter-bar{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}}