html,body,#root{width:100%;max-width:none}@media (max-width: 768px){*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}#root{margin:0;padding:0;width:100vw;max-width:100vw}}:root{--brand-green: #4ade80;--brand-beige: #f5eee6;--brand-light: #f7fafc;--brand-dark: #1a1d23;--brand-black: #000;--brand-accent: #7c3aed;--mobile-padding: 16px;--mobile-padding-small: 12px;--mobile-padding-xs: 8px;--mobile-font-size: 16px;--mobile-font-size-small: 14px;--mobile-font-size-xs: 12px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-height:100svh;width:100%;max-width:none;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#ffffffde;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){body,input,textarea,select{font-size:var(--mobile-font-size)}button{min-height:44px}}@media (max-width: 480px){body,input,textarea,select{font-size:var(--mobile-font-size-small)}}@media (hover: none) and (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}input,textarea,select{min-height:44px}}@media (prefers-color-scheme: dark){.bento-grid{background-color:#1a1a1a}.bento-item{background-color:#2a2a2a;border:1px solid #404040;color:#fff}.bento-item:hover{background-color:#3a3a3a;border-color:#606060}.bento-item h1,.bento-item h2,.bento-item h3,.bento-item h4,.bento-item h5,.bento-item h6{color:#fff}.bento-item p,.bento-item span,.bento-item div{color:#e0e0e0}.modal-content{background-color:#2a2a2a;color:#fff;border:1px solid #404040}.modal-content input,.modal-content textarea,.modal-content select{background-color:#1a1a1a;color:#fff;border:1px solid #404040}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{border-color:#646cff;outline:none}.modal-content button{background-color:#404040;color:#fff;border:1px solid #606060}.modal-content button:hover{background-color:#505050;border-color:#646cff}.kanban-column{background-color:#2a2a2a;border:1px solid #404040}.kanban-column h3{color:#fff}.post-card{background-color:#1a1a1a;border:1px solid #404040;color:#fff}.post-card:hover{background-color:#2a2a2a;border-color:#606060}.post-card h4,.post-card p{color:#e0e0e0}.sidebar{background-color:#1a1a1a;border-right:1px solid #404040}.sidebar a{color:#e0e0e0}.sidebar a:hover,.sidebar a.active{background-color:#2a2a2a;color:#fff}}.page-header{position:fixed;top:0;right:0;height:72px;background:var(--brand-dark);color:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;z-index:10;justify-content:space-between;padding-right:32px;transition:all .3s ease}.page-header-title{margin:0;font-size:32px;font-weight:800;color:inherit;letter-spacing:-.5px;line-height:1.2}.page-header-user{position:relative;display:flex;align-items:center;gap:12px}.page-header-user-button{display:flex;align-items:center;cursor:pointer;border-radius:24px;padding:4px 12px;background:transparent;border:none;transition:background .2s ease}.page-header-user-button:hover,.page-header-user-button.active{background:#23262b}.page-header-user-avatar{width:36px;height:36px;border-radius:50%;margin-right:10px}.page-header-user-name{font-weight:600;font-size:16px;color:#fff}.page-header-user-dropdown{font-size:18px;color:#fff;margin-left:6px;transition:transform .2s ease}.page-header-user-button.active .page-header-user-dropdown{transform:rotate(180deg)}.page-header-dropdown{position:absolute;right:0;top:48px;background:#23262b;color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001f;min-width:180px;padding:8px;z-index:100;animation:dropdownFadeIn .2s ease}.page-header-dropdown-item{padding:10px 16px;cursor:pointer;border-radius:8px;font-weight:500;transition:background .2s ease}.page-header-dropdown-item:hover{background:#374151}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.page-header{left:0;padding-left:16px;height:64px}.page-header-title{font-size:28px}.page-header-user-avatar{width:32px;height:32px}.page-header-user-name{font-size:15px}.page-header-user-dropdown{font-size:16px}}@media (max-width: 768px){.page-header{padding-left:12px;padding-right:16px;height:56px}.page-header-title{font-size:24px}.page-header-user{gap:8px}.page-header-user-button{padding:3px 8px;border-radius:20px}.page-header-user-avatar{width:28px;height:28px;margin-right:8px}.page-header-user-name{font-size:14px}.page-header-user-dropdown{font-size:14px;margin-left:4px}.page-header-dropdown{top:44px;min-width:160px;padding:6px}.page-header-dropdown-item{padding:8px 12px;font-size:14px}}@media (max-width: 480px){.page-header{padding-left:8px;padding-right:12px;height:48px}.page-header-title{font-size:20px}.page-header-user-button{padding:2px 6px;border-radius:16px}.page-header-user-avatar{width:24px;height:24px;margin-right:6px}.page-header-user-name{font-size:13px}.page-header-user-dropdown{font-size:12px;margin-left:3px}.page-header-dropdown{top:40px;min-width:140px;padding:4px}.page-header-dropdown-item{padding:6px 10px;font-size:13px}}@media (hover: none) and (pointer: coarse){.page-header-user-button{min-height:44px;min-width:44px}.page-header-dropdown-item{min-height:44px;display:flex;align-items:center}}._dashboard-container_17bka_1{width:100%;max-width:1400px;margin:0 auto;padding:32px 16px}._dashboard-header_17bka_8{margin-bottom:32px;text-align:center}._dashboard-header_17bka_8 h1{color:#1f2937;font-size:36px;font-weight:700;margin:0 0 16px}._dashboard-header_17bka_8 p{color:#6b7280;font-size:18px;margin:0}._dashboard-bentogrid_17bka_26{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%}._split-row_17bka_34{display:grid;grid-template-columns:3fr 2fr;gap:24px;align-items:stretch}@media (max-width: 900px){._split-row_17bka_34{grid-template-columns:1fr;gap:16px}}._card_17bka_48{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;padding:32px;min-height:120px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid #cea78d}._stat-label_17bka_60{color:#cea78d;font-weight:600;font-size:16px;margin-bottom:8px}._stat-number_17bka_67{font-size:32px;font-weight:700;margin-bottom:4px;color:#1f2937}._metrics-section_17bka_75{margin-bottom:40px}._metrics-header_17bka_79{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}._metrics-header_17bka_79 h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}._metrics-filters_17bka_93{display:flex;gap:8px}._filter-btn_17bka_98{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}._filter-btn_17bka_98:hover{border-color:#cea78d;color:#cea78d}._filter-btn_17bka_98._filter-active_17bka_115{background:#cea78d;color:#fff;border-color:#cea78d}._metrics-grid_17bka_121{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}._metric-card_17bka_128{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}._metric-card_17bka_128:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}._metric-label_17bka_142{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}._metric-value_17bka_151{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:12px}._metric-trend_17bka_158{display:flex;align-items:center;gap:8px}._trend-icon_17bka_164{font-size:16px;font-weight:700}._trend-up_17bka_169{color:#10b981}._trend-down_17bka_173{color:#ef4444}._trend-text_17bka_177{color:#6b7280;font-size:14px}._chart-section_17bka_183{margin-bottom:40px}._chart-skeleton_17bka_214{display:flex;align-items:center;justify-content:center;height:200px}._chart-section_17bka_183{margin-top:40px;margin-bottom:40px}._chart-header_17bka_187{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}._chart-header_17bka_187 h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}._chart-filters_17bka_201{display:flex;gap:8px}._chart-container_17bka_206{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}._chart-skeleton_17bka_214{display:flex;flex-direction:column;gap:12px}._skeleton-line_17bka_260{background:#e5e7eb;height:20px;border-radius:4px;animation:_pulse_17bka_1 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _pulse_17bka_1{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 900px){._dashboard-container_17bka_1{padding:20px 12px}._dashboard-header_17bka_8{margin-bottom:24px}._metrics-header_17bka_79{flex-direction:column;gap:16px;align-items:flex-start}._metrics-grid_17bka_121{grid-template-columns:1fr;gap:16px}._chart-header_17bka_187{flex-direction:column;gap:16px;align-items:flex-start}._dashboard-bentogrid_17bka_26{grid-template-columns:1fr;gap:16px}._card_17bka_48{padding:20px}._stat-number_17bka_67{font-size:28px}}@media (max-width: 768px){._dashboard-container_17bka_1{padding:16px 8px}._dashboard-header_17bka_8{margin-bottom:20px}._card_17bka_48{padding:16px;min-height:100px}._stat-label_17bka_60{font-size:14px}._stat-number_17bka_67{font-size:24px}}@media (max-width: 480px){._dashboard-container_17bka_1{padding:12px 4px}._card_17bka_48{padding:12px;border-radius:12px}._stat-label_17bka_60{font-size:13px}._stat-number_17bka_67{font-size:20px}}@media (max-width: 768px){button{min-height:44px;min-width:44px}body,input,textarea,select{font-size:16px}}.button{padding:14px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #ff660026;transition:all .3s ease;outline:none;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:#f60;color:#fff;border:none}.button-primary:hover:not(:disabled){background:#e55e00;box-shadow:0 4px 15px #ff660040;transform:translateY(-2px)}.button-primary:disabled{background:#9ca3af}.button-secondary{background:#fff;color:#f60;border:1.5px solid #ff6600}.button-secondary:hover:not(:disabled){background:#fff5f0;color:#e55e00;border-color:#e55e00;transform:translateY(-2px)}.button-secondary:disabled{background:#f3f4f6;color:#9ca3af;border-color:#d1d5db}.button-danger{background:#dc2626;color:#fff;border:none}.button-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 15px #dc262640;transform:translateY(-2px)}.button-danger:disabled{background:#fca5a5}.button-small{padding:8px 16px;font-size:14px;min-height:36px}.button-large{padding:16px 40px;font-size:18px;min-height:52px}@media (max-width: 768px){.button{padding:12px 24px;font-size:15px;border-radius:8px;min-height:44px}.button-small{padding:6px 12px;font-size:13px;min-height:40px}.button-large{padding:14px 32px;font-size:16px;min-height:48px}}@media (max-width: 480px){.button{padding:10px 20px;font-size:14px;border-radius:6px;min-height:44px}.button-small{padding:5px 10px;font-size:12px;min-height:36px}.button-large{padding:12px 28px;font-size:15px;min-height:44px}}@media (hover: none) and (pointer: coarse){.button{min-height:44px;min-width:44px}.button:hover{transform:none}.button:active{transform:scale(.98)}}.button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.button-loading{position:relative;color:transparent}.button-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:buttonSpin 1s linear infinite}@keyframes buttonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.button-full-width{width:100%}}.fullscreen-login-container{min-height:100vh;display:flex;background:#0a0a0a;font-family:system-ui,-apple-system,sans-serif}.login-sidebar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b2b,#ff8c42);position:relative;overflow:hidden}.login-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.login-photo-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1}.login-photo{width:100%;height:100%;object-fit:cover;object-position:center}.login-photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;transition:opacity .3s ease;opacity:1}.login-photo-container:hover .login-photo-overlay{background:#ff6b2b33}.login-main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.auth-container{background:#0a0a0a;color:#fff!important;border-radius:16px;box-shadow:0 8px 32px #ff6b2b33;padding:32px;position:relative;max-width:400px;width:100%;border:1px solid #ff6b2b}.auth-container h1,.auth-container h2,.auth-container h3,.auth-container p{color:#fff!important}.auth-container .auth-link{color:#ff6b2b!important}.auth-container .auth-link:hover{color:#ff8c42!important}.auth-container .auth-input::placeholder,.auth-container .auth-magic-input::placeholder{color:#9ca3af!important}h2.auth-title{color:#fff!important}.auth-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:#cbd5e1;cursor:pointer;transition:color .2s;padding:4px;border-radius:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.auth-close-btn:hover{color:#ff6b2b}.auth-container .auth-title{font-size:26px;font-weight:700;margin-bottom:24px;text-align:center;color:#fff!important}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-form-group{position:relative}.auth-container .auth-label{display:block;margin-bottom:6px;font-weight:500;color:#cbd5e1!important;font-size:14px}.auth-container .auth-input{width:100%;padding:12px 14px;border:1px solid #374151;border-radius:8px;background:#181b20;color:#fff!important;font-size:15px;outline:none;margin-bottom:2px;transition:border-color .2s}.auth-input:focus{border-color:#ff6b2b}.auth-input.password{padding-right:44px}.auth-password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.auth-password-toggle:hover{color:#ff6b2b}.auth-button{width:100%;padding:12px;background:#ff6b2b;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;min-height:44px}.auth-button:hover:not(:disabled){background:#ff8c42;transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button.secondary{background:transparent;color:#ff6b2b;border:1px solid #ff6b2b}.auth-button.secondary:hover:not(:disabled){background:#ff6b2b;color:#fff}.auth-error{color:#ef4444;font-size:14px;margin-top:8px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px}.auth-success{color:#10b981;font-size:14px;margin-top:8px;padding:8px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:6px}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px}.auth-link{color:#ff6b2b;text-decoration:none;cursor:pointer;transition:color .2s;padding:4px 8px;border-radius:4px;min-height:32px;display:flex;align-items:center}.auth-link:hover{color:#ff8c42;background:#ff6b2b1a}.auth-divider{display:flex;align-items:center;margin:24px 0;color:#6b7280;font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#374151}.auth-divider span{padding:0 16px}.auth-magic-form{display:flex;flex-direction:column;gap:16px}.auth-container .auth-magic-input{width:100%;padding:12px 14px;border:1px solid #374151;border-radius:8px;background:#181b20;color:#fff!important;font-size:15px;outline:none;transition:border-color .2s}.auth-magic-input:focus{border-color:#ff6b2b}.auth-magic-button{width:100%;padding:12px;background:#ff6b2b;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px}.auth-magic-button:hover:not(:disabled){background:#ff8c42;transform:translateY(-1px)}.auth-magic-button:disabled{opacity:.6;cursor:not-allowed}.auth-magic-info{color:#cbd5e1;font-size:14px;line-height:1.5;margin-top:8px}@media (max-width: 768px){.fullscreen-login-container{flex-direction:column;min-height:100vh}.login-sidebar{min-height:40vh;padding:0;position:relative}.login-photo-container{position:absolute;top:0;left:0;right:0;bottom:0}.login-photo{width:100%;height:100%;object-fit:cover}.login-main-content{padding:20px;flex:1;min-height:60vh;display:flex;align-items:center;justify-content:center}.auth-container{padding:24px;border-radius:12px;margin:16px;max-width:calc(100% - 32px)}.auth-close-btn{top:12px;right:12px;font-size:24px;min-width:40px;min-height:40px}.auth-title{font-size:22px;margin-bottom:20px}.auth-form{gap:16px}.auth-label{font-size:13px;margin-bottom:4px}.auth-input,.auth-magic-input{font-size:14px;padding:10px 12px;border-radius:6px}.auth-input.password{padding-right:40px}.auth-password-toggle{right:12px;font-size:14px;min-width:28px;min-height:28px}.auth-button,.auth-magic-button{font-size:15px;padding:10px;min-height:40px}.auth-error,.auth-success{font-size:13px;padding:6px 10px;border-radius:5px}.auth-links{font-size:13px;margin-top:12px;flex-direction:column;gap:8px;align-items:stretch}.auth-link{font-size:13px;padding:6px 8px;min-height:36px;justify-content:center}.auth-divider{margin:20px 0;font-size:13px}.auth-divider span{padding:0 12px}.auth-magic-form{gap:14px}.auth-magic-info{font-size:13px}}@media (max-width: 480px){.login-sidebar{min-height:35vh}.login-main-content{padding:16px;min-height:65vh}.auth-container{padding:20px;border-radius:10px;margin:12px;max-width:calc(100% - 24px)}.auth-close-btn{top:8px;right:8px;font-size:20px;min-width:36px;min-height:36px}.auth-title{font-size:20px;margin-bottom:16px}.auth-form{gap:14px}.auth-label{font-size:12px;margin-bottom:3px}.auth-input,.auth-magic-input{font-size:13px;padding:8px 10px;border-radius:5px}.auth-input.password{padding-right:36px}.auth-password-toggle{right:10px;font-size:12px;min-width:24px;min-height:24px}.auth-button,.auth-magic-button{font-size:14px;padding:8px;min-height:36px}.auth-error,.auth-success{font-size:12px;padding:5px 8px;border-radius:4px}.auth-links{font-size:12px;margin-top:10px;gap:6px}.auth-link{font-size:12px;padding:5px 6px;min-height:32px}.auth-divider{margin:16px 0;font-size:12px}.auth-divider span{padding:0 8px}.auth-magic-form{gap:12px}.auth-magic-info{font-size:12px}}@media (max-width: 768px) and (orientation: landscape){.login-sidebar,.login-main-content{min-height:50vh}}@media (hover: none) and (pointer: coarse){.auth-close-btn,.auth-password-toggle,.auth-link{min-height:44px;min-width:44px}.auth-input,.auth-magic-input,.auth-button,.auth-magic-button{min-height:44px}}@media (max-width: 768px){.auth-close-btn,.auth-button,.auth-magic-button,.auth-password-toggle{min-height:44px;min-width:44px}body,input,textarea,select{font-size:16px}}.protected-route-loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#6b7280;background:#f9fafb;border-radius:12px;margin:20px}.protected-route-error{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:20px;padding:20px;text-align:center}@media (max-width: 768px){.protected-route-loading,.protected-route-error{min-height:150px;font-size:14px;margin:16px;padding:16px}}@media (max-width: 480px){.protected-route-loading,.protected-route-error{min-height:120px;font-size:13px;margin:12px;padding:12px;border-radius:8px}}@media (hover: none) and (pointer: coarse){.protected-route-loading,.protected-route-error{min-height:100px}}._sidebar_gafvu_1{display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;width:250px;background:#24170f;color:#fff;z-index:20;border-right:1px solid #6b462e;box-shadow:0 4px 15px #0000004d;overflow-y:auto;overflow-x:hidden}._profile-section_gafvu_18{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px;border-bottom:1px solid #6b462e}._profile-avatar_gafvu_27{width:40px;height:40px;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff}._profile-name_gafvu_40{font-weight:500;font-size:14px;color:#cea78d;letter-spacing:-.2px}._nav-menu_gafvu_47{flex:0 0 auto;margin:0;list-style:none;padding:8px 0}._nav-item_gafvu_55{margin:0}._nav-link_gafvu_59{font-size:14px;display:flex;align-items:center;border-radius:8px;padding:12px 20px;background:transparent;color:#cea78d;font-weight:500;transition:all .15s ease;cursor:pointer;gap:12px;text-decoration:none;border:none;width:calc(100% - 16px);box-sizing:border-box;text-align:left;margin:2px 8px}._nav-icon_gafvu_79{font-size:18px;width:20px;text-align:center;flex-shrink:0;color:#cea78d}._nav-link_gafvu_59._active_gafvu_87{background:#f60;color:#fff;font-weight:600}._nav-link_gafvu_59:hover:not(._active_gafvu_87){background:#362317;color:#fff}._section-title_gafvu_98{color:#cea78d;opacity:.9;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 20px 0}._section-header_gafvu_108{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;color:#cea78d;opacity:.9;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 20px;margin:6px 0;cursor:pointer;box-sizing:border-box}._chevron_gafvu_127{transition:transform .15s ease}._chevron_gafvu_127._open_gafvu_131{transform:rotate(180deg)}._settings-section_gafvu_135{margin-top:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #6b462e;position:sticky;bottom:0;background:#24170f}._logout-btn_gafvu_147{width:100%;background:transparent;color:#cea78d;font-weight:500;border:none;border-radius:8px;padding:12px 20px;font-size:14px;margin:0;transition:all .15s ease;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left}._logout-btn_gafvu_147:hover{background:#362317;color:#fff}._notification-bell-wrapper_gafvu_170{display:flex;justify-content:center;align-items:center;padding:8px 0;margin-top:8px}@media (max-width: 900px){._sidebar_gafvu_1{display:none}}.notification-panel{position:fixed;top:80px;left:250px;width:400px;max-width:calc(100vw - 270px);max-height:calc(100vh - 100px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.notification-panel-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.header-actions{display:flex;align-items:center;gap:8px}.mark-all-read-button,.close-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#6b7280;transition:all .2s ease}.mark-all-read-button:hover,.close-button:hover{background-color:#e5e7eb;color:#374151}.notification-panel-content{max-height:400px;overflow-y:auto}.notifications-list{padding:8px 0}.notification-item{display:flex;align-items:flex-start;padding:12px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff;border-left:3px solid #3b82f6}.notification-item.unread:hover{background-color:#dbeafe}.notification-icon-container{flex-shrink:0;margin-right:12px;margin-top:2px}.notification-icon{color:#6b7280}.notification-item.unread .notification-icon{color:#3b82f6}.notification-content{flex:1;min-width:0}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.notification-title{margin:0;font-size:14px;font-weight:600;color:#111827;line-height:1.4}.notification-time{font-size:12px;color:#9ca3af;white-space:nowrap;margin-left:8px}.notification-message{margin:0 0 8px;font-size:13px;color:#6b7280;line-height:1.4}.notification-data{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.data-item{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.notification-actions{flex-shrink:0;margin-left:8px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-actions{opacity:1}.delete-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#9ca3af;transition:all .2s ease}.delete-button:hover{background-color:#fee2e2;color:#dc2626}.empty-state,.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280}.empty-state svg,.loading-state svg,.error-state svg{margin-bottom:12px;opacity:.5}.empty-state p,.loading-state p,.error-state p{margin:0 0 4px;font-size:16px;font-weight:500}.empty-state span{font-size:14px;opacity:.7}.loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.retry-button{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:12px;transition:background-color .2s ease}.retry-button:hover{background:#2563eb}@media (max-width: 768px){.notification-panel{position:fixed;top:60px;left:10px;right:10px;width:auto;max-width:none;max-height:calc(100vh - 80px)}.notification-panel-header{padding:12px 16px}.notification-panel-header h3{font-size:16px}.notification-item{padding:10px 16px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-time{font-size:11px}}@media (prefers-color-scheme: dark){.notification-panel{background:#1f2937;border-color:#374151}.notification-panel-header{background:#111827;border-color:#374151}.notification-panel-header h3{color:#f9fafb}.mark-all-read-button,.close-button{color:#9ca3af}.mark-all-read-button:hover,.close-button:hover{background-color:#374151;color:#f3f4f6}.notification-item{border-color:#374151}.notification-item:hover{background-color:#111827}.notification-item.unread{background-color:#1e3a8a;border-left-color:#60a5fa}.notification-item.unread:hover{background-color:#1e40af}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-time{color:#9ca3af}.data-item{background:#374151;color:#d1d5db}.delete-button{color:#9ca3af}.delete-button:hover{background-color:#7f1d1d;color:#fca5a5}.empty-state,.loading-state,.error-state{color:#9ca3af}}.notification-bell-container{position:relative;display:inline-block}.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;color:#6b7280}.notification-bell:hover{background-color:#f3f4f6;color:#374151}.notification-bell.active{background-color:#e5e7eb;color:#374151}.bell-icon{transition:transform .2s ease}.notification-bell:hover .bell-icon{transform:scale(1.1)}.notification-badge{position:absolute;top:2px;right:2px;background-color:#ef4444;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1;border:2px solid white;box-shadow:0 2px 4px #0000001a;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-color-scheme: dark){.notification-bell{color:#9ca3af}.notification-bell:hover{background-color:#374151;color:#f3f4f6}.notification-bell.active{background-color:#4b5563;color:#f3f4f6}.notification-badge{border-color:#1f2937}}@media (max-width: 768px){.notification-bell{padding:6px}.bell-icon{width:20px;height:20px}.notification-badge{min-width:16px;height:16px;font-size:10px;top:1px;right:1px}}.mobile-hamburger{display:none;position:fixed;top:16px;right:16px;z-index:1201;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:12px;cursor:pointer;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .3s ease}.mobile-hamburger span{display:block;width:20px;height:2px;background:#1a4a3a;transition:all .3s ease;transform-origin:center}.mobile-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-hamburger.active span:nth-child(2){opacity:0}.mobile-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1200;display:flex;align-items:flex-start;justify-content:flex-end;animation:fadeIn .3s ease}.mobile-nav-menu{background:#1a4a3a;width:280px;height:100vh;max-height:100vh;padding:20px;display:flex;flex-direction:column;position:relative;animation:slideInRight .3s ease;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.mobile-nav-close{position:absolute;top:16px;left:16px;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.mobile-nav-close:hover{background:#fff3}.mobile-profile-section{display:flex;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;padding:60px 0 32px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px}.mobile-profile-avatar{width:64px;height:64px;border-radius:50%;box-shadow:0 4px 12px #0003}.mobile-profile-name{font-weight:700;font-size:18px;color:#fff;text-align:center}.mobile-nav-list{flex:1;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;overflow-y:auto;min-height:0;max-height:calc(100vh - 200px)}.mobile-nav-item{background:transparent;border:none;color:#cbd5e1;font-size:16px;font-weight:500;padding:16px 20px;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease;min-height:48px;display:flex;align-items:center}.mobile-nav-item:hover:not(.disabled){background:#22c55e1a;color:#fff}.mobile-nav-item.active{background:#22c55e;color:#fff;font-weight:700}.mobile-nav-item.disabled{opacity:.5;cursor:not-allowed}.mobile-bottom-section{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.mobile-logout-btn{background:#fff;color:#1a4a3a;font-weight:700;border:none;border-radius:12px;padding:16px 20px;font-size:16px;cursor:pointer;transition:background .2s ease;margin-top:16px;min-height:48px}.mobile-logout-btn:hover{background:#f1f5f9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.mobile-hamburger{display:flex;top:12px;right:12px;width:44px;height:44px;padding:10px}.mobile-hamburger span{width:18px}.mobile-nav-menu{width:260px;padding:16px;height:100vh;max-height:100vh}.mobile-nav-list{max-height:calc(100vh - 180px)}.mobile-nav-close{top:12px;left:12px;width:36px;height:36px;font-size:20px}.mobile-profile-section{padding:50px 0 24px}.mobile-profile-avatar{width:56px;height:56px}.mobile-profile-name{font-size:16px}.mobile-nav-item,.mobile-logout-btn{font-size:15px;padding:14px 16px}}@media (max-width: 480px){.mobile-hamburger{top:8px;right:8px;width:40px;height:40px;padding:8px}.mobile-hamburger span{width:16px}.mobile-nav-menu{width:240px;padding:12px;height:100vh;max-height:100vh}.mobile-nav-list{max-height:calc(100vh - 160px)}.mobile-nav-close{top:8px;left:8px;width:32px;height:32px;font-size:18px}.mobile-profile-section{padding:40px 0 20px;gap:8px}.mobile-profile-avatar{width:48px;height:48px}.mobile-profile-name{font-size:14px}.mobile-nav-item,.mobile-logout-btn{font-size:14px;padding:12px 14px;border-radius:8px}}@media (min-width: 769px){.mobile-hamburger,.mobile-nav-overlay{display:none}}@media (max-width: 768px){.mobile-nav-overlay,.mobile-nav-menu{height:100dvh;min-height:100dvh;max-height:100dvh}.mobile-nav-menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}}@media (min-width: 901px){.mobile-navigation{display:none}}@media (max-width: 900px){.mobile-navigation{height:100dvh;min-height:100dvh;max-height:100dvh}}.inactivity-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inactivity-warning-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.inactivity-warning-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.inactivity-warning-icon{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.inactivity-warning-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;line-height:1.4}.inactivity-warning-content{padding:24px}.inactivity-warning-message{margin:0 0 24px;color:#6b7280;line-height:1.6;font-size:.95rem}.inactivity-countdown{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:24px;text-align:center}.countdown-label{font-size:.875rem;color:#92400e;margin-bottom:8px;font-weight:500}.countdown-timer{font-size:2rem;font-weight:700;color:#d97706;font-family:Courier New,monospace;letter-spacing:2px}.inactivity-warning-actions{display:flex;gap:12px;flex-direction:column}.inactivity-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.inactivity-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.inactivity-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.inactivity-btn-primary:active{transform:translateY(0)}.inactivity-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.inactivity-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.inactivity-btn-secondary:active{background:#d1d5db}.inactivity-warning-footer{padding:16px 24px 24px;border-top:1px solid #e5e7eb}.inactivity-warning-note{margin:0;font-size:.8rem;color:#9ca3af;text-align:center;line-height:1.4}@media (max-width: 640px){.inactivity-warning-overlay{padding:.5rem}.inactivity-warning-modal{border-radius:8px;max-height:95vh}.inactivity-warning-header{padding:20px 20px 12px}.inactivity-warning-icon{width:40px;height:40px}.inactivity-warning-title{font-size:1.125rem}.inactivity-warning-content{padding:20px}.countdown-timer{font-size:1.75rem}.inactivity-warning-actions{gap:8px}.inactivity-btn{padding:14px 20px;font-size:.9rem}.inactivity-warning-footer{padding:12px 20px 20px}}.inactivity-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-timer{animation:pulse 2s infinite}.countdown-timer.urgent{animation:pulse 1s infinite;color:#dc2626}.media-wrapper{position:relative;width:100%;height:600px}.media-preview{width:100%;height:600px;object-fit:cover}.warning-content{text-align:center;padding:20px 0}.warning-icon{font-size:48px;margin-bottom:16px}.warning-content h3{color:#dc2626;margin-bottom:16px;font-size:20px}.warning-content p{color:#6b7280;margin-bottom:16px;line-height:1.5}.warning-content p strong{color:#dc2626}.limit-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin:20px 0}.limit-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.limit-stat:last-child{margin-bottom:0}.limit-label{font-weight:500;color:#374151}.limit-value{font-weight:600;padding:4px 8px;border-radius:4px}.limit-value.used{background:#fee2e2;color:#dc2626}.limit-value.limit{background:#dbeafe;color:#2563eb}.modal-actions .btn:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af;border-color:#9ca3af}.main-content{flex:1;min-height:100vh;background-color:#f8f5ed;margin-left:250px;width:calc(100vw - 250px);transition:margin-left .3s ease,width .3s ease}.posts-container{width:100%;max-width:1400px;margin:0 auto;padding:32px 16px;background-color:#f8f5ed;contain:layout style paint;will-change:scroll-position}@media (min-width: 1600px){.posts-container{max-width:1600px;padding:40px 24px}}@media (min-width: 1920px){.posts-container{max-width:1800px;padding:48px 32px}}.posts-header{margin-bottom:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.posts-header h2{color:#1f2937!important;font-size:clamp(32px,6vw,48px);font-weight:900;margin:0;letter-spacing:-.02em}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab-button{padding:10px 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:600;cursor:pointer}.tab-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.calendar-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 4px 20px #00000014}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-title{margin:0;font-size:18px;font-weight:700;color:#111827}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-weekday{text-align:center;font-weight:700;color:#374151;padding:8px 0}.calendar-cell{border:1px solid #e5e7eb;border-radius:8px;min-height:180px;background:#fafafa;overflow:hidden}.calendar-cell--today{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633 inset;background:#f0f9ff}.calendar-cell--empty{background:transparent;border:none}.calendar-cell-inner{display:flex;flex-direction:column;height:100%;padding:12px;gap:8px}.calendar-day-number{font-size:14px;font-weight:700;color:#374151;margin-bottom:4px}.calendar-events{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.calendar-event{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.3;background:#eef2ff;color:#1e3a8a;cursor:pointer;transition:all .2s ease}.calendar-event:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.calendar-event--supabase{background:#dcfce7;color:#065f46}.calendar-event--reels{background:#fee2e2;color:#991b1b}.calendar-event--mixpost{background:#e0f2fe;color:#075985}.calendar-event-header{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:2px}.calendar-event-time{font-weight:700;font-size:14px;flex-shrink:0}.calendar-event-channel{font-size:11px;color:#3b82f6;font-weight:600;background:#eff6ff;padding:2px 6px;border-radius:4px;flex-shrink:0}.calendar-event-title{font-size:13px;font-weight:600;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.calendar-event-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.calendar-chip{background:#f3f4f6;color:#374151;border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:600;white-space:nowrap}.calendar-chip--muted{background:#eef2f7;color:#6b7280}.calendar-more{font-size:12px;color:#6b7280}.search-input{flex:1;max-width:400px;padding:12px 20px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;background:#fff;color:#1f2937;transition:all .3s ease}.search-input::placeholder{color:#6b7280}.search-input:focus{outline:none;border-color:#f60;box-shadow:0 0 0 4px #ff66001a;background:#fff}.filter-select{padding:10px 15px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;min-width:150px}.filter-select:focus{outline:none;border-color:#3b82f6}.status-filter{padding:12px 20px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;background:#fff;color:#1f2937;transition:all .3s ease;min-width:180px}.status-filter:focus{outline:none;border-color:#f60;box-shadow:0 0 0 4px #ff66001a;background:#fff}.status-filter option{background:#fff;color:#1f2937}.data-source-toggle{display:flex;gap:8px;align-items:center}.toggle-button{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#64748b;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-button:hover{background:#f8fafc;border-color:#9ca3af}.toggle-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.kanban-board{display:flex;flex-direction:column;gap:24px;padding:0;width:100%}.kanban-top-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.kanban-bottom-row{display:block!important;width:100%!important;flex:0 0 100%!important;max-width:100%!important;min-width:100%!important;margin:0!important;padding:0!important}.kanban-column-full-width{display:block!important;width:100%!important;max-width:100%!important;flex:none!important}.kanban-column-full-width .column-content,.kanban-column.kanban-column-full-width .column-content{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:20px!important;align-items:start!important;justify-items:start!important;flex-direction:unset!important;flex-wrap:unset!important}@media (max-width: 768px){.kanban-bottom-row,.kanban-column-full-width{width:100%!important}.kanban-column-full-width .column-content{grid-template-columns:1fr;gap:16px}}@media (min-width: 769px) and (max-width: 1200px){.kanban-bottom-row,.kanban-column-full-width{width:100%!important}.kanban-column-full-width .column-content{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}}@media (min-width: 1201px){.kanban-bottom-row,.kanban-column-full-width{width:100%!important}.kanban-column-full-width .column-content{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}.kanban-column{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;height:100%;min-height:0;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.kanban-column:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.column-title{padding:20px 24px;margin:0;font-size:18px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff1a;border-radius:16px 16px 0 0;position:relative;letter-spacing:-.025em}.kanban-column:nth-child(1) .column-title{background:linear-gradient(135deg,#f60,#e55e00);color:#fff;border-bottom:1px solid rgba(255,102,0,.3)}.kanban-column:nth-child(2) .column-title{background:linear-gradient(135deg,#cea78d,#b8946a);color:#24170f;border-bottom:1px solid rgba(206,167,141,.3)}.kanban-column:nth-child(3) .column-title{background:linear-gradient(135deg,#6b462e,#573723);color:#fff;border-bottom:1px solid rgba(107,70,46,.3)}.kanban-column:nth-child(4) .column-title{background:linear-gradient(135deg,#4b3120,#362317);color:#fff;border-bottom:1px solid rgba(75,49,32,.3)}.column-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;min-height:0}.post-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);padding:16px;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:visible;min-height:200px;display:flex;flex-direction:column}.post-card-content{display:flex;flex-direction:column;height:100%}.post-info{display:flex;flex-direction:column;flex:1}.post-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.post-badges{display:flex;gap:8px;flex-wrap:wrap}.post-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.post-actions{display:flex;gap:8px;flex-wrap:wrap}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#28a77f,#3b82f6);opacity:0;transition:opacity .3s ease}.post-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px);border-color:#3b82f633}.post-card[style*="cursor: pointer"]:hover{border-color:#3b82f666;box-shadow:0 8px 25px #3b82f626}.post-card:hover:before{opacity:1}.post-thumbnail{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin-bottom:16px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;min-height:120px;max-height:200px}.post-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.post-thumbnail:hover img{transform:scale(1.05)}.placeholder-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.post-title{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.025em}.post-caption{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.post-date{font-size:12px;color:#9ca3af;font-weight:500}.post-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:auto}.post-type{background:#f60;color:#fff;padding:6px 12px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:11px;box-shadow:0 2px 8px #ff66004d}.post-source{padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px}.post-source.supabase{background:linear-gradient(135deg,#cea78d,#b8946a);color:#24170f}.post-source.reels{background:linear-gradient(135deg,#f60,#e55e00);color:#fff}.post-source.segments{background:linear-gradient(135deg,#6b462e,#573723);color:#fff}.post-slide{background-color:#f60;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;box-shadow:0 1px 4px #ff66004d}.segments-media{width:100%}.segments-media h4{margin:0 0 16px;font-size:18px;font-weight:700;color:#1f2937}.segments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.segment-item{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.segment-slide{font-size:12px;font-weight:600;color:#374151;background:#f3f4f6;padding:2px 6px;border-radius:4px}.segment-status{font-size:11px;color:#6b7280;text-transform:uppercase}.segment-image{width:100%;height:120px;object-fit:cover;border-radius:4px;margin-bottom:8px}.segment-placeholder{width:100%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:4px;margin-bottom:8px}.segment-placeholder span{font-size:24px;margin-bottom:4px}.segment-placeholder p{font-size:12px;color:#6b7280;margin:0}.segment-text{font-size:12px;color:#374151;line-height:1.4}.segment-text p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.carousel-slideshow{width:100%}.carousel-slideshow h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937;text-align:center}.slideshow-container{position:relative;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;overflow:hidden}.slide-display{position:relative;width:100%;height:400px;background:#fff;display:flex;align-items:center;justify-content:center}.slide-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px 8px 0 0}.video-wrapper{width:100%;height:100%;position:relative}.slide-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px 8px 0 0}.video-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px 8px 0 0}.slide-info{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;padding:6px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slide-number{font-size:12px;font-weight:600;color:#374151;background:#f3f4f6;padding:2px 6px;border-radius:4px}.slide-status{font-size:11px;color:#6b7280;text-transform:uppercase}.slide-text{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:12px;border-radius:0 0 8px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slide-text p{margin:0;font-size:12px;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slideshow-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:44px;height:44px;font-size:20px;font-weight:700;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.slideshow-arrow:hover{background:#fff;border-color:#0003;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.05)}.slideshow-arrow-left{left:12px}.slideshow-arrow-right{right:12px}.slideshow-dots{display:flex;justify-content:center;gap:8px;padding:16px;background:#fff;border-top:1px solid #e5e7eb}.slideshow-dot{width:32px;height:32px;border:2px solid #d1d5db;border-radius:50%;background:#fff;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.slideshow-dot:hover{border-color:#3b82f6;color:#3b82f6}.slideshow-dot.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.no-media-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;text-align:center}.no-media-message span{font-size:32px;margin-bottom:8px}.no-media-message p{font-size:14px;color:#6b7280;margin:0}:root{--modal-backdrop-blur: blur(30px);--modal-background: rgba(0, 0, 0, .2)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.column-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:#fffc;border-radius:12px;border:2px dashed rgba(59,130,246,.3);margin:16px 0}.column-loading .loading-spinner{width:32px;height:32px;margin-bottom:12px}.column-loading p{font-size:14px;color:#6b7280;font-weight:500;margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0}.skeleton-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 0}.skeleton-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb}.skeleton-thumbnail{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-bottom:12px}.skeleton-content{display:flex;flex-direction:column;gap:8px}.skeleton-title{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;width:80%}.skeleton-caption{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1200px){.kanban-top-row{grid-template-columns:repeat(2,1fr);gap:20px}.search-filters{padding:16px 24px;flex-wrap:wrap;gap:12px}.search-input{max-width:300px}}@media (max-width: 768px){.posts-container{padding:20px 12px}.posts-header{margin-bottom:24px}.search-filters{padding:16px 20px;flex-direction:column;align-items:stretch;gap:12px}.search-input{max-width:none}.status-filter{width:100%}.kanban-top-row{grid-template-columns:1fr;gap:16px}.kanban-column{height:auto;min-height:300px}.column-title{padding:16px 20px;font-size:15px}.column-content{padding:16px}.post-card{padding:12px;min-height:180px}.slide-display{height:250px}.post-thumbnail{aspect-ratio:16 / 9;margin-bottom:12px;min-height:100px;max-height:150px}.placeholder-content{padding:16px}.placeholder-icon{font-size:28px;margin-bottom:10px}.placeholder-text{font-size:11px}.post-title{font-size:13px;margin-bottom:6px}.post-caption{font-size:11px;margin-bottom:12px}.post-info{flex:1}.post-header{margin-bottom:8px}.post-badges{gap:6px}.post-type,.post-source{font-size:9px;padding:3px 6px}.post-footer{margin-top:12px}.post-date{font-size:10px}.post-actions{flex-direction:column;gap:6px;margin-top:8px}.modal-overlay{padding:16px}.modal{max-width:100%;border-radius:16px;max-height:90vh}.modal-header{padding:20px 24px 16px}.modal-header h2{font-size:20px}.modal-form{padding:24px}.form-input,.form-textarea{padding:14px 16px;font-size:16px}.modal-actions{flex-direction:row;gap:12px}.video-container,.video-element{max-height:50vh}.content-tabs{flex-direction:column;gap:4px}.tab-button{text-align:center;width:100%}}@media (max-width: 480px){.main-content{margin-left:0;width:100vw;max-width:100vw}.posts-container{margin:0;padding:12px 4px;max-width:100vw}.kanban-board{margin:0;padding:0 2px}.post-card{margin:0 0 8px}.page-header{padding:12px 16px}.posts-header{margin-bottom:20px}.search-filters{padding:12px 16px;gap:10px}.kanban-board{padding:12px 16px;gap:12px}.kanban-column{height:auto;min-height:250px}.column-title{padding:12px 16px;font-size:14px}.column-content{padding:12px}.post-card{padding:10px;min-height:160px}.post-thumbnail{margin-bottom:10px;min-height:80px;max-height:120px;aspect-ratio:16 / 9}.placeholder-content{padding:12px}.placeholder-icon{font-size:24px;margin-bottom:8px}.placeholder-text{font-size:10px}.post-title{font-size:12px;margin-bottom:4px}.post-caption{font-size:10px;margin-bottom:10px}.post-type,.post-source{font-size:8px;padding:2px 4px}.slide-display{height:180px}.post-date{font-size:9px}.modal-overlay{padding:12px}.modal{border-radius:12px}.modal-header{padding:16px 20px 12px}.modal-header h2{font-size:18px}.modal-form{padding:20px}.form-group{margin-bottom:16px}.form-group label{font-size:12px;margin-bottom:6px}.form-input,.form-textarea,.form-select{padding:12px 14px;font-size:14px}.form-textarea{min-height:100px}.modal-actions{flex-direction:row;gap:8px}}@media (max-width: 768px){.main-content{margin-left:0;width:100vw;max-width:100vw}.posts-container{margin:0;padding:16px 8px;max-width:100vw}.kanban-board{margin:0;padding:0 4px}.post-card{margin:0 0 12px}.tab-button,.toggle-button{min-height:44px;min-width:44px}.post-actions{gap:8px}.modal-actions{gap:12px}body,input,textarea,select{font-size:16px}}.someselect-row{display:flex;align-items:center;padding:16px;border-radius:12px;border:2px solid #e0e0e0;margin-bottom:12px;background:#fff;transition:all .2s ease;cursor:pointer;min-height:64px;box-shadow:0 2px 4px #0000000d}.someselect-row.selected{background:#f0f8ff;border:2px solid #1976d2;box-shadow:0 4px 8px #1976d226;transform:translateY(-1px)}.someselect-row:hover{background:#f5faff;border-color:#1976d2;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.someselect-checkbox{margin-right:16px;accent-color:#1976d2;width:20px;height:20px;flex-shrink:0;cursor:pointer}.someselect-avatar{width:48px;height:48px;border-radius:50%;margin-right:16px;object-fit:cover;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:2px solid #e0e0e0;transition:border-color .2s ease}.someselect-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.someselect-avatar div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333}.someselect-info{flex:1;min-width:0}.someselect-name{font-weight:600;font-size:16px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}.someselect-type{font-size:14px;color:#666;display:flex;align-items:center;gap:6px;font-weight:500}.someselect-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.someselect-btn{flex:1;padding:16px 0;border-radius:8px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.someselect-btn.cancel{background:#fff;color:#1976d2;border:2px solid #1976d2}.someselect-btn.publish{background:#1976d2;color:#fff}.someselect-btn:disabled{opacity:.6;cursor:not-allowed}.modal.someselect-modal{max-width:600px;width:90vw}.modal.someselect-modal .modal-form{padding:32px}.modal.someselect-modal .modal-header{padding:20px 24px 16px}@media (max-width: 480px){.someselect-row{padding:12px 16px;min-height:52px;border-radius:10px}.someselect-checkbox{margin-right:12px;width:18px;height:18px}.someselect-avatar{width:36px;height:36px;margin-right:12px;font-size:16px}.someselect-name{font-size:14px}.someselect-type{font-size:12px}.someselect-actions{gap:12px;margin-top:20px}.someselect-btn{padding:12px 0;font-size:14px}.modal.someselect-modal{max-width:95vw;margin:20px}.modal.someselect-modal .modal-form{padding:20px}.modal.someselect-modal .modal-header{padding:20px 20px 16px}}@media (min-width: 1600px){.kanban-board{gap:20px}.kanban-column{min-width:300px;max-width:350px}.search-filters{padding:24px 28px}.post-card{margin-bottom:16px}}@media (min-width: 1920px){.kanban-board{gap:24px}.kanban-column{min-width:320px;max-width:380px}.search-filters{padding:28px 32px}.post-card{margin-bottom:18px}}.video-player{margin-bottom:24px}.edit-post-modal{max-width:1100px!important;height:88vh!important}.edit-modal-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.edit-modal-media,.edit-modal-fields{display:flex;flex-direction:column}@media (max-width: 1024px){.edit-post-modal{max-width:95vw!important;height:88vh!important}.edit-modal-grid{grid-template-columns:1fr}}.video-container{width:100%;border-radius:16px;overflow:hidden;background:#000;position:relative;max-height:65vh}.video-element{width:100%;height:auto;object-fit:contain;max-height:65vh}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#64748b}.video-icon{font-size:48px;margin-bottom:12px}.video-placeholder p{margin:0;font-size:14px;font-weight:500}.content-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(226,232,240,.6);padding-bottom:16px}.content-fields{display:flex;flex-direction:column;gap:24px}.publish-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:8px}.publish-row .publish-date{flex:1 1 320px}.modal-actions.inline-actions{margin-top:0;padding-top:0;border-top:none;gap:12px}.modal-actions.inline-actions .modal-actions-left,.modal-actions.inline-actions .modal-actions-right{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.publish-row{flex-direction:column;align-items:stretch}.modal-actions.inline-actions{justify-content:flex-start}}.char-counter{display:flex;justify-content:flex-end;margin-top:8px;font-size:12px;color:#64748b}.char-count{font-weight:600;color:#3b82f6}.voiceover-checkbox{margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;-webkit-user-select:none;user-select:none;padding:8px 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3B82F6;cursor:pointer;border:2px solid rgba(59,130,246,.3);border-radius:4px;margin:0;flex-shrink:0}.checkbox-text{flex:1;line-height:1.4;display:flex;align-items:center;min-height:18px}.checkbox-label:hover{color:#3b82f6}.checkbox-label:hover input[type=checkbox]{border-color:#3b82f6}.content-media-management{width:100%;height:100%;display:flex;flex-direction:column}.avatar-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.avatar-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.placeholder-media{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280}.placeholder-media .placeholder-icon{font-size:48px;margin-bottom:16px}.placeholder-media .placeholder-text{font-size:16px;font-weight:500}.media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px;max-height:300px;overflow-y:auto}.media-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;background:#f8f9fa;border:2px solid #e9ecef}.media-image{width:100%;height:100%;object-fit:cover;display:block}.delete-image-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#fffffff2;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.delete-image-btn:hover{background:#fff;color:#ef4444;border-color:#fecaca;box-shadow:0 2px 6px #00000026}.delete-image-btn:active{transform:scale(.95)}.delete-image-btn:hover{background:#dc3545;transform:scale(1.1)}.media-upload-section{margin-top:auto;padding:16px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6;text-align:center}.media-upload-section input[type=file]{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;background:#fff}.no-media-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d;text-align:center}.no-media-message span{font-size:24px;margin-bottom:8px;opacity:.7}.no-media-message p{margin:0;font-size:14px}.drag-drop-zone{width:100%;height:100%;border:3px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.drag-drop-zone:hover{border-color:#3b82f6;background:#eff6ff}.drag-drop-zone.drag-over{border-color:#3b82f6;background:#dbeafe;transform:scale(1.02)}.drag-drop-content{text-align:center;padding:32px}.drag-drop-icon{font-size:48px;margin-bottom:16px;opacity:.7}.drag-drop-content h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.drag-drop-content p{margin:0 0 24px;font-size:14px;color:#6b7280}.upload-button{display:inline-block;padding:12px 24px;background:#3b82f6;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.upload-button:hover{background:#2563eb;transform:translateY(-1px)}.file-input-hidden{display:none}.drag-drop-zone-small{width:100%;border:2px dashed #cbd5e1;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;padding:16px}.drag-drop-zone-small:hover{border-color:#3b82f6;background:#eff6ff}.drag-drop-zone-small.drag-over{border-color:#3b82f6;background:#dbeafe;transform:scale(1.01)}.drag-drop-content-small{text-align:center}.drag-drop-content-small .drag-drop-icon{font-size:24px;margin-bottom:8px;opacity:.7}.drag-drop-content-small p{margin:0 0 12px;font-size:12px;color:#6b7280}.upload-button-small{display:inline-block;padding:8px 16px;background:#3b82f6;color:#fff;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.upload-button-small:hover{background:#2563eb;transform:translateY(-1px)}.post-card{transition:all .2s ease;cursor:grab}.post-card:active{cursor:grabbing}.post-card.dragging{opacity:.5;transform:rotate(5deg);z-index:1000;box-shadow:0 10px 25px #0003}.kanban-column{transition:all .2s ease;min-height:200px}.kanban-column.drag-over{background-color:#3b82f61a;border:2px dashed #3b82f6;border-radius:8px}.kanban-column.drag-over .column-title{color:#3b82f6;font-weight:600}.post-card[draggable=true]:before{content:"⋮⋮";position:absolute;top:8px;right:8px;color:#9ca3af;font-size:12px;line-height:1;opacity:0;transition:opacity .2s ease}.post-card[draggable=true]:hover:before{opacity:1}.notification{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.notification-content{display:flex;align-items:center;gap:12px;padding:16px 20px;font-weight:500}.success-notification{background:#10b981;color:#fff;border-left:4px solid #059669}.error-notification{background:#ef4444;color:#fff;border-left:4px solid #dc2626}.notification-icon{font-size:18px;flex-shrink:0}.notification-message{flex:1;line-height:1.4}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-container{padding:2rem;width:100%;min-height:100vh;background:#b2f7ef}.admin-header{text-align:center;margin-bottom:3rem;color:#1f2937}.admin-header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:#1a4a3a}.admin-header p{font-size:1.2rem;color:#6b7280}.admin-access-denied{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 24px #0000000f;color:#1f2937}.admin-access-denied h2{font-size:2rem;margin-bottom:1rem;color:#1a4a3a}.admin-error{background:#ef4444;color:#fff;padding:1rem;border-radius:.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.admin-error button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.25rem}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.admin-tab{background:#fff;border:2px solid #e5e7eb;color:#6b7280;padding:1rem 2rem;border-radius:.75rem;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 24px #0000000f}.admin-tab:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.admin-tab.active{background:#1a4a3a;border-color:#1a4a3a;color:#fff;box-shadow:0 4px 12px #1a4a3a4d}.admin-content{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 24px #0000000f}.admin-loading{text-align:center;padding:3rem;font-size:1.2rem;color:#64748b}.admin-section h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#1a4a3a;border-bottom:3px solid #1a4a3a;padding-bottom:.5rem}.admin-table-container{overflow-x:auto;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;max-width:100%}.admin-table{min-width:1200px}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:.75rem;overflow:hidden}.admin-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155}.admin-table tr:hover{background:#f8fafc}.admin-table select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem;min-width:120px}.admin-btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.admin-btn-danger{background:#ef4444;color:#fff}.admin-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-draft{background:#fef3c7;color:#92400e}.status-published{background:#dcfce7;color:#166534}.status-pending{background:#dbeafe;color:#1e40af}.status-sent{background:#dcfce7;color:#166534}.status-delivered{background:#fef3c7;color:#92400e}.status-read{background:#22c55e;color:#fff}.status-failed{background:#fecaca;color:#991b1b}.status-done{background:#dcfce7;color:#166534}.status-in-progress{background:#fef3c7;color:#92400e}.tech-id{font-family:Courier New,monospace;font-size:.75rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem;color:#475569;cursor:help;display:inline-block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-id:hover{background:#e2e8f0;color:#1e293b}.tech-input{font-family:Courier New,monospace;font-size:.75rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.25rem .5rem;border-radius:.25rem;color:#475569;width:100%;min-width:80px;max-width:120px;transition:all .2s ease}.tech-input:focus{outline:none;border-color:#1a4a3a;background:#fff;box-shadow:0 0 0 2px #1a4a3a1a}.tech-input:hover{border-color:#cbd5e1;background:#fff}.tech-input::placeholder{color:#9ca3af;font-style:italic}.admin-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-search{flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#1a4a3a;box-shadow:0 0 0 2px #1a4a3a1a}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.admin-btn-secondary{background:#6b7280;color:#fff}.admin-btn-secondary:hover{background:#4b5563}.modal-content{background:#fff;border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#1a4a3a;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.tech-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.tech-field{display:flex;flex-direction:column;gap:.5rem}.tech-field label{font-weight:600;color:#374151;font-size:.875rem}.tech-field input{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;transition:all .2s ease}.tech-field input:focus{outline:none;border-color:#1a4a3a;box-shadow:0 0 0 2px #1a4a3a1a}.modal-footer{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.modal-buttons{display:flex;gap:1rem;align-items:center}.modal-buttons .admin-btn:disabled{opacity:.5;cursor:not-allowed}.unsaved-changes{color:#dc2626;font-weight:700}.system-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.info-card{background:#f8fafc;padding:2rem;border-radius:.75rem;border-left:4px solid #1a4a3a;box-shadow:0 4px 24px #0000000f}.info-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1a4a3a}.info-card p{margin-bottom:.5rem;color:#475569;font-size:1rem}.info-card p:last-child{margin-bottom:0}@media (max-width: 768px){.admin-container{padding:1rem}.admin-header h1{font-size:2rem}.admin-tabs{flex-direction:column}.admin-tab{text-align:center}.admin-header-row{flex-direction:column;align-items:stretch}.admin-search{max-width:none}.admin-content{padding:1rem}.admin-table th,.admin-table td{padding:.75rem .5rem;font-size:.875rem}.action-buttons{flex-direction:column;gap:.25rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.tech-fields-grid,.system-info{grid-template-columns:1fr}}@media (max-width: 480px){.admin-header h1{font-size:1.5rem}.admin-header p{font-size:1rem}.admin-table{font-size:.75rem}.admin-table th,.admin-table td{padding:.5rem .25rem}}@media (max-width: 768px){.admin-tab,.admin-btn,.admin-btn-secondary,.admin-btn-danger{min-height:44px;min-width:44px}body,input,textarea,select{font-size:16px}.action-buttons{gap:8px}.modal-buttons{gap:12px}}.strategy-container{width:100%;max-width:1400px;margin:0 auto;padding:32px 16px}.strategy-header{margin-bottom:32px;text-align:center}.strategy-header h2{color:#1f2937!important;font-size:clamp(32px,6vw,48px);font-weight:900;margin:0;letter-spacing:-.02em}.strategy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #ff6600;border-radius:50%;animation:spin 1s linear infinite}.strategy-loading p{color:#6b7280;font-size:18px;font-weight:500;margin:0}.strategy-error{background:#fef2f2;border:1px solid #fecaca;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 15px #dc26261a}.strategy-error p{color:#dc2626;margin:0;font-size:16px;font-weight:500}.icp-card{grid-column:1 / -1;margin-bottom:24px;min-height:180px;display:flex;flex-direction:column}.icp-title{font-size:18px;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:8px}.icp-content{display:flex;flex-direction:column;gap:16px;margin-top:16px}.icp-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.icp-item p{margin:0;color:#374151;line-height:1.6;font-size:14px}.strategy-bentogrid{display:flex;flex-direction:column;gap:32px;width:100%}.strategy-top-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%}.strategy-section-header{margin:32px 0 24px;text-align:center}.strategy-section-header h3{color:#1f2937;font-size:28px;font-weight:800;margin:0;letter-spacing:-.025em}.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;width:100%}.strategy-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px;min-height:200px;height:fit-content;display:flex;flex-direction:column;transition:all .3s ease;border:1px solid rgba(0,0,0,.06)}.strategy-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026;border-color:#f60}.strategy-card .strategy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.strategy-month{font-size:22px;font-weight:800;color:#1f2937;margin:0;letter-spacing:-.025em}.strategy-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:#6b7280}.companies-count{background:#cea78d;color:#24170f;padding:4px 10px;border-radius:12px;font-weight:600;font-size:11px}.created-date{font-size:11px}.edit-button{background:#f60;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;box-shadow:0 2px 8px #ff66004d}.edit-button:hover{background:#e55e00;transform:translateY(-2px);box-shadow:0 4px 15px #f606}.strategy-content{flex:1;color:#374151;line-height:1.7;font-size:16px;overflow-y:auto;max-height:300px;padding-right:8px}.strategy-content::-webkit-scrollbar{width:6px}.strategy-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.strategy-content::-webkit-scrollbar-thumb{background:#f60;border-radius:6px}.strategy-content::-webkit-scrollbar-thumb:hover{background:#e55e00}.edit-section{flex:1;display:flex;flex-direction:column}.strategy-textarea{flex:1;border:2px solid #e5e7eb;border-radius:8px;padding:16px;font-size:15px;font-family:inherit;line-height:1.6;resize:vertical;min-height:200px;height:auto;transition:border-color .2s ease;box-sizing:border-box}.strategy-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.strategy-textarea,.icp-textarea,.company-summary-textarea,.tov-textarea{overflow:hidden;resize:none}.edit-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.save-button{background:#22c55e;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.save-button:hover{background:#16a34a}.cancel-button{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.cancel-button:hover{background:#4b5563}.empty-state{text-align:center;padding:48px 24px;color:#6b7280}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:16px;margin:0}.strategy-actions{margin-bottom:24px}.create-strategy-button{background:#22c55e;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.create-strategy-button:hover{background:#16a34a;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:700;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f3f4f6}.modal-body{padding:0 24px 24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-input,.form-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{min-height:120px;resize:vertical}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width: 1200px){.strategy-top-row{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 900px){.strategy-container{padding:24px 12px}.strategy-top-row,.strategy-bentogrid{grid-template-columns:1fr;gap:20px}.strategy-card{padding:24px}.strategy-month{font-size:18px}.strategy-content{font-size:14px}.modal-content{margin:20px;max-height:95vh}}@media (max-width: 768px){.strategy-container{padding:20px 8px}.strategy-header{margin-bottom:24px}.strategy-card{padding:20px;border-radius:12px}.strategy-card .strategy-header{flex-direction:column;align-items:flex-start;gap:8px}.strategy-month{font-size:16px}.strategy-meta{align-items:flex-start}.strategy-content{font-size:13px;max-height:250px}.edit-actions{flex-direction:column}.save-button,.cancel-button{width:100%;justify-content:center}.modal-header{padding:20px 20px 0}.modal-body{padding:0 20px 20px}.modal-actions{flex-direction:column}}@media (max-width: 480px){.strategy-container{padding:16px 4px}.strategy-card{padding:16px;border-radius:10px}.strategy-month{font-size:15px}.strategy-content{font-size:12px;max-height:200px}.strategy-textarea{font-size:14px;padding:12px;min-height:150px}.edit-button{font-size:13px;padding:6px 12px}.save-button,.cancel-button{font-size:13px;padding:8px 16px}.create-strategy-button{font-size:14px;padding:10px 20px;width:100%;justify-content:center}.modal-content{margin:10px;border-radius:12px}.modal-header{padding:16px 16px 0}.modal-body{padding:0 16px 16px}.form-input,.form-select,.form-textarea{font-size:14px;padding:10px 12px}}@media (max-width: 768px){.edit-button,.save-button,.cancel-button,.create-strategy-button{min-height:44px;min-width:44px}body,input,textarea,select{font-size:16px}.edit-actions,.modal-actions{gap:12px}}.ai-chat-wrapper{display:flex;flex-direction:column;height:100vh;min-height:100vh;width:100%;background:#f7f8fc;overflow:hidden;flex:1;position:relative;z-index:1;pointer-events:auto}.ai-chat-loading-text{color:#f60;margin:0;font-size:14px;font-weight:500}.ai-chat-error-text{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-left:4px solid #ef4444;margin:8px 0 0;padding:10px 12px;font-size:15px;font-weight:700;border-radius:8px}.ai-chat-success-text{color:#16a34a;margin:0;font-size:14px;font-weight:500}.ai-chat-error{display:flex;align-items:center;justify-content:center;padding:24px;color:#dc2626;font-size:14px;font-weight:500}.ai-chat-tabs{display:flex;width:100%;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 16px;margin:0;height:64px;gap:8px;flex-shrink:0}.ai-chat-tab{flex:1;height:48px;border:none;background:#fff;color:#6b7280;font-weight:500;cursor:pointer;font-size:16px;outline:none;margin:0;padding:0 16px;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:1px solid #e5e7eb}.ai-chat-tab.active{background:#f60;color:#fff;font-weight:700;box-shadow:0 2px 10px #ff660040;border:1px solid #ff6600}.ai-chat-tab:hover:not(.active){background:#f3f4f6;transform:translateY(-1px)}.ai-chat-content{flex:1;display:flex;flex-direction:column;margin:0;padding:0;min-height:0;overflow:hidden;width:100%}.ai-chat-messages{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;width:100%}.ai-chat-messages-container{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin:0;padding:24px;width:100%;box-sizing:border-box}.ai-chat-message{display:flex;justify-content:flex-end;margin-bottom:8px;width:100%}.ai-chat-message.assistant{justify-content:flex-start}.ai-chat-message-bubble{max-width:70%;padding:16px 20px;border-radius:20px;background:#f60;color:#fff;font-size:15px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 10px #ff660040}.ai-chat-message-bubble.assistant{background:#fff;color:#374151;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.ai-chat-message:not(.assistant) .ai-chat-message-bubble{border-bottom-right-radius:8px}.ai-chat-input-form{display:flex;gap:12px;padding:20px 24px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;align-items:flex-end}.ai-chat-input{flex:1;border:2px solid #e5e7eb;border-radius:24px;padding:12px 20px;font-size:15px;resize:none;min-height:48px;max-height:120px;outline:none;transition:border-color .2s ease}.ai-chat-input:focus{border-color:#f60;box-shadow:0 0 0 3px #ff660026}.ai-chat-send-button{background:#f60;color:#fff;border:none;border-radius:12px;padding:12px 20px;height:auto;width:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #f603;font-weight:700}.ai-chat-send-button:hover:not(:disabled){background:#e55e00;transform:translateY(-1px);box-shadow:0 4px 14px #ff660040}.ai-chat-send-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.ai-chat-newchat-button{padding:10px 14px;background:#f3f4f6;color:#f60;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;align-items:center;font-size:20px}.ai-chat-newchat-button:hover{background:#fff5f0;border-color:#f60}.ai-chat-files-container{flex:1;display:flex;flex-direction:column;padding:24px;gap:24px;background:#f7f8fc}@media (max-width: 900px){.ai-chat-files-container{padding:16px;gap:20px}.ai-chat-tabs{padding:6px 12px;height:56px;gap:6px}.ai-chat-tab{height:44px;font-size:14px;padding:0 12px}.ai-chat-messages-container{padding:16px}.ai-chat-input-form{padding:16px;gap:8px}.ai-chat-input{font-size:14px;padding:10px 16px;min-height:44px}.ai-chat-send-button{width:44px;height:44px}.ai-chat-message-bubble{max-width:85%;padding:12px 16px;font-size:14px}}@media (max-width: 768px){.ai-chat-files-container{padding:12px;gap:16px}.ai-chat-tabs{padding:4px 8px;height:48px;gap:4px}.ai-chat-tab{height:40px;font-size:13px;padding:0 8px;border-radius:8px}.ai-chat-messages-container{padding:12px;gap:8px}.ai-chat-input-form{padding:12px;gap:6px}.ai-chat-input{font-size:13px;padding:8px 12px;min-height:40px;border-radius:20px}.ai-chat-send-button{width:40px;height:40px}.ai-chat-message-bubble{max-width:90%;padding:10px 14px;font-size:13px;border-radius:16px}.ai-chat-upload-card,.ai-chat-files-list{padding:16px}.ai-chat-upload-card h3,.ai-chat-files-list h3{font-size:16px}.ai-chat-drag-drop{padding:20px}.ai-chat-file-item{padding:12px}}@media (max-width: 480px){.ai-chat-files-container{padding:8px;gap:12px}.ai-chat-tabs{padding:2px 4px;height:44px}.ai-chat-tab{height:36px;font-size:12px;padding:0 6px;border-radius:6px}.ai-chat-messages-container{padding:8px;gap:6px}.ai-chat-input-form{padding:8px;gap:4px}.ai-chat-input{font-size:12px;padding:6px 10px;min-height:36px;border-radius:18px}.ai-chat-send-button{width:36px;height:36px}.ai-chat-message-bubble{max-width:95%;padding:8px 12px;font-size:12px;border-radius:14px}.ai-chat-upload-card,.ai-chat-files-list{padding:12px}.ai-chat-upload-card h3,.ai-chat-files-list h3{font-size:14px}.ai-chat-drag-drop{padding:16px}.ai-chat-file-item{padding:8px}}.ai-chat-upload-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 24px #0000000f;border:2px dashed #e5e7eb;transition:all .2s ease;position:relative;overflow:hidden;z-index:1;pointer-events:auto}.ai-chat-upload-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#22c55e11,#2563eb11);opacity:0;transition:opacity .2s ease}.ai-chat-upload-card:hover:before{opacity:1}.ai-chat-upload-card h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px;position:relative;z-index:1}.ai-chat-upload-card p{color:#6b7280;font-size:14px;margin:0;position:relative;z-index:1}.ai-chat-files-list{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 24px #0000000f;flex:1;display:flex;flex-direction:column;position:relative;z-index:1;pointer-events:auto;min-height:0}.ai-chat-files-list h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;display:flex;align-items:center;gap:8px}.ai-chat-files-list h3:before{content:"📁";font-size:20px}.ai-chat-drag-drop{border:2px dashed #ff6600;border-radius:12px;padding:32px;text-align:center;background:#fff5f0;transition:all .2s ease;cursor:pointer;position:relative}.ai-chat-drag-drop.active{background:#ffe5d6;border-color:#e55e00;transform:scale(1.02)}.ai-chat-drag-drop span{font-size:16px;color:#e55e00;font-weight:600}.ai-chat-drag-drop:before{content:"📤";font-size:32px;display:block;margin-bottom:12px}.ai-chat-pending-files{margin-top:16px;display:flex;flex-direction:column;gap:8px}.ai-chat-pending-file{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.ai-chat-pending-file:hover{background:#f3f4f6}.ai-chat-pending-file-name{font-size:14px;color:#374151;font-weight:500;flex:1;margin-right:12px}.ai-chat-remove-file{background:#ef4444;color:#fff;border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;position:relative;z-index:10;pointer-events:auto}.ai-chat-remove-file:hover{background:#dc2626}.ai-chat-upload-button{background:#f60;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px;display:inline-flex;align-items:center;gap:8px;position:relative;z-index:10;pointer-events:auto}.ai-chat-upload-button:hover:not(:disabled){background:#e55e00;transform:translateY(-1px)}.ai-chat-upload-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;pointer-events:none}.ai-chat-files-scroll{flex:1;overflow-y:auto;margin-top:16px;padding-right:8px}.ai-chat-files-scroll::-webkit-scrollbar{width:6px}.ai-chat-files-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.ai-chat-files-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ai-chat-files-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ai-chat-file-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:8px;border:1px solid #e5e7eb;transition:all .2s ease}.ai-chat-file-item:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.ai-chat-file-info{flex:1;margin-right:16px}.ai-chat-file-name{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px;display:flex;align-items:center;gap:8px}.ai-chat-file-name:before{content:"📄";font-size:16px}.ai-chat-file-meta{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:12px}.ai-chat-file-meta:before{content:""}.ai-chat-delete-button{background:#ef4444;color:#fff;border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px;position:relative;z-index:10;pointer-events:auto}.ai-chat-delete-button:hover{background:#dc2626;transform:scale(1.05)}.ai-chat-load-more{text-align:center;margin-top:16px}.ai-chat-load-more-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.ai-chat-load-more-button:before{content:"↻";font-size:14px}.ai-chat-load-more-button:hover{background:#e5e7eb;transform:translateY(-1px)}.ai-chat-files-count{font-size:12px;color:#6b7280;margin-top:8px;text-align:center;padding:8px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.ai-chat-empty-state{text-align:center;padding:48px 24px;color:#6b7280;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ai-chat-empty-state img{width:64px;height:64px;margin-bottom:16px;opacity:.5}.ai-chat-empty-state div{font-size:16px;font-weight:500;color:#374151;margin-bottom:8px}.ai-chat-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:#6b7280;font-size:14px;gap:12px}@media (max-width: 768px){.ai-chat-wrapper{height:calc(100vh - 80px);min-height:calc(100vh - 80px)}.ai-chat-tab,.ai-chat-send-button,.ai-chat-upload-button,.ai-chat-delete-button,.ai-chat-remove-file{min-height:44px;min-width:44px}body,input,textarea{font-size:16px}.ai-chat-tabs{gap:8px}.ai-chat-input-form{gap:12px}}.help-container{min-height:100vh;background:#f8fafc}.help-header{padding:24px 24px 0;max-width:1200px;margin:0 auto}.help-content{max-width:1200px;margin:0 auto;padding:24px;display:flex;gap:32px}.help-sidebar{width:280px;background:#fff;border-radius:12px;padding:24px;height:fit-content;box-shadow:0 1px 3px #0000001a;position:sticky;top:24px}.help-sidebar h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#1f2937}.help-nav-button{width:100%;text-align:left;padding:12px 16px;margin:4px 0;background:transparent;color:#374151;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;transition:all .2s}.help-nav-button:hover{background:#f3f4f6}.help-nav-button.active{background:#f60;color:#fff;font-weight:700;box-shadow:0 2px 10px #ff660040}.help-nav-button.active:hover{background:#4b5563}.help-main-content{flex:1;background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.help-section-header{margin-bottom:32px}.help-section-title{margin:0 0 8px;font-size:32px;font-weight:800;color:#1f2937;display:flex;align-items:center;gap:16px}.help-section-icon{font-size:32px}.help-content-item{border-bottom:1px solid #e5e7eb;padding:24px 0}.help-content-item:last-child{border-bottom:none}.help-content-title{margin:0 0 12px;font-size:20px;font-weight:700;color:#1f2937}.help-content-description{margin:0 0 16px;font-size:16px;line-height:1.6;color:#374151}.help-features-list,.help-tips-list{margin:0 0 16px;padding-left:20px}.help-features-list li,.help-tips-list li{margin-bottom:8px;color:#374151}.help-steps-list{margin:0 0 16px;padding-left:20px}.help-steps-list li{margin-bottom:8px;color:#374151}.help-answer-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin:16px 0}.help-answer-text{margin:0;font-size:14px;line-height:1.5;color:#374151}.help-cta{background:linear-gradient(135deg,#f60,#e55e00);border-radius:16px;padding:32px;text-align:center;color:#fff;margin-top:32px}.help-cta h2{margin:0 0 12px;font-size:24px;font-weight:700}.help-cta p{margin:0 0 24px;font-size:16px;opacity:.9}.help-cta-button{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s;margin:0 8px}.help-cta-button.primary{background:#fff;color:#f60;border:1px solid #ff6600}.help-cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff660040}.help-cta-button.secondary{background:transparent;color:#fff;border:2px solid #fff}.help-cta-button.secondary:hover{background:#ffffff1a}@media (max-width: 768px){.help-header{padding:16px 16px 0}.help-content{flex-direction:column;padding:16px;gap:20px}.help-sidebar{width:100%;position:static;order:2}.help-main-content{order:1;padding:24px}.help-section-title,.help-section-icon{font-size:24px}.help-content-title{font-size:18px}.help-cta{padding:24px}.help-cta h2{font-size:20px}.help-cta-button{display:block;margin:8px 0;text-align:center}}@media (max-width: 480px){.help-header{padding:12px 12px 0}.help-content{padding:12px;gap:16px}.help-main-content,.help-sidebar{padding:16px;border-radius:8px}.help-nav-button{padding:10px 12px;font-size:13px;gap:8px}.help-section-title{font-size:20px;gap:12px}.help-section-icon{font-size:20px}.help-content-title{font-size:16px}.help-content-description{font-size:14px}.help-content-item{padding:16px 0}.help-cta{padding:20px;border-radius:12px}.help-cta h2{font-size:18px}.help-cta p{font-size:14px}.help-cta-button{font-size:13px;padding:10px 20px}}@media (max-width: 768px){.help-nav-button,.help-cta-button{min-height:44px;min-width:44px}body,input,textarea,select{font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){.help-content{gap:24px}.help-sidebar{width:240px}.help-main-content{padding:28px}}:root{--modal-overlay-light: rgba(0, 0, 0, .4);--modal-overlay-dark: rgba(0, 0, 0, .8);--modal-background: #fff;--modal-border-radius: 16px;--modal-padding: 32px;--modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25), 0 8px 16px -4px rgba(0, 0, 0, .1);--modal-border: 1px solid rgba(0, 0, 0, .1);--modal-z-index: 9999;--modal-blur-light: blur(12px);--modal-blur-dark: blur(8px);--modal-backdrop-blur: blur(16px)}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:calc(var(--modal-z-index) - 1)!important;padding:16px!important;visibility:visible!important;opacity:1!important;animation:modalFadeIn .3s ease-out!important;color:#1f2937!important}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:var(--modal-blur-light);-webkit-backdrop-filter:var(--modal-blur-light)}}.modal-overlay--light{background:var(--modal-overlay-light);backdrop-filter:var(--modal-blur-light);-webkit-backdrop-filter:var(--modal-blur-light)}.modal-overlay--dark{background:var(--modal-overlay-dark);backdrop-filter:var(--modal-blur-dark);-webkit-backdrop-filter:var(--modal-blur-dark)}.modal-overlay .modal-container{background:var(--modal-background)!important;border-radius:var(--modal-border-radius)!important;padding:0!important;max-width:1200px!important;width:95%!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:var(--modal-shadow)!important;border:var(--modal-border)!important;position:relative!important;z-index:calc(var(--modal-z-index) + 1)!important;visibility:visible!important;opacity:1!important;animation:modalSlideIn .3s ease-out!important;box-sizing:border-box!important;align-items:stretch!important}.modal-overlay .modal-container:has(.auth-container){max-width:464px!important;width:auto!important;background:transparent!important;padding:0!important;box-shadow:none!important;border:none!important}.modal-container--create{max-width:640px!important;width:90vw!important}.modal-container{background:var(--modal-background)!important;border-radius:var(--modal-border-radius)!important;padding:0!important;max-width:1200px!important;width:95%!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:var(--modal-shadow)!important;border:var(--modal-border)!important;position:relative!important;z-index:calc(var(--modal-z-index) + 1)!important;visibility:visible!important;opacity:1!important;animation:modalSlideIn .3s ease-out!important;box-sizing:border-box!important;align-items:stretch!important}.modal-container.auth-modal{max-width:464px;width:auto;background:transparent;padding:0;box-shadow:none;border:none}.edit-call-type-modal{max-width:1200px;width:98%;height:600px;display:flex;flex-direction:column}.edit-call-type-modal .modal-content{width:100%!important;max-width:100%!important;align-self:stretch!important}.edit-call-type-modal .modal-content>*{width:100%!important;max-width:100%!important}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:24px 32px 20px;border-bottom:1px solid #e5e7eb}.modal-title{margin:0;font-size:24px;font-weight:700;color:#1f2937!important;line-height:1.2}.modal-close-btn{font-size:20px;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:600}.modal-close-btn:hover{background:#e5e7eb;color:#374151;border-color:#d1d5db;transform:scale(1.05)}.modal-close-btn:active{transform:scale(.95)}.steps-container{display:flex;align-items:center;margin-bottom:24px;gap:8px}.step-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.step-number{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .2s ease}.step-number.active{background:#3b82f6;color:#fff}.step-label{font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease}.step-label.active{color:#3b82f6}.step-separator{width:40px;height:2px;background:#e5e7eb;margin:0 16px;transition:all .2s ease}.step-separator.active{background:#3b82f6}.modal-content{flex:1 1 auto!important;overflow:auto!important;padding:24px 32px!important;min-height:0!important;width:100%!important;max-width:100%!important;align-self:stretch!important;box-sizing:border-box!important;border:none!important;outline:none!important}.modal-content form{display:flex;flex-direction:column;gap:20px}.modal-content>.form-grid,.modal-content>.form-column,.modal-content>div{max-width:100%!important;width:100%!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-column{display:flex;flex-direction:column;gap:16px}.form-group{margin-bottom:0;width:100%}.form-label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#374151!important}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid #d1d5db!important;border-radius:8px;font-size:15px;transition:all .2s ease;background:#fff!important;color:#1f2937!important;box-shadow:0 1px 3px #0000000d!important}.form-select option{color:#1f2937!important;background:#fff!important}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none!important;border-color:#3b82f6!important;background:#fff!important;box-shadow:0 0 0 3px #3b82f626,0 1px 3px #0000001a!important}.form-textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:12px;justify-content:space-between;margin-top:8px;padding-top:0;padding-bottom:0;border-top:none}.modal-actions-left,.modal-actions-right{display:flex;gap:12px}.modal-error{color:#dc2626;margin-top:12px;font-size:14px}.modal-success{color:#16a34a;margin-top:12px;font-size:14px}@media (max-width: 768px){.modal-overlay{padding:12px}.modal-overlay .modal-container,.modal-container{padding:24px;width:100%;max-height:98vh;border-radius:12px}.edit-call-type-modal{max-width:100%;width:100%;min-height:auto}.modal-header{margin-bottom:20px}.modal-title{font-size:20px}.modal-close-btn{width:28px;height:28px;font-size:20px}.steps-container{margin-bottom:20px;gap:6px}.step-item{font-size:13px}.step-number{width:20px;height:20px;font-size:11px}.step-separator{width:16px}.form-grid{grid-template-columns:1fr;gap:12px}.form-column{gap:12px}.form-label{font-size:13px;margin-bottom:6px}.form-input,.form-select,.form-textarea{font-size:13px;padding:10px;border-radius:6px}.form-textarea{min-height:60px}.modal-actions{margin-top:20px;padding-top:12px;flex-direction:column;gap:8px}.modal-actions-left,.modal-actions-right{width:100%;justify-content:center}}@media (max-width: 480px){.modal-overlay{padding:8px}.modal-overlay .modal-container,.modal-container{padding:20px;border-radius:10px}.edit-call-type-modal{padding:16px}.modal-header{margin-bottom:16px}.modal-title{font-size:18px}.modal-close-btn{width:24px;height:24px;font-size:18px}.steps-container{margin-bottom:16px;gap:4px}.step-item{font-size:12px}.step-number{width:18px;height:18px;font-size:10px}.step-separator{width:12px}.form-grid,.form-column{gap:10px}.form-label{font-size:12px;margin-bottom:4px}.form-input,.form-select,.form-textarea{font-size:12px;padding:8px;border-radius:5px}.form-textarea{min-height:50px}.modal-actions{margin-top:16px;padding-top:10px;gap:6px}.modal-error,.modal-success{font-size:12px}}.modal-overlay .modal-title,.modal-container .modal-title,h2.modal-title,.modal-header h2,.modal-header .modal-title,.modal-body h3{color:#1f2937!important;font-weight:700!important}.modal-container{background:#fff!important;color:#1f2937!important}.modal-overlay:has(.auth-container),.modal-container:has(.auth-container){color:#fff!important}.modal-overlay .auth-container h1,.modal-overlay .auth-container h2,.modal-overlay .auth-container h3,.modal-container .auth-container h1,.modal-container .auth-container h2,.modal-container .auth-container h3{color:#fff!important}.modal-overlay .auth-container p,.modal-overlay .auth-container label,.modal-container .auth-container p,.modal-container .auth-container label{color:#cbd5e1!important}.modal-overlay h2,.modal-overlay h3,.modal-overlay .modal-title,.modal-container h2,.modal-container h3,.modal-container .modal-title{color:#1f2937!important;font-weight:700!important}.modal-overlay .auth-container h2.auth-title,.modal-container .auth-container h2.auth-title{color:#fff!important}.upload-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;position:relative}.upload-dropzone:hover{border-color:#3b82f6;background:#f0f9ff}.upload-dropzone.drag-active{border-color:#3b82f6;background:#dbeafe;transform:scale(1.02)}.upload-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px}@media (hover: none) and (pointer: coarse){.modal-close-btn{min-height:44px;min-width:44px}.form-input,.form-select,.form-textarea{min-height:44px}.form-textarea{min-height:80px}}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#e5e7eb;transition:background .2s ease;border-radius:9999px;box-shadow:inset 0 0 0 1px #d1d5db}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:transform .2s ease;border-radius:9999px;box-shadow:0 1px 2px #0003}input:checked+.slider{background:#10b981;box-shadow:inset 0 0 0 1px #10b981}input:checked+.slider:before{transform:translate(20px)}input:focus+.slider{box-shadow:0 0 0 3px #10b98140}.mass-call-modal .modal-container{max-height:90vh!important;overflow-y:auto!important}.mass-call-modal .modal-title,.mass-call-modal h2,.mass-call-modal h3,.mass-call-modal p,.mass-call-modal label{color:#1f2937!important}.mass-call-modal .modal-container{background:#fff!important}.mass-call-modal .modal-header h2,.mass-call-modal .modal-header .modal-title,.mass-call-modal .modal-body h3,.modal-header h2,.modal-header .modal-title,.modal-body h3,.modal-overlay h2,.modal-overlay h3,.modal-overlay .modal-title,.modal-container h2,.modal-container h3,.modal-container .modal-title{color:#1f2937!important;font-weight:700!important}.modal-overlay *,.modal-container *{color:inherit}.modal-overlay h2,.modal-overlay h3,.modal-overlay .modal-title,.modal-container h2,.modal-container h3,.modal-container .modal-title{color:#1f2937!important}.mass-call-modal .modal-body{flex:1;overflow-y:auto;padding:0;margin:0}.mass-call-modal .modal-body>div{min-height:0}.mass-call-modal .modal-body>div:last-child{margin-top:auto;padding-top:20px;border-top:1px solid #e5e7eb}.modal-container:not(.mass-call-modal){background:#fff!important}.modal-container:not(.mass-call-modal) .modal-title,.modal-container:not(.mass-call-modal) h2,.modal-container:not(.mass-call-modal) h3{color:#1f2937!important;font-weight:700!important}.sms-preview-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-top:8px;max-height:200px;overflow-y:auto}.sms-preview-text{white-space:pre-wrap;font-family:monospace;font-size:13px;color:#374151;line-height:1.4;word-break:break-word}.callpanel-container{max-width:1400px;margin:0 auto;padding:32px 16px}@media (min-width: 1600px){.callpanel-container{max-width:1600px;padding:0 24px 40px}}@media (min-width: 1920px){.callpanel-container{max-width:1800px;padding:0 32px 48px}}.callpanel-root{font-family:Inter,Roboto,Poppins,Arial,sans-serif;background:#f8f9fb;min-height:100vh;box-sizing:border-box;padding:0}.callpanel-tabs{display:flex;background:transparent;margin-bottom:28px;gap:8px;height:auto}.callpanel-tabs .button{flex:1;background:#fff;border:1px solid #e5e7eb;color:#6b7280;font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .25s ease;outline:none;padding:10px 12px;border-radius:12px;box-shadow:0 1px 2px #0000000a;min-height:auto;min-width:auto}.callpanel-tabs .button.button-primary{color:#fff;background:#f60;border-color:#f60;box-shadow:0 6px 14px #ff660040;transform:translateY(-1px)}.callpanel-tabs .button:hover{background:#f9fafb;color:#1f2937;border-color:#e5e7eb}.callpanel-tabs .button:focus-visible{box-shadow:0 0 0 3px #ff660040}.callpanel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px;margin-bottom:0;transition:all .3s ease;border:1px solid rgba(0,0,0,.06)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026;border-color:#f60}.section-title{font-size:24px;font-weight:800;color:#1f2937;margin-bottom:20px;letter-spacing:-.025em}.label{font-size:15.5px;font-weight:600;color:#23272f;margin-bottom:6px;display:block}.input,.select,.textarea{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:12px;font-size:15px;font-family:inherit;background:#fff;margin-bottom:16px;transition:all .3s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#f60;box-shadow:0 0 0 3px #ff660026}.status-success{background:#e6fbe8;color:#1a7f37;border:1px solid #b7e4c7;border-radius:12px;padding:12px 16px;margin-top:12px;font-size:15px;font-weight:600}.status-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:12px;padding:12px 16px;margin-top:12px;font-size:15px;font-weight:600}.card .textarea{min-height:90px;resize:vertical;margin-bottom:8px}.card{transition:all .3s ease}@media (max-width: 900px){.callpanel-container{padding:0 20px}.callpanel-tabs{margin-bottom:24px;height:40px}.callpanel-tabs .button{font-size:15px;padding:0 0 6px}.callpanel-grid{grid-template-columns:1fr;gap:16px}.card{padding:24px 20px;border-radius:16px}.section-title{font-size:18px;margin-bottom:16px}.label{font-size:14px}.input,.select,.textarea{font-size:14px;padding:10px 12px}.status-success,.status-error{font-size:14px;padding:8px 12px}}@media (max-width: 768px){.callpanel-container{padding:0 16px}.callpanel-tabs{margin-bottom:20px;height:36px}.callpanel-tabs .button{font-size:14px;padding:0 0 4px}.card{padding:20px 16px;border-radius:14px}.section-title{font-size:16px;margin-bottom:14px}.label{font-size:13px}.input,.select,.textarea{font-size:13px;padding:10px 12px;border-radius:8px}.status-success,.status-error{font-size:13px;padding:8px 12px;border-radius:8px}}@media (max-width: 480px){.callpanel-container{padding:0 12px}.callpanel-tabs{margin-bottom:16px;height:32px}.callpanel-tabs .button{font-size:13px;padding:0 0 2px}.card{padding:16px 12px;border-radius:12px}.section-title{font-size:15px;margin-bottom:12px}.label{font-size:12px}.input,.select,.textarea{font-size:12px;padding:8px 10px;border-radius:6px}.status-success,.status-error{font-size:12px;padding:6px 10px;border-radius:6px}}@media (max-width: 768px){body,input,textarea,select{font-size:16px}.callpanel-tabs{gap:8px}}.call-stats{padding:20px;max-width:1200px;margin:0 auto}.call-stats-title{margin:0 0 24px;font-size:24px;font-weight:700;color:#1f2937}.call-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.call-stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease}.call-stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.call-stat-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.call-stat-value{margin:0;font-size:32px;font-weight:800;color:#1f2937;line-height:1.2}.call-stat-change{margin:8px 0 0;font-size:14px;font-weight:600}.call-stat-change.positive{color:#16a34a}.call-stat-change.negative{color:#dc2626}.call-stat-change.neutral{color:#6b7280}.call-stats-chart{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;margin-bottom:32px}.call-stats-chart-title{margin:0 0 20px;font-size:18px;font-weight:700;color:#1f2937}.call-stats-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.call-stats-table-header{background:#f9fafb;padding:16px 20px;border-bottom:1px solid #e5e7eb}.call-stats-table-title{margin:0;font-size:18px;font-weight:700;color:#1f2937}.call-stats-table-content{overflow-x:auto}.call-stats-table table{width:100%;border-collapse:collapse}.call-stats-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.call-stats-table td{padding:12px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6}.call-stats-table tr:hover{background:#f9fafb}.call-stats-loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#6b7280}.call-stats-error{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:20px;text-align:center}@media (max-width: 768px){.call-stats{padding:16px}.call-stats-title{font-size:20px;margin-bottom:20px}.call-stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.call-stat-card{padding:20px}.call-stat-value{font-size:28px}.call-stats-chart{padding:20px;margin-bottom:24px}.call-stats-chart-title{font-size:16px;margin-bottom:16px}.call-stats-table-header{padding:12px 16px}.call-stats-table-title{font-size:16px}.call-stats-table th,.call-stats-table td{padding:10px 12px;font-size:13px}.call-stats-loading,.call-stats-error{min-height:150px;font-size:14px;padding:16px}}@media (max-width: 480px){.call-stats{padding:12px}.call-stats-title{font-size:18px;margin-bottom:16px}.call-stats-grid{gap:12px;margin-bottom:20px}.call-stat-card{padding:16px}.call-stat-value{font-size:24px}.call-stats-chart{padding:16px;margin-bottom:20px}.call-stats-chart-title{font-size:15px;margin-bottom:12px}.call-stats-table-header{padding:10px 12px}.call-stats-table-title{font-size:15px}.call-stats-table th,.call-stats-table td{padding:8px 10px;font-size:12px}.call-stats-loading,.call-stats-error{min-height:120px;font-size:13px;padding:12px}}@media (hover: none) and (pointer: coarse){.call-stat-card{min-height:44px}.call-stats-table th,.call-stats-table td{min-height:44px;display:flex;align-items:center}}@media (max-width: 768px){.call-stat-card{min-height:44px}body,input,textarea,select{font-size:16px}}.photoshop-color-picker{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000001a;max-width:320px}.color-picker-label{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.color-picker-container{display:flex;flex-direction:column;gap:12px}.sat-bright-area{position:relative;width:100%;height:200px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;cursor:crosshair}.sat-bright-canvas{width:100%;height:100%;position:relative;background:linear-gradient(to right,red,gray),linear-gradient(to top,#000,#fff);background-blend-mode:multiply,normal}.sat-bright-cursor{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d;pointer-events:none;z-index:2}.hue-slider-container{position:relative;height:20px;border-radius:10px;overflow:hidden;border:2px solid #e5e7eb;cursor:pointer}.hue-slider{width:100%;height:100%;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hue-cursor{position:absolute;top:50%;width:4px;height:20px;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:2px;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.color-preview-section{display:flex;gap:8px;height:40px}.current-color,.previous-color{flex:1;border-radius:6px;border:2px solid #e5e7eb;box-shadow:inset 0 1px 3px #0000001a}.current-color{background:#3b82f6}.previous-color{background:#f3f4f6}.color-inputs{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:8px;align-items:end}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.input-group input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#fff;transition:all .2s;outline:none}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.hex-group input{font-weight:600}@media (max-width: 768px){.photoshop-color-picker{padding:16px;gap:12px;max-width:280px}.sat-bright-area{height:160px}.color-inputs{grid-template-columns:1fr 1fr;gap:12px}.hex-group{grid-column:1 / -1}}@media (max-width: 480px){.photoshop-color-picker{padding:12px;gap:10px;max-width:100%}.sat-bright-area{height:140px}.color-inputs{grid-template-columns:1fr;gap:8px}.input-group{flex-direction:row;align-items:center;gap:8px}.input-group label{min-width:20px;text-align:center}}@media (hover: none) and (pointer: coarse){.sat-bright-cursor{width:16px;height:16px}.hue-cursor{width:6px;height:24px}.input-group input{min-height:44px;font-size:16px}}.photoshop-color-picker.dragging{-webkit-user-select:none;user-select:none}.photoshop-color-picker.dragging *{pointer-events:none}.carousel-selector{max-width:800px;margin:0 auto;padding:24px}.carousel-title{margin-bottom:24px;font-size:12px;font-weight:600;color:#1f2937}.templates-grid{display:flex;gap:24px;margin-bottom:32px;justify-content:center;flex-wrap:wrap}.template-card{border:3px solid transparent;border-radius:16px;padding:12px;cursor:pointer;background:#fff;transition:all .3s ease;text-align:center;box-sizing:border-box;box-shadow:0 4px 12px #0000001a}.template-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.template-card.selected{border:3px solid #3b82f6;box-shadow:0 8px 32px #3b82f633}.template-preview{width:280px;height:350px;border-radius:12px;margin-bottom:12px;position:relative;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;box-sizing:border-box}.main-text{font-size:20px;font-weight:700;line-height:1.1;transition:color .3s ease;flex-grow:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:220px}.template-card[data-template=template1] .main-text{position:absolute;top:24px;left:24px;text-align:left;font-size:18px;line-height:1.2;font-weight:600;width:auto;max-width:none;flex-grow:0;justify-content:flex-start}.template-card[data-template=template1] .branding{position:absolute;bottom:24px;left:50%;transform:translate(-50%);text-align:center}.template-card[data-template=template2] .main-text{text-align:center;font-size:18px;line-height:1.1;font-weight:800}.template-card[data-template=template2] .branding{bottom:24px;left:50%;transform:translate(-50%);text-align:center}.branding{position:absolute;bottom:24px;left:24px;text-align:center}.sub-text{font-size:16px;font-weight:600;margin-bottom:4px;transition:color .3s ease}.url-text{font-size:14px;opacity:.9;transition:color .3s ease}.template-name{font-weight:600;font-size:16px;color:#374151;margin-top:8px}.color-section{margin-bottom:32px;padding:24px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.color-title{margin-bottom:16px;font-size:16px;font-weight:600;color:#1f2937}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.submit-button{margin-bottom:8px;width:100%;max-width:200px;margin-left:auto;margin-right:auto;display:block}.success-message{color:#10b981;margin-top:6px;font-size:12px;text-align:center}.error-message{color:#ef4444;margin-top:6px;font-size:12px;text-align:center}@media (max-width: 768px){.carousel-selector{padding:16px}.carousel-title{font-size:18px;margin-bottom:20px;text-align:center}.templates-grid{gap:20px;margin-bottom:24px}.template-card{padding:10px}.template-preview{width:220px;height:275px;padding:24px 20px}.main-text{font-size:24px;max-width:180px}.template-card[data-template=template1] .main-text{top:20px;left:20px;font-size:20px}.template-card[data-template=template1] .branding{bottom:20px;left:50%;transform:translate(-50%)}.branding{bottom:20px;left:20px}.sub-text{font-size:14px}.url-text{font-size:12px}.template-name{font-size:14px}.color-section{padding:20px;margin-bottom:24px}.color-title{font-size:15px}}@media (max-width: 480px){.carousel-selector{padding:12px}.carousel-title{font-size:16px;margin-bottom:16px}.templates-grid{gap:16px;margin-bottom:20px;flex-direction:column;align-items:center}.template-card{padding:8px}.template-preview{width:180px;height:225px;padding:20px 16px}.main-text{font-size:20px;max-width:148px}.template-card[data-template=template1] .main-text{top:16px;left:16px;font-size:16px}.template-card[data-template=template1] .branding{bottom:16px;left:50%;transform:translate(-50%)}.branding{bottom:16px;left:16px}.sub-text{font-size:12px}.url-text{font-size:10px}.template-name{font-size:13px}.color-section{padding:16px;margin-bottom:20px}.color-title{font-size:14px;margin-bottom:12px}.submit-button{max-width:180px;font-size:14px;padding:10px 16px}}@media (max-width: 360px){.template-preview{width:160px;height:200px;padding:16px 12px}.main-text{font-size:10px;max-width:136px}.branding{bottom:12px;left:12px}.sub-text{font-size:11px}.url-text{font-size:9px}.color-section{padding:12px}.submit-button{max-width:160px;font-size:12px}}.social-media-connect{width:100%}.social-media-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.error-message{padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:14px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.connected-accounts-section{margin-bottom:24px}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.accounts-title{margin:0;font-size:14px;font-weight:600;color:#374151}.refresh-button{background-color:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:opacity .2s ease}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button:hover:not(:disabled){background-color:#2563eb}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.account-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.account-card:hover{box-shadow:0 2px 8px #00000026}.profile-image{width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#6b7280;flex-shrink:0;position:relative;border:2px solid transparent}.profile-image.instagram{border-color:#e4405f}.profile-image.facebook{border-color:#1877f2}.profile-img{width:100%;height:100%;object-fit:cover}.profile-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:#f3f4f6;color:#6b7280;font-size:18px;font-weight:600}.profile-platform-icon{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid white;box-shadow:0 1px 3px #0000001a}.account-info{flex:1;min-width:0}.account-name{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-username{font-size:12px;color:#6b7280;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-provider{font-size:11px;color:#9ca3af;margin-bottom:4px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-date{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-account-card{background-color:#fff;border:2px dashed #d1d5db;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;min-height:80px}.add-account-card:hover{border-color:#9ca3af;background-color:#f9fafb}.add-account-content{text-align:center}.add-icon{font-size:24px;margin-bottom:8px}.add-text{font-size:12px;color:#6b7280}.connect-section{margin-top:24px}.connect-title{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.platforms-list{display:flex;flex-direction:column;gap:8px}.platform-button{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.platform-button:hover:not(:disabled){background-color:#f9fafb}.platform-button.connected{background-color:#f3f4f6;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.platform-button.connecting{cursor:not-allowed}.platform-icon-large{font-size:20px;flex-shrink:0}.platform-info{flex:1;min-width:0}.platform-name{font-size:14px;font-weight:500;color:#374151;margin-bottom:2px}.platform-status{font-size:12px;color:#6b7280}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.connected-check{font-size:16px;color:#10b981;flex-shrink:0}.connection-error{margin-top:16px;padding:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.help-text{margin-top:16px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569}.help-text p{margin:0 0 8px;font-weight:600}.help-text ul{margin:0;padding-left:16px}.help-text li{margin-bottom:4px;line-height:1.4}@media (max-width: 768px){.social-media-title{font-size:15px;margin-bottom:12px}.accounts-header{flex-direction:column;align-items:flex-start;gap:8px}.accounts-title{font-size:13px}.refresh-button{font-size:11px;padding:5px 10px;align-self:flex-end}.accounts-grid{grid-template-columns:1fr;gap:12px}.account-card{padding:12px;gap:10px}.profile-image{width:40px;height:40px;font-size:16px}.profile-fallback{font-size:14px}.account-name{font-size:13px}.account-username{font-size:11px}.account-provider,.account-date{font-size:10px}.platform-icon{width:28px;height:28px;font-size:14px}.add-account-card{padding:12px;min-height:70px}.add-icon{font-size:20px;margin-bottom:6px}.add-text{font-size:11px}.connect-title{font-size:13px;margin-bottom:12px}.platforms-list{gap:6px}.platform-button{padding:10px 12px;gap:10px}.platform-icon-large{font-size:18px}.platform-name{font-size:13px}.platform-status{font-size:11px}.loading-spinner{width:14px;height:14px}.connected-check{font-size:14px}.connection-error{font-size:13px;padding:10px}.help-text{font-size:12px;padding:10px}.help-text ul{padding-left:12px}.help-text li{margin-bottom:3px}}@media (max-width: 480px){.social-media-title{font-size:14px;margin-bottom:10px}.accounts-header{gap:6px}.accounts-title{font-size:12px}.refresh-button{font-size:10px;padding:4px 8px}.accounts-grid{gap:10px}.account-card{padding:10px;gap:8px;border-radius:10px}.profile-image{width:36px;height:36px;font-size:14px}.profile-fallback,.account-name{font-size:12px}.account-username{font-size:10px}.account-provider,.account-date{font-size:9px}.platform-icon{width:24px;height:24px;font-size:12px}.add-account-card{padding:10px;min-height:60px;border-radius:10px}.add-icon{font-size:18px;margin-bottom:4px}.add-text{font-size:10px}.connect-title{font-size:12px;margin-bottom:10px}.platforms-list{gap:4px}.platform-button{padding:8px 10px;gap:8px;border-radius:6px}.platform-icon-large{font-size:16px}.platform-name{font-size:12px}.platform-status{font-size:10px}.loading-spinner{width:12px;height:12px}.connected-check{font-size:12px}.connection-error{font-size:12px;padding:8px;border-radius:6px}.help-text{font-size:11px;padding:8px;border-radius:6px}.help-text ul{padding-left:10px}.help-text li{margin-bottom:2px}}@media (hover: none) and (pointer: coarse){.platform-button{min-height:44px}.refresh-button{min-height:32px;min-width:32px}.add-account-card{min-height:60px}}.timeout-settings{max-width:600px;margin:0 auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.timeout-settings-header{margin-bottom:32px;text-align:center}.timeout-settings-title{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:#1f2937}.timeout-settings-description{margin:0;color:#6b7280;line-height:1.6}.timeout-settings-content{margin-bottom:32px}.timeout-option-group{margin-bottom:24px}.timeout-option-label{display:block;font-weight:600;color:#374151;margin-bottom:12px}.timeout-options{display:flex;flex-direction:column;gap:8px}.timeout-option{display:flex;align-items:center;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.timeout-option:hover{border-color:#3b82f6;background:#f8fafc}.timeout-option input[type=radio]{margin-right:12px;width:18px;height:18px;accent-color:#3b82f6}.timeout-option input[type=radio]:checked+.timeout-option-text{color:#1f2937;font-weight:600}.timeout-option:has(input[type=radio]:checked){border-color:#3b82f6;background:#eff6ff}.timeout-option-text{color:#6b7280;font-size:.95rem;transition:color .2s ease}.timeout-custom-group{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.timeout-custom-label{display:flex;align-items:center;gap:12px;font-weight:600;color:#374151;margin-bottom:8px}.timeout-custom-input{width:80px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;text-align:center}.timeout-custom-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.timeout-custom-note{margin:0;font-size:.8rem;color:#9ca3af}.timeout-current-info{margin-bottom:24px;padding:16px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;text-align:center}.timeout-current-label{font-size:.875rem;color:#0369a1;margin-bottom:4px}.timeout-current-value{font-size:1.25rem;font-weight:600;color:#0c4a6e}.timeout-current-note{font-size:.8rem;color:#0369a1;margin-top:4px}.timeout-settings-actions{display:flex;gap:12px;justify-content:center}.timeout-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease;min-width:120px}.timeout-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.timeout-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.timeout-btn-primary:active{transform:translateY(0)}.timeout-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.timeout-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.timeout-btn-secondary:active{background:#d1d5db}.timeout-saved-message{text-align:center;padding:12px;background:#dcfce7;border:1px solid #22c55e;border-radius:8px;color:#166534;font-weight:600;margin-top:16px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timeout-settings-footer{border-top:1px solid #e5e7eb;padding-top:24px}.timeout-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.timeout-info-title{margin:0 0 12px;font-size:1rem;font-weight:600;color:#1f2937}.timeout-info-list{margin:0;padding-left:20px;color:#6b7280;line-height:1.6}.timeout-info-list li{margin-bottom:8px}.timeout-info-list li:last-child{margin-bottom:0}@media (max-width: 640px){.timeout-settings{padding:16px;margin:0 8px}.timeout-settings-title{font-size:1.25rem}.timeout-option{padding:10px 12px}.timeout-custom-label{flex-direction:column;align-items:flex-start;gap:8px}.timeout-custom-input{width:100%;max-width:120px}.timeout-settings-actions{flex-direction:column}.timeout-btn{width:100%}}.timeout-btn:focus,.timeout-option:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.timeout-custom-input:focus{outline:2px solid #3b82f6;outline-offset:2px}._settings-container_1uud2_1{width:100%;max-width:1400px;margin:0 auto;padding:24px 16px}._settings-header_1uud2_8{margin-bottom:24px}._settings-bentogrid_1uud2_12{display:grid;grid-template-columns:1fr 2fr;gap:20px;width:100%}._card_1uud2_19{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;padding:24px;min-height:120px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid #e5e7eb;transition:all .2s ease}._card_1uud2_19:hover{border-color:#f60;box-shadow:0 8px 28px #0000001a;transform:translateY(-2px)}._form-group_1uud2_38{margin-bottom:12px}._form-group_1uud2_38:last-child{margin-bottom:0}._form-group_1uud2_38 label{display:block;margin-bottom:6px;font-weight:600;color:#374151;font-size:14px}._form-input_1uud2_54{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box}._form-input_1uud2_54:focus{outline:none;border-color:#f60;box-shadow:0 0 0 3px #ff660026}._form-input_1uud2_54._readonly_1uud2_69{background:#f9fafb;color:#6b7280}._page-title_1uud2_75{font-size:24px;font-weight:800;color:#1f2937;margin:0;letter-spacing:-.025em}._btn_1uud2_83{border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700;border:1px solid transparent;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 3px #0000000f}._btnPrimary_1uud2_96{background:#f60;color:#fff;border-color:#f60}._btnPrimary_1uud2_96:hover{background:#e55e00;box-shadow:0 4px 12px #ff660040;transform:translateY(-1px)}._btnSecondary_1uud2_99{background:#fff;color:#f60;border-color:#f60}._btnSecondary_1uud2_99:hover{background:#fff5f0;color:#e55e00;border-color:#e55e00;transform:translateY(-1px)}._btnNeutral_1uud2_102{background:#f3f4f6;color:#374151;border-color:#e5e7eb}._btnNeutral_1uud2_102:hover{background:#e5e7eb}._message_1uud2_105{padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:14px;border:1px solid transparent}._messageSuccess_1uud2_106{background:#f0fdf4;color:#166534;border-color:#bbf7d0}._messageError_1uud2_107{background:#fef2f2;color:#dc2626;border-color:#fecaca}._avatar-grid_1uud2_109{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;justify-items:center;align-items:center}@media (max-width: 900px){._settings-container_1uud2_1{padding:20px 12px}._settings-header_1uud2_8{margin-bottom:20px}._settings-bentogrid_1uud2_12{grid-template-columns:1fr;gap:16px}._card_1uud2_19{padding:20px}._avatar-grid_1uud2_109{gap:12px}._form-group_1uud2_38 label{font-size:13px}._form-input_1uud2_54{font-size:13px;padding:8px 12px}}@media (max-width: 768px){._settings-container_1uud2_1{padding:16px 8px}._settings-header_1uud2_8{margin-bottom:16px}._card_1uud2_19{padding:16px;border-radius:12px}._avatar-grid_1uud2_109{gap:8px}._form-group_1uud2_38{margin-bottom:10px}._form-group_1uud2_38 label{font-size:12px;margin-bottom:4px}._form-input_1uud2_54{font-size:12px;padding:6px 10px;border-radius:6px}}@media (max-width: 480px){._settings-container_1uud2_1{padding:12px 4px}._settings-header_1uud2_8{margin-bottom:12px}._card_1uud2_19{padding:12px;border-radius:10px}._avatar-grid_1uud2_109{gap:6px}._form-group_1uud2_38{margin-bottom:8px}._form-group_1uud2_38 label{font-size:11px;margin-bottom:3px}._form-input_1uud2_54{font-size:11px;padding:5px 8px;border-radius:5px}}@media (max-width: 768px){button,._form-input_1uud2_54{min-height:44px}body,input,textarea,select{font-size:16px}}.blog-newsletter-container{width:100%;max-width:1400px;margin:0 auto;padding:32px 16px;background-color:#f8f5ed}.toast-notice{position:fixed;top:16px;right:16px;background:#111827;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px #00000026;z-index:1100;font-weight:600}.blog-newsletter-header{margin-bottom:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.blog-newsletter-header h2{color:#1f2937!important;font-size:clamp(32px,6vw,48px);font-weight:900;margin:0;letter-spacing:-.02em}.monthly-limit-indicator{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;transition:all .3s ease}.monthly-limit-indicator.loading{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.monthly-limit-indicator.normal{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.monthly-limit-indicator.warning{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.monthly-limit-indicator .limit-text{font-weight:600}.monthly-limit-indicator .warning-text{font-size:12px;font-weight:500}.monthly-limit-indicator .limit-reached{font-size:12px;font-weight:600;color:#dc2626}.search-filters{background:#fff;padding:24px 32px;border-radius:16px;border:1px solid #e5e7eb;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:32px;box-shadow:0 4px 20px #00000014}.search-input{flex:1;max-width:400px;padding:12px 20px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#f60;box-shadow:0 0 0 4px #ff66001a}.status-filter,.type-filter{padding:12px 20px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;background:#fff;min-width:180px;transition:all .3s ease}.status-filter:focus,.type-filter:focus{outline:none;border-color:#f60;box-shadow:0 0 0 4px #ff66001a}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.content-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);padding:24px;box-shadow:0 4px 15px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;min-height:300px;display:flex;flex-direction:column}.content-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026;border-color:#f60}.content-card-content{display:flex;flex-direction:column;height:100%}.content-info{display:flex;flex-direction:column;flex:1}.content-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.content-badges{display:flex;gap:8px;flex-wrap:wrap}.content-footer{margin-top:auto;display:flex;flex-direction:column;gap:16px}.content-actions{display:flex;gap:8px;flex-wrap:wrap}.content-thumbnail{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin-bottom:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;min-height:140px;max-height:200px}.content-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.content-thumbnail:hover img{transform:scale(1.05)}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;padding:20px;text-align:center}.placeholder-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.placeholder-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:6px}.placeholder-icon{font-size:32px;margin-bottom:12px;opacity:.6}.placeholder-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.content-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.025em}.content-caption{font-size:16px;color:#6b7280;margin:0 0 20px;line-height:1.6;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.content-date{font-size:12px;color:#9ca3af;font-weight:500}.content-type{background:#f60;color:#fff;padding:6px 12px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:11px;box-shadow:0 2px 8px #ff66004d}.content-status{padding:4px 10px;border-radius:6px;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.content-status.luonnos{background:#cea78d;color:#24170f}.content-status.kesken{background:#f60;color:#fff}.content-status.tarkistuksessa{background:#6b462e;color:#fff}.content-status.aikataulutettu{background:#362317;color:#cea78d}.content-status.valmis{background:#4b3120;color:#cea78d}.content-status.julkaistu{background:#28a77f;color:#fff}.content-status.arkistoitu{background:#e5e7eb;color:#374151}.tabs{display:flex;gap:8px;margin:0 0 16px}.tab-button{background:#fff;border:1px solid #e5e7eb;color:#374151;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}.tab-button.active{background:#f60;border-color:#f60;color:#fff;box-shadow:0 2px 8px #ff660040}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;grid-column:1 / -1}.loading-state p{color:#6b7280;font-size:18px;font-weight:500;margin-top:16px}.loading-spinner{width:48px;height:48px;border:4px solid #ff6600;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0;grid-column:1 / -1}.error-state p{color:#dc2626;margin-bottom:20px;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;grid-column:1 / -1;background:#fff;border-radius:20px;border:2px dashed #ff6600;box-shadow:0 8px 25px #ff66001a}.empty-icon{font-size:72px;margin-bottom:24px;opacity:.8}.empty-state h3{font-size:28px;font-weight:800;color:#1f2937;margin:0 0 16px}.empty-state p{font-size:18px;color:#6b7280;margin:0 0 32px;max-width:400px;line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}}.modal{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 8px 16px -4px #0000001a;animation:modalSlideIn .3s ease-out;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 20px;border-bottom:1px solid #e5e7eb;position:relative}.modal-header h2{font-size:24px;font-weight:700;margin:0;color:#1f2937;letter-spacing:-.025em}.modal-close{background:#f3f4f6;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:8px;border-radius:12px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#fee2e2;color:#ef4444;transform:scale(1.05)}.modal-form{padding:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:8px;letter-spacing:.025em;text-transform:uppercase}.form-input,.form-textarea,.form-select{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-family:inherit;background:#fff;transition:all .3s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;background:#fff;transform:translateY(-1px)}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{cursor:pointer}.modal-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(226,232,240,.6)}.view-thumbnail{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin-bottom:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;min-height:200px;max-height:300px}.view-thumbnail-image{width:100%;height:100%;object-fit:cover;object-position:center}.view-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.view-thumbnail-placeholder .placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.6}.view-thumbnail-placeholder p{font-size:14px;color:#64748b;margin:0}.view-content-info{display:flex;flex-direction:column;gap:20px}.view-field{display:flex;flex-direction:column;gap:8px}.view-field label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em}.view-value{font-size:14px;color:#1f2937;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.view-description{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #3b82f6;font-size:14px;line-height:1.6;white-space:pre-wrap}.view-idea{background:#fef3c7;padding:16px;border-radius:8px;border-left:4px solid #f59e0b;font-size:14px;line-height:1.6;white-space:pre-wrap;color:#92400e}.view-blog-post{background:#f0f9ff;padding:16px;border-radius:8px;border-left:4px solid #0ea5e9;font-size:14px;line-height:1.6;color:#0c4a6e;max-height:400px;overflow-y:auto}.view-blog-post h1,.view-blog-post h2,.view-blog-post h3,.view-blog-post h4,.view-blog-post h5,.view-blog-post h6{margin:16px 0 8px;color:#0c4a6e;font-weight:600}.view-blog-post h1{font-size:20px;border-bottom:2px solid #0ea5e9;padding-bottom:8px}.view-blog-post h2{font-size:18px;border-bottom:1px solid #0ea5e9;padding-bottom:6px}.view-blog-post h3{font-size:16px}.view-blog-post p{margin:8px 0;line-height:1.6}.view-blog-post ul,.view-blog-post ol{margin:8px 0;padding-left:20px}.view-blog-post li{margin:4px 0}.view-blog-post strong{font-weight:600;color:#0c4a6e}.view-blog-post em{font-style:italic}.view-blog-post code{background:#e0f2fe;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.view-blog-post pre{background:#e0f2fe;padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0}.view-blog-post pre code{background:none;padding:0}.view-blog-post blockquote{border-left:4px solid #0ea5e9;padding-left:16px;margin:12px 0;font-style:italic;color:#0369a1}.view-blog-post a{color:#0ea5e9;text-decoration:none}.view-blog-post a:hover{text-decoration:underline}.view-blog-post hr{border:none;border-top:1px solid #0ea5e9;margin:16px 0}.content-type-badge{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.content-status-badge{padding:4px 10px;border-radius:6px;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.content-status-badge.luonnos{background:#fef3c7;color:#92400e}.content-status-badge.kesken{background:#dbeafe;color:#1e40af}.content-status-badge.tarkistuksessa{background:#fce7f3;color:#be185d}.content-status-badge.aikataulutettu{background:#f3e8ff;color:#7c3aed}.content-status-badge.valmis,.content-status-badge.julkaistu{background:#dcfce7;color:#166534}.hashtags-list{display:flex;flex-wrap:wrap;gap:8px}.hashtag{background:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.media-urls-list{display:flex;flex-direction:column;gap:8px}.media-url{background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb}.media-url a{color:#3b82f6;text-decoration:none;font-size:12px;word-break:break-all}.media-url a:hover{text-decoration:underline}.media-preview{display:flex;flex-wrap:wrap;gap:12px}.media-preview-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.media-preview-image{width:120px;height:120px;object-fit:cover;object-position:center;display:block}.media-preview-fallback{width:120px;height:120px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e5e7eb}.media-url-link{color:#3b82f6;text-decoration:none;font-size:11px;word-break:break-all;text-align:center;line-height:1.3}.media-url-link:hover{text-decoration:underline}.empty-field{color:#9ca3af;font-style:italic;font-size:13px}@media (max-width: 1200px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.search-filters{padding:16px 24px;flex-wrap:wrap;gap:12px}.search-input{max-width:250px}}@media (max-width: 768px){.blog-newsletter-container{padding:20px 12px}.blog-newsletter-header{margin-bottom:24px}.search-filters{padding:16px 20px;flex-direction:column;align-items:stretch;gap:12px}.search-input{max-width:none}.status-filter,.type-filter{width:100%}.content-grid{grid-template-columns:1fr;gap:16px}.content-card{padding:16px;min-height:240px}.content-thumbnail{margin-bottom:16px;min-height:120px;max-height:160px}.placeholder-content{padding:16px}.placeholder-icon{font-size:28px;margin-bottom:10px}.placeholder-text{font-size:11px}.content-title{font-size:15px;margin-bottom:6px}.content-caption{font-size:13px;margin-bottom:12px}.content-info{flex:1}.content-header{margin-bottom:12px}.content-badges{gap:6px}.content-type,.content-status{font-size:9px;padding:3px 6px}.content-footer{margin-top:12px}.content-date{font-size:11px}.content-actions{flex-direction:column;gap:6px;margin-top:8px}.modal-overlay{padding:16px}.modal{max-width:100%;border-radius:16px;max-height:90vh}.modal-header{padding:20px 24px 16px}.modal-header h2{font-size:20px}.modal-form{padding:24px}.form-input,.form-textarea,.form-select{padding:14px 16px;font-size:16px}.modal-actions{flex-direction:row;gap:12px}}@media (max-width: 480px){.blog-newsletter-container{padding:12px 4px}.content-grid{margin:0;padding:0 2px}.content-card{margin:0 0 8px;padding:12px;min-height:200px}.content-thumbnail{margin-bottom:12px;min-height:100px;max-height:140px}.placeholder-content{padding:12px}.placeholder-icon{font-size:24px;margin-bottom:8px}.placeholder-text{font-size:10px}.content-title{font-size:14px;margin-bottom:4px}.content-caption{font-size:12px;margin-bottom:10px}.content-type,.content-status{font-size:8px;padding:2px 4px}.content-date{font-size:10px}.modal-overlay{padding:12px}.modal{border-radius:12px}.modal-header{padding:16px 20px 12px}.modal-header h2{font-size:18px}.modal-form{padding:20px}.form-group{margin-bottom:16px}.form-group label{font-size:12px;margin-bottom:6px}.form-input,.form-textarea,.form-select{padding:12px 14px;font-size:14px}.form-textarea{min-height:100px}.modal-actions{flex-direction:row;gap:8px}}.admin-blog-page{min-height:100vh;background:#f8f5ed;padding-bottom:60px}.article-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin:16px 0}.article-preview h4{margin:0 0 12px;color:#333;font-size:18px;font-weight:600}.article-preview p{margin:8px 0;color:#666;font-size:14px}.article-preview strong{color:#333;font-weight:600}.layout-container{max-width:1200px;margin:0 auto;padding:0 20px}.admin-header{background:#fff;border-radius:20px;padding:40px;margin:30px 0;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.admin-header .page-title,.admin-header .page-description{color:#333!important}.admin-header h1.page-title,.admin-header p.page-description{color:#000!important;text-shadow:none!important}.admin-blog-page .admin-header,.admin-blog-page .admin-header h1,.admin-blog-page .admin-header p{color:#000!important}.header-content{flex:1;min-width:300px}.page-title{font-size:2.5rem;font-weight:700;color:#333!important;margin-bottom:15px}.page-description{font-size:1.1rem;color:#666!important;line-height:1.5}.add-article-btn{padding:12px 24px;font-size:1rem;font-weight:600;white-space:nowrap}.form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.form-modal{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 20px;border-bottom:2px solid #f0f0f0}.modal-header h2{font-size:1.8rem;font-weight:700;color:#333;margin:0}.close-btn{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#f0f0f0;color:#333}.article-form{padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.radio-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border:2px solid #e1e5e9;border-radius:12px;transition:all .3s ease;background:#fafbfc}.radio-label:hover{border-color:#cea78d;background:#f8f5ed}.radio-label input[type=radio]{width:18px;height:18px;accent-color:#ff6600;cursor:pointer}.radio-label input[type=radio]:checked+.radio-text{color:#f60;font-weight:600}.radio-text{font-size:.95rem;color:#555;font-weight:500;transition:color .3s ease}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2c3e50}.form-group textarea{resize:vertical;min-height:60px}.form-help{display:block;font-size:.85rem;color:#666;margin-top:6px;font-style:italic}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:2px solid #f0f0f0}.admin-main{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a}.articles-list h2{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:30px}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.draft{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.articles-table{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;font-weight:600;font-size:.95rem}.header-cell{padding:20px;display:flex;align-items:center}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #f0f0f0;transition:background-color .3s ease}.table-row:hover{background-color:#f8f9fa}.table-row:last-child{border-bottom:none}.cell{padding:20px;display:flex;align-items:center}.title-cell .article-info h3{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 5px}.article-slug{font-size:.85rem;color:#2c3e50;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.category-cell{color:#666;font-weight:500}.date-cell{color:#666;font-size:.9rem}.actions-cell{gap:10px}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:#2c3e50;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2c3e5066}.btn-secondary{background:#f60;color:#333;border:2px solid #ff6600}.btn-secondary:hover{background:#e9ecef;border-color:#ced4da}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c66}.btn-small{padding:6px 12px;font-size:.85rem}.no-articles{text-align:center;padding:60px 20px;color:#666}.no-articles p{font-size:1.1rem;margin:0}.loading-container{text-align:center;padding:80px 20px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #2c3e50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-upload-area{border:3px dashed #e1e5e9;border-radius:15px;padding:30px;text-align:center;transition:all .3s ease;background:#fafbfc;cursor:pointer;position:relative}.image-upload-area:hover{border-color:#cea78d;background:#f8f5ed}.image-upload-area.drag-active{border-color:#f60;background:#fff5f0;transform:scale(1.02)}.image-upload-area.uploading{border-color:#f60;background:#fff5f0;pointer-events:none}.image-upload-area.required-field{border-color:#dc3545;background:#fff5f5;animation:pulse-required 2s infinite}.required-text{color:#dc3545;font-weight:600;font-size:.9rem;margin:8px 0}@keyframes pulse-required{0%,to{border-color:#dc3545;background:#fff5f5}50%{border-color:#ff6b6b;background:#ffe8e8}}.upload-placeholder{cursor:pointer;position:relative}.upload-placeholder:hover{color:#2c3e50}.upload-icon{font-size:3rem;margin-bottom:15px}.upload-placeholder h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:8px}.upload-placeholder p{color:#666;font-size:.9rem;margin:0}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2c3e50;border-radius:50%;animation:spin 1s linear infinite}.uploaded-image{width:100%;max-width:300px}.uploaded-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:15px}.image-actions{display:flex;justify-content:center;gap:10px}.manual-url-section{margin-top:15px;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.manual-url-section summary{cursor:pointer;font-weight:500;color:#2c3e50;margin-bottom:10px}.manual-url-input{width:100%;margin-top:10px}@media (max-width: 768px){.layout-container{padding:0 15px}.admin-header{padding:30px 25px;flex-direction:column;text-align:center}.page-title{font-size:2rem}.form-modal{margin:10px;max-height:95vh}.modal-header{padding:25px 25px 20px}.article-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.admin-main{padding:30px 25px}.articles-table{font-size:.9rem}.table-header,.table-row{grid-template-columns:1fr;gap:10px}.header-cell,.cell{padding:15px}.actions-cell{justify-content:center}.form-actions{flex-direction:column}}@media (max-width: 480px){.admin-header{padding:25px 20px}.page-title{font-size:1.8rem}.form-modal{margin:5px}.modal-header{padding:20px 20px 15px}.modal-header h2{font-size:1.5rem}.article-form{padding:20px}.admin-main{padding:25px 20px}.btn{padding:8px 16px;font-size:.9rem}}.meeting-notes-container{width:100%;max-width:1400px;margin:0 auto;padding:24px 16px}.meeting-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.meeting-notes-header h2{margin:0;font-size:24px;font-weight:800;color:#1f2937;letter-spacing:-.025em}.btn-primary{background:#f60;color:#fff;border:1px solid #ff6600;padding:10px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff660040}.btn-primary:hover{background:#e55e00;border-color:#e55e00;box-shadow:0 4px 12px #ff660059;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#f60;border:1px solid #ff6600;padding:10px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#fff5f0;color:#e55e00;border-color:#e55e00;transform:translateY(-1px)}.error-message{background:var(--error-background);color:var(--error-color);padding:16px;border-radius:8px;margin-bottom:24px}.meeting-notes-form{background:var(--background-secondary);padding:24px;border-radius:12px;margin-bottom:32px;border:1px solid var(--border-color)}.meeting-notes-form h3{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--background-primary);color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.meeting-notes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.meeting-note-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:24px;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 4px 15px #00000014}.meeting-note-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026;border-color:#f60}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.note-badges{display:flex;gap:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--text-secondary);background:var(--background-primary);border:1px solid var(--border-color)}.note-header h3{margin:0;font-size:20px;font-weight:800;color:#1f2937;flex:1;letter-spacing:-.02em}.note-actions{display:flex;gap:8px}.btn-edit{background:var(--warning-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-edit:hover{background:var(--warning-hover)}.btn-delete{background:var(--error-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-delete:hover{background:var(--error-hover)}.note-meta{display:flex;gap:16px;margin-bottom:16px;font-size:14px;color:#6b7280}.note-date{font-weight:500}.note-content{line-height:1.6;color:#374151;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.note-content p{margin:0;white-space:pre-wrap}@media (max-width: 768px){.meeting-notes-container{padding:16px 8px}.meeting-notes-list{grid-template-columns:1fr}.meeting-notes-header{flex-direction:column;gap:16px;align-items:stretch}.meeting-notes-header h2{text-align:center}.note-header{flex-direction:column;gap:12px}.note-actions{align-self:flex-end}.form-actions{flex-direction:column}.note-meta{flex-direction:column;gap:8px}}