:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162033;background-color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box}button,input,textarea,select{font:inherit}.auth-shell,.app-shell{min-height:100vh;padding:48px 20px;color:#172033;background:linear-gradient(180deg,#f5f7fb,#edf3f8)}.auth-shell.dark-mode,.app-shell.dark-mode{color:#e8eef7;background:linear-gradient(180deg,#0a0f18,#101827)}html{scrollbar-color:#88a3b8 transparent;scrollbar-width:thin;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{touch-action:pan-x pan-y}::selection{background:#bfe9ef;color:#0b3037}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:1px solid transparent;background-clip:content-box;border-radius:999px;background-color:#88a3b8}::-webkit-scrollbar-thumb:hover{background-color:#607a92}.auth-panel,.todo-panel,.boards-panel,.profile-panel,.billing-panel,.admin-panel,.analytics-panel{width:min(760px,100%);margin:0 auto;border:1px solid #dbe3ef;border-radius:8px;background:#fffffff5;box-shadow:0 24px 60px #17203324;overflow:hidden}.auth-panel{width:min(460px,100%)}.auth-restore-shell{display:grid;place-items:center}.auth-restore-panel{display:grid;justify-items:center;gap:16px;padding:28px;text-align:center}.auth-restore-panel h1{margin:0;font-size:1.35rem}.auth-restore-panel p{margin:0}.auth-restore-panel .processing-status{justify-content:center}.whatsapp-setup-prompt{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:14px;border:1px solid #bee3cf;border-radius:8px;background:linear-gradient(135deg,#f0fdf4,#ecfeff);box-shadow:0 14px 32px #1162351a}.whatsapp-setup-prompt>div:first-child{display:grid;gap:4px;min-width:0}.whatsapp-setup-prompt strong{color:#14532d;font-size:1rem}.whatsapp-setup-prompt span{color:#35604a;font-size:.88rem;line-height:1.45}.whatsapp-setup-prompt>div:last-child{display:flex;align-items:center;flex-shrink:0;gap:8px}.admin-panel,.analytics-panel,.billing-panel{width:95vw}.profile-panel{width:min(90vw,1120px)}.public-shell{display:grid;align-content:start;gap:20px}.public-menu,.public-card,.public-hero{width:min(95vw,1180px);margin:0 auto;border:1px solid #dbe3ef;border-radius:8px;background:#fffffff5;box-shadow:0 24px 60px #1720331f}.public-menu{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:64px;padding:10px 14px}.public-menu-links{display:flex;align-items:center;justify-content:center;gap:6px}.public-menu-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.public-menu-links button{min-height:38px;padding:0 14px;border-color:transparent;background:transparent;color:#526070}.public-menu-links button:hover:not(:disabled),.public-menu-links button.selected{background:#eefafa;color:#0b5961;box-shadow:none}.public-login-button{min-height:38px;padding:0 14px;border:1px solid #0f7f8c;border-radius:8px;background:#0f7f8c;color:#fff;font-size:.88rem;font-weight:800;white-space:nowrap}.public-login-button:hover:not(:disabled),.public-login-button.selected{border-color:#0b5961;background:#0b5961;color:#fff;box-shadow:0 10px 22px #0f7f8c2e}.public-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:28px;padding:38px;overflow:hidden}.public-hero-copy{display:grid;gap:18px}.referral-landing-badge{align-items:center;display:inline-flex;width:fit-content;gap:8px;padding:9px 12px;border:1px solid #b9eaf0;border-radius:999px;background:#e8fbff;color:#0f7480;font-size:.86rem;font-weight:900}.public-hero-copy h1,.public-page-card h1{max-width:760px;font-size:clamp(2rem,5vw,4rem);line-height:.98}.public-hero-copy p:not(.eyebrow),.public-lead{max-width:680px;margin:0;color:#526070;font-size:1rem;font-weight:600;line-height:1.65}.public-actions{display:flex;flex-wrap:wrap;gap:10px}.launch-offer-card{display:grid;gap:8px;margin-top:12px;padding:11px 12px;border:1px solid #b9eaf0;border-radius:8px;background:#eefafaad;color:#172033}.launch-offer-card strong{font-size:.92rem;line-height:1.3}.launch-offer-card p{margin:0;color:#526070;font-size:.8rem;font-weight:650;line-height:1.45}.launch-offer-card.compact{max-width:560px;margin-top:0;padding:12px}.launch-offer-card.compact strong{font-size:.95rem}.launch-offer-card.compact p{font-size:.84rem}.launch-offer-badge{width:fit-content;padding:4px 8px;border-radius:999px;background:#075f69;color:#fff;font-size:.66rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.launch-offer-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#0b5961;font-size:.76rem;font-weight:900}.launch-offer-bar{overflow:hidden;height:6px;border-radius:999px;background:#dbeaf0}.launch-offer-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f7f8c,#30c36b)}.hero-proof-points{display:flex;flex-wrap:wrap;gap:8px}.hero-proof-points span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #b8d9dd;border-radius:999px;background:#eefafa;color:#0b5961;font-size:.8rem;font-weight:850;letter-spacing:0}.product-preview{display:grid;gap:14px;min-height:360px;padding:14px;border:1px solid #d4deeb;border-radius:8px;background:linear-gradient(180deg,#f8fcfd,#eef4f8);box-shadow:inset 0 1px #fffc}.preview-toolbar{display:flex;gap:7px}.preview-toolbar span{width:10px;height:10px;border-radius:50%;background:#86cbd3}.preview-toolbar span:nth-child(2){background:#f0b45f}.preview-toolbar span:nth-child(3){background:#ee7d85}.preview-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-column{display:grid;align-content:start;gap:10px;min-height:292px;padding:12px;border:1px solid #dde7f1;border-radius:8px;background:#fff}.preview-column strong{color:#172033}.preview-task,.preview-chat{display:block;padding:11px;border:1px solid #e1e8f0;border-left-width:4px;border-radius:7px;background:#f8fbfd;color:#344154;font-size:.88rem;font-weight:700}.preview-task.high{border-left-color:#d94848}.preview-task.medium{border-left-color:#d9902f}.preview-task.low{border-left-color:#2f9c63}.preview-chat{border-left-color:#0f7f8c;background:#0f7f8c;color:#e8fbff}.public-scroll-pitch{display:grid;justify-items:center;gap:16px;width:min(95vw,1180px);padding-top:46px;padding-bottom:42px;border:1px solid #dbe3ef;border-radius:8px;background:linear-gradient(135deg,#fff,#f5fbfc 58%,#eefafa);text-align:center}.scroll-pitch-icon{display:grid;place-items:center;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:inherit;font-size:3rem;line-height:1;box-shadow:none}.public-scroll-pitch h2{max-width:820px;margin:0;color:#172033;font-size:clamp(1.9rem,4vw,3.35rem);line-height:1.05}.public-scroll-pitch>p:not(.eyebrow){max-width:740px;margin:0;color:#526070;font-size:1.02rem;font-weight:650;line-height:1.7}.scroll-pitch-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;width:min(100%,720px);padding:18px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;text-align:left;box-shadow:0 16px 35px #1720330f}.scroll-pitch-card svg{color:#0f7f8c}.scroll-pitch-card div{display:grid;gap:5px}.scroll-pitch-card strong{color:#172033;font-size:1rem}.scroll-pitch-card span,.public-scroll-pitch small{color:#526070;font-size:.92rem;font-weight:650;line-height:1.5}.scroll-pitch-actions{justify-content:center}.public-scroll-pitch small:first-of-type{color:#8793a3;font-style:italic}.public-page-card{display:grid;gap:20px;padding:34px}.public-feature-grid,.pricing-grid,.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.public-feature-grid article,.pricing-card,.contact-grid article{display:grid;align-content:start;gap:10px;padding:16px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fbfd}.public-feature-grid svg,.contact-grid svg{color:#0f7f8c}.public-feature-grid strong,.contact-grid strong{color:#172033;font-size:1rem}.public-feature-grid span,.contact-grid span,.pricing-card li{color:#526070;font-size:.9rem;font-weight:600;line-height:1.5}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-toggle{display:inline-flex;width:max-content;max-width:100%;padding:4px;border:1px solid #cfd9e8;border-radius:8px;background:#f8fbfd}.billing-toggle button{min-height:34px;padding:0 14px;border-color:transparent;background:transparent;color:#526070}.billing-toggle button.selected{background:#0f7f8c;color:#fff;box-shadow:0 8px 18px #0f7f8c29}.pricing-card{min-height:310px}.pricing-card.highlighted{border-color:#86cbd3;background:#eefafa}.pricing-name{width:max-content;max-width:100%;padding:4px 8px;border:1px solid #b8d9dd;border-radius:999px;color:#0b5961;font-size:.78rem;font-weight:800}.pricing-card strong{color:#172033;font-size:1.85rem}.pricing-card strong small{color:#687586;font-size:.86rem}.pricing-card-copy{margin:0;color:#253348;font-size:.9rem;font-weight:700;line-height:1.45}.pricing-note{min-height:22px;color:#687586;font-size:.82rem;font-weight:700}.pricing-card ul{display:grid;gap:8px;margin:0;padding-left:18px}.pricing-card button{align-self:end;margin-top:auto}.public-home-section{gap:18px}.comparison-table{display:grid;overflow:hidden;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.comparison-table>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table>div+div{border-top:1px solid #e4eaf3}.comparison-table :is(strong,span){padding:12px 14px}.comparison-table strong{background:#eefafa;color:#0b5961}.comparison-table span{color:#526070;font-size:.92rem;font-weight:650;line-height:1.45}.comparison-table :is(strong,span):first-child{border-right:1px solid #e4eaf3}.audience-grid,.trust-grid,.public-faq-grid{display:grid;gap:10px}.audience-grid,.trust-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.audience-grid span,.trust-grid span{padding:10px 12px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fbfd;color:#253348;font-size:.9rem;font-weight:700}.public-faq-section{display:grid;gap:14px;padding-top:10px;border-top:1px solid #e4eaf3}.public-trial-highlight{width:fit-content;max-width:100%;padding:12px 16px;border:1px solid #8ddfdc;border-radius:12px;background:linear-gradient(135deg,#0f7f8c1f,#4f46e514),#f4feff;color:#075f69;font-size:.98rem;font-weight:900;line-height:1.35;box-shadow:0 14px 30px #0f7f8c1f}.public-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-faq-grid article{display:grid;gap:6px;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fbfd}.public-faq-grid strong{color:#172033;font-size:.95rem}.public-faq-grid span{color:#526070;font-size:.88rem;font-weight:600;line-height:1.45}.dark-mode .pricing-card-copy{color:#d9e8f5}.dark-mode .pricing-note{color:#a8b6c8}.dark-mode .public-trial-highlight{border-color:#14b8a66b;background:linear-gradient(135deg,#14b8a629,#4f46e51f),#0f1a2a;color:#9ff3ee;box-shadow:0 16px 34px #0000003d}.dark-mode .comparison-table,.dark-mode .public-faq-grid article,.dark-mode .audience-grid span,.dark-mode .trust-grid span{border-color:#28364a;background:#111c2b}.dark-mode .comparison-table>div+div,.dark-mode .comparison-table :is(strong,span):first-child,.dark-mode .public-faq-section{border-color:#28364a}.dark-mode .comparison-table strong{background:#123244;color:#8ee7f2}.dark-mode .comparison-table span,.dark-mode .public-faq-grid span{color:#a8b6c8}.dark-mode .audience-grid span,.dark-mode .trust-grid span,.dark-mode .public-faq-grid strong{color:#eef5fb}.contact-page{grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);gap:26px;align-items:start}.contact-copy{display:grid;gap:18px}.contact-grid{grid-template-columns:1fr}.contact-form{display:grid;gap:14px;padding:18px;border:1px solid #dbe3ef;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 18px 40px #1720331a}.contact-form-header{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid #e3ebf4}.contact-form-header strong{color:#172033;font-size:1.15rem}.contact-form-header span{color:#687586;font-size:.88rem;font-weight:650}.contact-form label{display:grid;gap:8px;color:#344154;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{min-height:42px;padding:10px 12px;border:1px solid #cfd9e8;border-radius:6px;background:#fff;color:#172033;font:inherit}.contact-form textarea{min-height:132px;resize:vertical}.contact-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}.contact-form .form-error,.contact-form .form-success{margin:0}.hidden-field{display:none}.account-appeal-card{display:grid;gap:12px;padding:14px;border:1px solid #fecaca;border-radius:8px;background:#fff7f7}.account-appeal-card>div{display:grid;gap:4px}.account-appeal-card strong{color:#991b1b;font-size:.95rem}.account-appeal-card span,.account-appeal-card small{color:#7f1d1d;font-size:.84rem;font-weight:650}.account-appeal-card textarea{min-height:86px;resize:vertical}.public-auth-panel{margin-top:0}.magic-auth-card{display:grid;gap:14px;margin:14px 32px 8px;padding:16px;border:1px solid #b8d9dd;border-radius:8px;background:linear-gradient(135deg,#eefafa,#fff)}.magic-auth-card strong{display:block;margin-top:8px;color:#172033;font-size:1.06rem;line-height:1.25}.magic-auth-card p{margin:5px 0 0;color:#526070;font-size:.88rem;font-weight:650;line-height:1.45}.magic-auth-form{display:grid;gap:10px}.magic-auth-form label{display:grid;gap:7px;color:#344154;font-size:.88rem;font-weight:800}.magic-auth-form .primary-action,.magic-auth-card .google-action{width:100%;justify-content:center}.auth-separator{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#7a8797;font-size:.78rem;font-weight:900;text-transform:uppercase}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#dbe3ef}.password-auth-heading{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#526070;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.password-auth-heading:before,.password-auth-heading:after{content:"";height:1px;background:#dbe3ef}.auth-panel-status{margin:0 32px 8px;width:calc(100% - 64px);box-sizing:border-box;justify-self:center;text-align:center}.public-auth-panel .auth-action-row{grid-template-columns:minmax(0,1fr) 46px;align-items:center;width:100%}.public-auth-panel .auth-action-row.single{grid-template-columns:1fr}.public-auth-panel .auth-action-row .primary-action{min-height:46px}.public-auth-panel .auth-clear-button{width:46px;min-width:46px;height:46px;min-height:46px;margin:0}.dark-mode .magic-auth-card{border-color:#7dd3de42;background:linear-gradient(135deg,#0f7f8c24,#0c1624c7)}.dark-mode .magic-auth-card strong{color:#f8fbff}.dark-mode .magic-auth-card p,.dark-mode .password-auth-heading{color:#b8c5d6}.dark-mode .magic-auth-form label{color:#d7e2ee}.dark-mode .auth-separator:before,.dark-mode .auth-separator:after,.dark-mode .password-auth-heading:before,.dark-mode .password-auth-heading:after{background:#7dd3de2e}.auth-switch-button{display:inline-flex;align-items:center;justify-content:center;width:calc(100% - 64px);min-height:44px;margin:4px 32px 24px;padding:0 16px;border:1px solid #b8d9dd;border-radius:8px;background:#eefafa;color:#0b5961;font-size:.92rem;font-weight:900;letter-spacing:0}.auth-switch-button:hover:not(:disabled){border-color:#0f7f8c;background:#dff7f9;color:#074f58;box-shadow:0 10px 22px #0f7f8c24}.auth-switch-button:disabled{cursor:not-allowed;opacity:.55}.dark-mode .auth-switch-button{border-color:#7dd3de47;background:#0f7f8c1f;color:#c8f7ff}.dark-mode .auth-switch-button:hover:not(:disabled){border-color:#7dd3de85;background:#0f7f8c33;color:#fff}.public-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px;width:min(95vw,1180px);margin:0 auto;padding:18px 20px;border:1px solid #dbe3ef;border-radius:8px;background:#ffffffe0;box-shadow:0 16px 38px #17203314}.public-footer div{display:grid;gap:4px;min-width:0}.public-footer div:last-child{justify-items:end;text-align:right}.public-footer strong{color:#172033;font-size:1rem}.made-in-india-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:4px 0 0;padding:8px 12px;border:1px solid rgba(15,109,120,.18);border-radius:999px;background:linear-gradient(135deg,#ff993324,#ffffffdb,#1388081f);color:#172033;font-size:.88rem;font-weight:800;letter-spacing:.01em;box-shadow:0 12px 26px #17203314}.made-in-india-footer{color:#0f6d78;font-size:.82rem;font-weight:800}.public-footer span,.public-footer small{color:#526070;font-size:.84rem;font-weight:650}.footer-legal-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.footer-legal-links button{min-height:28px;padding:0;border:0;background:transparent;color:#0f6d78;font-size:.8rem}.footer-legal-links button:hover:not(:disabled){background:transparent;color:#0b5961;box-shadow:none;text-decoration:underline}.legal-page{gap:22px}.legal-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legal-section-grid article{display:grid;gap:8px;padding:16px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fbfd}.legal-section-grid strong{color:#172033}.legal-section-grid p{margin:0;color:#526070;font-size:.92rem;font-weight:600;line-height:1.6}.blog-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blog-card{display:grid;gap:14px;align-content:space-between;min-height:300px;padding:18px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fbfd}.blog-card>div:first-child{display:grid;gap:9px}.blog-card strong{color:#172033;font-size:1.12rem;line-height:1.35}.blog-card p{margin:0;color:#526070;font-size:.92rem;font-weight:650;line-height:1.6}.blog-date,.blog-meta-row span,.blog-keywords span{color:#0b5961;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.blog-keywords,.blog-meta-row{display:flex;flex-wrap:wrap;gap:8px}.blog-keywords span,.blog-meta-row span{padding:6px 9px;border:1px solid #b8d9dd;border-radius:999px;background:#eefafa}.blog-back-link{justify-self:flex-start}.whatsapp-flow-section{gap:18px}.whatsapp-flow-section h2{margin:0;color:#111827;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.05}.whatsapp-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.whatsapp-flow-grid article{display:grid;gap:10px;padding:18px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fbfd}.whatsapp-flow-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#14939f;color:#fff;font-size:.95rem;font-weight:900}.whatsapp-flow-grid strong{color:#172033;font-size:1.02rem}.whatsapp-flow-grid p{margin:0;color:#526070;font-size:.92rem;font-weight:650;line-height:1.55}.boards-panel-opened,.boards-panel,.todo-panel{width:95vw}.dark-mode .auth-panel,.dark-mode .public-menu,.dark-mode .public-card,.dark-mode .public-hero,.dark-mode .public-scroll-pitch,.dark-mode .public-footer,.dark-mode .todo-panel,.dark-mode .boards-panel,.dark-mode .profile-panel,.dark-mode .billing-panel,.dark-mode .admin-panel,.dark-mode .analytics-panel,.dark-mode .menu-bar,.dark-mode .confirm-modal,.dark-mode .task-modal{border-color:#28364a;background:#121b2af5;box-shadow:0 24px 60px #0000004d}.app-made-in-india{width:95vw;margin:18px auto 28px;color:#526070;font-size:.82rem;font-weight:800;text-align:center}.dark-mode .auth-intro,.dark-mode .app-header,.dark-mode .contact-form-header,.dark-mode .boards-panel header,.dark-mode .profile-panel header,.dark-mode .billing-panel header,.dark-mode .admin-panel header,.dark-mode .analytics-panel header,.dark-mode .summary,.dark-mode .board-panel,.dark-mode .opened-board-panel,.dark-mode .opened-board-header,.dark-mode .board-chat-panel,.dark-mode .board-task-panel{border-color:#28364a}.dark-mode .brand-link,.dark-mode .public-menu-links button,.dark-mode .public-login-button,.dark-mode .menu-links button,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode .whatsapp-flow-section h2,.dark-mode .public-scroll-pitch h2,.dark-mode .scroll-pitch-card strong,.dark-mode .preview-column strong,.dark-mode .public-feature-grid strong,.dark-mode .whatsapp-flow-grid strong,.dark-mode .blog-card strong,.dark-mode .contact-grid strong,.dark-mode .contact-form-header strong,.dark-mode .pricing-card strong,.dark-mode .public-footer strong,.dark-mode .legal-section-grid strong,.dark-mode .profile-summary strong,.dark-mode .board-task-card strong,.dark-mode .modal-copy strong,.dark-mode .menu-identity strong,.dark-mode .user-row strong{color:#f4f7fb}.dark-mode .user-line,.dark-mode .auth-intro p:last-child,.dark-mode .public-hero-copy p:not(.eyebrow),.dark-mode .public-scroll-pitch>p:not(.eyebrow),.dark-mode .scroll-pitch-card span,.dark-mode .public-scroll-pitch small,.dark-mode .public-lead,.dark-mode .public-feature-grid span,.dark-mode .whatsapp-flow-grid p,.dark-mode .blog-card p,.dark-mode .contact-grid span,.dark-mode .pricing-card li,.dark-mode .pricing-note,.dark-mode .pricing-card strong small,.dark-mode .contact-form-header span,.dark-mode .public-footer span,.dark-mode .public-footer small,.dark-mode .legal-section-grid p,.dark-mode .menu-user,.dark-mode .menu-identity small,.dark-mode .menu-plan-badge small,.dark-mode .filter-group>span,.dark-mode .date-field span,.dark-mode .priority-field span,.dark-mode .board-selector span,.dark-mode .opened-board-header span,.dark-mode .board-card-meta,.dark-mode .board-chat-panel header span,.dark-mode .board-task-panel header span,.dark-mode .board-list-toolbar>span,.dark-mode .board-task-header-actions>span,.dark-mode .profile-summary span,.dark-mode .profile-stats span,.dark-mode .admin-panel header span,.dark-mode .analytics-panel header span,.dark-mode .user-row span,.dark-mode .task-timestamps,.dark-mode .assignee-list,.dark-mode .modal-copy{color:#a8b6c8}.dark-mode .made-in-india-badge{border-color:#2dd4bf38;background:linear-gradient(135deg,#ff993329,#121b2ae6,#1388082e);color:#f4f7fb}.dark-mode .made-in-india-footer,.dark-mode .app-made-in-india{color:#7dd3fc}.dark-mode input,.dark-mode select,.dark-mode textarea,.dark-mode .task-modal textarea{border-color:#33445d;background-color:#0f1724;color:#e8eef7;box-shadow:inset 0 1px #ffffff08}.dark-mode .profile-notification-section{border-color:#263a52;background:#101c2d}.dark-mode .account-appeal-card{border-color:#7f1d1d;background:#450a0a6b}.dark-mode .account-appeal-card strong{color:#fecaca}.dark-mode .account-appeal-card span,.dark-mode .account-appeal-card small{color:#fca5a5}.dark-mode .whatsapp-setup-prompt{border-color:#27744d;background:linear-gradient(135deg,#102b20,#102f3d);box-shadow:0 16px 34px #00000038}.dark-mode .whatsapp-setup-prompt strong{color:#8ee7b1}.dark-mode .whatsapp-setup-prompt span{color:#b7d8c5}.whatsapp-setup-modal{position:relative;display:grid;grid-template-columns:1fr;width:min(620px,calc(100vw - 44px));gap:18px;border-color:#23445a;background:linear-gradient(180deg,#0f7f8c14,#0f172a05),#fff}.whatsapp-setup-modal .modal-close-button{position:absolute;top:20px;right:20px}.whatsapp-setup-modal>div:first-of-type{grid-column:1 / -1;padding-right:58px}.whatsapp-setup-form{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.whatsapp-setup-form .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.whatsapp-setup-form .modal-actions button{width:auto;min-width:0}.whatsapp-setup-form .modal-copy,.whatsapp-setup-form .form-error,.whatsapp-setup-form .form-success,.whatsapp-setup-form .modal-actions{grid-column:1 / -1}.whatsapp-setup-form label{display:grid;gap:6px;color:#405166;font-size:.82rem;font-weight:850}.whatsapp-setup-form input,.whatsapp-setup-form select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d7e0ec;border-radius:8px;background:#fff;color:#172033;font:inherit;font-weight:700}.modal-copy.compact{margin:0;font-size:.82rem}.dark-mode .whatsapp-setup-modal{border-color:#263a52;background:linear-gradient(180deg,#14b8a614,#0f172a00),#101826}.dark-mode .whatsapp-setup-form label{color:#cbd6e5}.dark-mode .whatsapp-setup-form input,.dark-mode .whatsapp-setup-form select{border-color:#28364a;background:#111c2b;color:#edf5ff}@media (max-width: 640px){.whatsapp-setup-modal{width:100%;max-height:calc(100dvh - 18px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.whatsapp-setup-modal>div:first-of-type{padding-right:0}.whatsapp-setup-form{grid-template-columns:1fr}.modal-backdrop:has(.whatsapp-setup-modal){align-items:flex-start;justify-content:center;overflow-y:auto;padding:calc(8px + env(safe-area-inset-top,0px)) 8px 12px}.modal-backdrop:has(.whatsapp-setup-modal) .whatsapp-setup-modal{width:min(100%,560px);max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px));border-radius:14px;padding:16px}.whatsapp-setup-form input,.whatsapp-setup-form select{min-height:48px;font-size:16px}}.dark-mode .profile-billing-panel{border-color:#263a52;background:#101c2d}.dark-mode .remember-option{border-color:#28364a;background:#111c2b;color:#e8eef7}.dark-mode .remember-option strong{color:#f4f7fb}.dark-mode .remember-option small{color:#a8b6c8}.dark-mode .remember-option.selected{border-color:#25b6c3;background:#102f36}.dark-mode .remember-switch{border-color:#40536c;background:#0f1724;color:#a8b6c8}.dark-mode .remember-option.selected .remember-switch{border-color:#8ee7f2;background:#0f7f8c;color:#fff}.dark-mode .billing-summary-panel{border-color:#263a52;background:#101c2d}.dark-mode .plan-lock-banner{border-color:#794044;background:#34181d;color:#ffd0d3}.dark-mode .plan-lock-banner strong{color:#ffd0d3}.dark-mode .plan-lock-banner span{color:#ffb4b9}.dark-mode .public-login-button{border-color:#25b6c3;background:#0f7f8c;color:#fff}.dark-mode .public-login-button:hover:not(:disabled),.dark-mode .public-login-button.selected{border-color:#8ee7f2;background:#123244;color:#8ee7f2}.dark-mode .install-prompt{border-color:#28364a;background:#111c2b;box-shadow:0 18px 45px #00000059}.dark-mode .install-prompt strong{color:#eef5fb}.dark-mode .install-prompt span{color:#aebed0}.dark-mode .install-instruction{background:#123244;color:#8ee7f2}.dark-mode .billing-facts article,.dark-mode .billing-info-grid article,.dark-mode .auto-renew-control,.dark-mode .billing-history-row,.dark-mode .plan-benefit-card{border-color:#28364a;background:#162235}.dark-mode .menu-plan-badge{border-color:#2c6d75;border-left-color:#8ee3eb;background:#10232a;color:#8ee3eb}.dark-mode .plan-benefit-card.current{border-color:#25b6c3;background:#102f36;box-shadow:0 16px 34px #05141c59}.dark-mode .plan-benefit-card p,.dark-mode .plan-benefit-card strong{color:#eef5fb}.dark-mode .plan-benefit-card li{color:#a8b6c8}.dark-mode .plan-benefit-card li svg{color:#8ee3eb}.dark-mode .plan-action-stack .payment-method-note{border-color:#275662;background:#102f36;color:#b8edf2}.dark-mode .profile-billing-panel strong,.dark-mode .billing-summary-panel strong,.dark-mode .billing-info-grid strong{color:#eef5fb}.dark-mode .profile-billing-panel span,.dark-mode .billing-summary-panel span,.dark-mode .billing-info-grid span,.dark-mode .auto-renew-control span,.dark-mode .billing-summary-panel p{color:#aebed0}.dark-mode .auto-renew-status-badge.active{background:#123d2a;color:#8ee7b1}.dark-mode .auto-renew-status-badge.inactive{background:#441b1f;color:#ffb4b4}.dark-mode .profile-notification-section strong{color:#eef5fb}.dark-mode .profile-notification-section span{color:#aebed0}.dark-mode .profile-preference-row small{color:#8294aa}.dark-mode .profile-preference-row{border-color:#33445d;background:#162235}.dark-mode .profile-mobile-fields label{color:#cbd6e5}.dark-mode .profile-mobile-fields input,.dark-mode .profile-mobile-fields select{border-color:#28364a;background:#111c2b;color:#edf5ff}.dark-mode .profile-preference-row .preference-state-button.secondary{background:#223149;color:#d7e6f6}.dark-mode .browser-push-icon{border-color:#2f6d80;background:linear-gradient(145deg,#102f3d,#0d2534);color:#8ee7f2}.dark-mode .browser-push-modal h2{color:#edf5ff}.dark-mode .browser-push-modal .modal-copy{color:#aebed0}.dark-mode .browser-push-note{border-color:#28364a;background:#111c2b;color:#cbd6e5}.dark-mode .referral-landing-badge{border-color:#2f6d80;background:#102f3d;color:#8ee7f2}.dark-mode .whatsapp-preference-list{border-color:#2b3c52;background:#101b2a}.dark-mode .whatsapp-verification-panel{border-color:#245846;background:#10251e}.dark-mode .whatsapp-verification-panel strong{color:#9af0bd}.dark-mode .whatsapp-verification-panel span{color:#b6d9c5}.dark-mode .whatsapp-category-row{border-color:#33445d;background:#162235}.dark-mode .whatsapp-category-row span{color:#eef5fb}.dark-mode .whatsapp-category-row small{color:#94a6bc}.dark-mode .preference-state-button{background:#26364b;color:#aebed0}.dark-mode .preference-state-button.active{background:#34c6d7;color:#08222b}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#7f90a6}.dark-mode input:hover,.dark-mode select:hover,.dark-mode textarea:hover{border-color:#4a5f7b}.dark-mode .public-menu-links button:hover,.dark-mode .public-menu-links button.selected,.dark-mode .menu-links button:hover,.dark-mode .menu-links button.selected,.dark-mode .menu-install-button:hover:not(:disabled),.dark-mode .menu-profile-button:hover:not(:disabled),.dark-mode .toolbar button:hover:not(.selected),.dark-mode .logout-button:hover:not(:disabled),.dark-mode .open-button:hover:not(:disabled),.dark-mode .cancel-button:hover:not(:disabled),.dark-mode .summary button:hover:not(:disabled),.dark-mode .segmented-control button:hover:not(.selected){border-color:#3b506c;background:#182438;color:#f4f7fb}.dark-mode .menu-links button.selected,.dark-mode .segmented-control button.selected{border-color:#34c6d7;background:#0f7f8c;color:#fff}.dark-mode .menu-install-button{border-color:#2c6b78;background:#123244;color:#8ee7f2}.dark-mode .menu-test-whatsapp-button{border-color:#27744d;background:#102b20;color:#8ee7b1}.dark-mode .menu-lock-button{border-color:#28364a;background:#111c2b;color:#e8eef7}.dark-mode .role-badge,.dark-mode .avatar,.dark-mode .menu-avatar,.dark-mode .suggestion-avatar{border-color:#31566b;background:#123244;color:#8ee7f2}.dark-mode .segmented-control,.dark-mode .billing-toggle,.dark-mode .product-preview,.dark-mode .public-feature-grid article,.dark-mode .whatsapp-flow-grid article,.dark-mode .legal-section-grid article,.dark-mode .blog-card,.dark-mode .pricing-card,.dark-mode .contact-grid article,.dark-mode .contact-form,.dark-mode .member-suggestions,.dark-mode .board-invite-panel,.dark-mode .todo-list li,.dark-mode .complete-button,.dark-mode .board-card,.dark-mode .opened-board-panel,.dark-mode .opened-board-header,.dark-mode .member-panel,.dark-mode .board-chat-panel,.dark-mode .board-task-card,.dark-mode .board-task-panel,.dark-mode .lock-screen-card,.dark-mode .profile-stats article,.dark-mode .dashboard-overview article,.dark-mode .admin-report-panel article,.dark-mode .plan-price-card,.dark-mode .admin-payment-row,.dark-mode .kanban-column,.dark-mode .kanban-task,.dark-mode .activity-log-panel,.dark-mode .activity-log-list article,.dark-mode .task-collaboration-section,.dark-mode .task-comment-list article,.dark-mode .checklist-row,.dark-mode .attachment-list a,.dark-mode .reminder-strip,.dark-mode .member-chip,.dark-mode .drag-handle,.dark-mode .summary,.dark-mode .upload-button,.dark-mode .open-button,.dark-mode .cancel-button{border-color:#28364a;background:#111c2b;color:#e8eef7}.dark-mode .lock-screen{background:linear-gradient(180deg,#090e17f0,#0c1e26f0)}.dark-mode .lock-screen-card p{color:#9aacbf}.dark-mode .lock-screen-icon{background:#123244;color:#8ee7f2}.dark-mode .approval-actions>span,.dark-mode .checklist-row input:checked+span{color:#b7c5d6}.dark-mode .checklist-row{border-color:#35506a;background:#17253a;color:#f4f8fc}.dark-mode .checklist-row:has(input:checked){border-color:#34c6d7;background:#123244}.dark-mode .checklist-row input{border-color:#5f7d99;background:#0f1724;accent-color:#34c6d7}.dark-mode .checklist-row input:checked{border-color:#34c6d7;background:#34c6d7}.dark-mode .checklist-row span{color:#f4f8fc}.dark-mode .checklist-row .icon-button{color:#b7c5d6}.dark-mode .checklist-row .icon-button:hover:not(:disabled){color:#ff8f8f}.dark-mode .checklist-section>div:first-child span{background:#123244;color:#8ee7f2}.dark-mode .checklist-list>span{color:#9aacbf}.dark-mode .comments-section>div:first-child span{background:#17253a;color:#b7c5d6}.dark-mode .task-comment-list>span,.dark-mode .task-comment-list article small{color:#9aacbf}.dark-mode .task-comment-list article{border-color:#35506a;background:#17253a}.dark-mode .task-comment-list article p,.dark-mode .task-comment-list article strong{color:#f4f8fc}.dark-mode .board-invite-panel strong{color:#f4f7fb}.dark-mode .board-invite-panel span{color:#a8b6c8}.dark-mode .opened-board-meta>span{border-color:#28364a;background:#111c2b;color:#cbd6e5}.dark-mode .board-side-column,.dark-mode .board-chat-list,.dark-mode .activity-log-list,.dark-mode .notification-panel{scrollbar-color:#526b83 transparent}.dark-mode .reminder-strip span{background:#123244;color:#8ee7f2}.dark-mode .todo-list li:hover,.dark-mode .board-card:hover,.dark-mode .member-suggestions button:hover{border-color:#3b506c;background:#152235}.dark-mode .todo-list li.due-today,.dark-mode .kanban-task.due-today,.dark-mode .board-task-card.due-today{border-color:#ef4444;background:#2a1118;color:#fecaca}.dark-mode .todo-list li.due-today .todo-title small,.dark-mode .kanban-task.due-today>span,.dark-mode .board-task-card.due-today .board-task-info span{color:#fca5a5}.dark-mode .preview-column,.dark-mode .preview-task{border-color:#28364a;background:#0f1724;color:#cbd6e5}.dark-mode .preview-chat,.dark-mode .pricing-card.highlighted{border-color:#2f6d80;background:#102f3d;color:#d9f7ff}.dark-mode .pricing-name{border-color:#2f6d80;background:#0f1724;color:#8ee7f2}.dark-mode .hero-proof-points span{border-color:#2f6d80;background:#102f3d;color:#8ee7f2}.dark-mode .billing-toggle button{color:#a8b6c8}.dark-mode .billing-toggle button:hover:not(:disabled){background:#182438;color:#f4f7fb;box-shadow:none}.dark-mode .billing-toggle button.selected{background:#0f7f8c;color:#fff}.dark-mode .todo-list li.dragging{border-color:#34c6d7;background:#152235;color:#f4f8fc;opacity:.96;box-shadow:0 18px 34px #00000057,0 0 0 1px #34c6d72e}.dark-mode .todo-list li.drop-target{border-color:#34c6d7;background:#102f3d;box-shadow:inset 4px 0 #34c6d7,0 12px 24px #00000038}.dark-mode .todo-list li.dragging .drag-handle{border-color:#34c6d7;background:#123244;color:#8ee7f2}.dark-mode .board-task-order .icon-button{border-color:#28364a;background:#111c2b;color:#a8b6c8}.dark-mode .board-task-order .icon-button:hover:not(:disabled){border-color:#34c6d7;background:#123244;color:#8ee7f2}.dark-mode .admin-service-panel,.dark-mode .admin-whatsapp-panel{border-bottom-color:#263a52}.dark-mode .admin-service-card,.dark-mode .admin-whatsapp-row{border-color:#28364a;background:#111c2b}.dark-mode .admin-whatsapp-form{border-color:#28364a;background:#0f1a29}.dark-mode .admin-service-icon{border-color:#2f6d80;background:#102f3d;color:#8ee7f2}.dark-mode .admin-service-top div>span,.dark-mode .admin-service-card label,.dark-mode .admin-whatsapp-form label,.dark-mode .admin-whatsapp-row>div>span,.dark-mode .admin-whatsapp-row>div>small{color:#a8b6c8}.dark-mode .analytics-overview-grid article,.dark-mode .analytics-funnel article,.dark-mode .analytics-campaign-card,.dark-mode .analytics-campaign-row,.dark-mode .analytics-table article{border-color:#28384c;background:#101b2b}.dark-mode .analytics-date-filter{border-color:#28384c;background:#101b2b}.dark-mode .analytics-date-filter button{color:#a8b6c8}.dark-mode .analytics-date-filter button.active{background:#14939f;color:#fff}.dark-mode .blog-keywords span,.dark-mode .blog-meta-row span,.dark-mode .analytics-campaign-row.table-head{border-color:#285c68;background:#10323c;color:#8ee7f2}.dark-mode .analytics-overview-grid strong,.dark-mode .analytics-funnel strong,.dark-mode .analytics-campaign-row strong,.dark-mode .analytics-table strong{color:#f4f7fb}.dark-mode .analytics-overview-grid span,.dark-mode .analytics-funnel span,.dark-mode .analytics-funnel small,.dark-mode .analytics-campaign-row span,.dark-mode .analytics-table span{color:#a8b6c8}.dark-mode .complete-button{border-color:#31566b;background:#123244;color:#8ee7f2}.dark-mode .complete-button:hover:not(:disabled){border-color:#34c6d7;background:#143d50;color:#d8fbff}.dark-mode .complete-button.completed{border-color:#2f6749;background:#14291f;color:#9ce6bd}.dark-mode .google-action{border-color:#28364a;background:#111c2b;color:#e8eef7}.dark-mode .google-action .google-mark{background:transparent}.dark-mode .google-action:hover:not(:disabled){border-color:#34c6d7;background:#123244}.dark-mode .scroll-pitch-icon{border-color:transparent;background:transparent;color:inherit}.dark-mode .scroll-pitch-card{border-color:#28364a;background:#111c2b;box-shadow:0 18px 36px #00000038}.dark-mode .scroll-pitch-card svg{color:#8ee7f2}.dark-mode .board-card.selected{border-color:#34c6d7;background:linear-gradient(180deg,#123244fa,#111c2bfa);box-shadow:0 16px 36px #0000003d}.dark-mode .board-page-panel{background:linear-gradient(180deg,#121b2afa,#0e1623fa)}.dark-mode .opened-board-header,.dark-mode .member-panel,.dark-mode .board-task-panel{border-color:#314159;background:#111c2b;box-shadow:0 14px 34px #0000002e}.dark-mode .board-chat-panel,.dark-mode .chat-message{border-color:#314159;background:#111c2b}.dark-mode .board-chat-input-wrap{border-color:#314159;background:linear-gradient(180deg,#17253a,#111c2b);box-shadow:inset 0 1px #ffffff08,0 10px 24px #00000029}.dark-mode .board-chat-input-wrap:focus-within{border-color:#34c6d7;background:#17253a;box-shadow:0 0 0 3px #34c6d724,0 12px 28px #00000038}.dark-mode .board-chat-input-wrap textarea{color:#eef5fb}.dark-mode .board-chat-input-wrap textarea::placeholder{color:#8fa1b5}.dark-mode .chat-message.mine{border-color:#2f6d80;background:#102f3d}.dark-mode .chat-message p small,.dark-mode .chat-empty,.dark-mode .board-chat-panel header span{color:#a8b6c8}.dark-mode .mention-suggestion-menu{border-color:#314159;background:#111c2b;box-shadow:0 18px 35px #00000047}.dark-mode .mention-suggestion-menu button{color:#edf5ff}.dark-mode .mention-suggestion-menu button:hover,.dark-mode .mention-suggestion-menu button:focus-visible{background:#102f3d}.dark-mode .mention-suggestion-menu small,.dark-mode .mention-suggestion-menu p{color:#a8b6c8}.dark-mode .mention-avatar>span{border-color:#2f6d80;background:#102f3d;color:#d9fbff}.dark-mode .board-card.dragging{border-color:#34c6d7;background:#152235;box-shadow:0 18px 34px #00000042}.dark-mode .board-card.drop-target{border-color:#34c6d7;background:#102f3d;box-shadow:inset 4px 0 #34c6d7}.dark-mode .board-card-meta span,.dark-mode .subscription-summary,.dark-mode .opened-board-header>span{border:1px solid #33445d;background:#0d1624;color:#b9c9dc}.dark-mode .board-card.selected .board-card-meta span{border-color:#2f6d80;background:#102f3d;color:#8ee7f2}.dark-mode .subscription-summary strong,.dark-mode .plan-price-card strong{color:#e8eef7}.dark-mode .subscription-summary span,.dark-mode .subscription-summary small,.dark-mode .plan-price-card span{color:#a8b6c8}.dark-mode .plan-pricing-panel{border-bottom-color:#28364a}.dark-mode .admin-section-header>span{border-color:#2f6d80;background:#102f3d;color:#8ee7f2}.dark-mode .opened-board-header>span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-weight:700}.dark-mode .opened-board-title .cancel-button{border-color:#3a4d67;background:#162235;color:#e8eef7}.dark-mode .opened-board-title .cancel-button:hover:not(:disabled){border-color:#34c6d7;background:#102f3d;color:#8ee7f2}.dark-mode .opened-board-meta>span{border-color:#2f6d80;background:#102f3d;color:#8ee7f2}.dark-mode .opened-board-meta .subscription-summary.compact{border-color:#33445d;background:#0d1624}.dark-mode .opened-board-meta .subscription-summary.compact .eyebrow{background:#102f3d;color:#8ee7f2}.dark-mode .opened-board-meta .subscription-summary.compact strong{color:#f4f7fb}.dark-mode .opened-board-meta .subscription-summary.compact span,.dark-mode .opened-board-meta .subscription-summary.compact small{color:#b9c9dc}.dark-mode .opened-board-panel .member-chip,.dark-mode .board-task-card .member-chip{border-color:#3a4d67;background:#0d1624;color:#d7e2ef}.dark-mode .member-suggestions button{background:#111c2b;color:#e8eef7}.dark-mode .member-suggestions button.selected{border-color:#34c6d7;background:#102f3d;color:#8ee7f2}.dark-mode .priority-select.high,.dark-mode .delete-button,.dark-mode .member-chip button,.dark-mode .modal-icon,.dark-mode .danger-button{border-color:#794044;background:#34181d;color:#ffb4b9}.dark-mode .priority-select.medium{border-color:#766028;background-color:#302714;color:#ffd980}.dark-mode .priority-select.no-priority{border-color:#33445d;background-color:#0f1724;color:#a8b6c8}.dark-mode .priority-select.low,.dark-mode .form-success,.dark-mode .status.active{border-color:#2f6749;background:#14291f;color:#9ce6bd}.dark-mode .form-error,.dark-mode .status.disabled,.dark-mode .username-status.unavailable,.dark-mode .username-status.warning{border-color:#794044;background:#34181d;color:#ffb4b9}.dark-mode .username-status.available{border-color:#2f6749;background:#14291f;color:#9ce6bd}.dark-mode .processing-status,.dark-mode .subscription-badge{border-color:#2f6d80;background:#102f3d;color:#8ee7f2}.dark-mode .verification-card{border-color:#2f6d80;background:#102f3d}.dark-mode .verification-card strong{color:#8ee7f2}.dark-mode .verification-card span{color:#b9c9dc}.dark-mode .subscription-controls{border-top-color:#28364a}.dark-mode .launch-offer-card{border-color:#174b58;background:linear-gradient(135deg,#0d2430,#101b2a);color:#f4f7fb}.dark-mode .launch-offer-card p{color:#b7c3d4}.dark-mode .launch-offer-progress{color:#8de7ef}.dark-mode .launch-offer-bar{background:#22344a}.dark-mode .notification-toast{border-color:#33445d;background:#111c2bfa;color:#e8eef7;box-shadow:0 18px 42px #00000057}.dark-mode .notification-toast .icon-button{border-color:#28364a;background:#0f1724;color:#a8b6c8}.dark-mode .notification-toast .icon-button:hover:not(:disabled){border-color:#34c6d7;background:#123244;color:#8ee7f2}.dark-mode .notification-toast.success{border-left-color:#4fd08a}.dark-mode .notification-toast.success svg{color:#9ce6bd}.dark-mode .notification-toast.info{border-left-color:#34c6d7}.dark-mode .notification-toast.info svg{color:#8ee7f2}.dark-mode .notification-toast.error{border-left-color:#ff7b83}.dark-mode .notification-toast.error svg{color:#ffb4b9}.dark-mode .notification-button{border-color:#33445d;background:#111c2b;color:#e8eef7}.dark-mode .notification-badge{border-color:#111c2b;background:#d94a52}.dark-mode .notification-panel{border-color:#33445d;background:#111c2b;box-shadow:0 24px 55px #00000057}.dark-mode .notification-panel-header strong{color:#f4f7fb}.dark-mode .notification-panel-header span,.dark-mode .notification-item small,.dark-mode .notification-empty{color:#a8b6c8}.dark-mode .notification-item{border-color:#28364a;background:#0f1724;color:#d7e2ef}.dark-mode .notification-item:hover{border-color:#34c6d7;background:#123244}.dark-mode .notification-item.unread{border-color:#2f6d80;background:#102f3d;box-shadow:inset 3px 0 #34c6d7}.dark-mode .notification-item.has-target .notification-item-content:after{color:#8ee7f2}.dark-mode .notification-dismiss{border-color:transparent;background:transparent;color:#a8b6c8}.dark-mode .notification-dismiss:hover:not(:disabled){border-color:transparent;background:transparent;color:#ffb4b9}.dark-mode .app-guide-modal{border-color:#28364a;background:#111c2b;box-shadow:0 28px 72px #0000006b}.dark-mode .app-guide-header{border-bottom-color:#28364a}.dark-mode .app-guide-header p:last-child,.dark-mode .app-guide-content p,.dark-mode .app-guide-content li{color:#a8b6c8}.dark-mode .app-guide-toc,.dark-mode .app-guide-content section{border-color:#28364a;background:#0f1724}.dark-mode .app-guide-toc strong,.dark-mode .app-guide-content h3{color:#f4f7fb}.dark-mode .app-guide-toc button{color:#a8b6c8}.dark-mode .app-guide-toc button:hover{background:#123244;color:#8ee7f2}.dark-mode .app-guide-toc button.active,.dark-mode .app-guide-toc button[aria-current=true]{background:#0f7f8c;color:#fff;box-shadow:inset 3px 0 #8ee7f2}.dark-mode .empty-state{border-color:#33445d;color:#a8b6c8}.dark-mode .theme-toggle{border-color:#33445d;background:#111c2b;color:#f8d77a}.dark-mode .date-input-wrap{border-color:#33445d;background:linear-gradient(180deg,#121f31,#0f1724);color:#8ee7f2;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #00000024}.dark-mode .date-input-wrap:hover{border-color:#3d6278;box-shadow:inset 0 1px #ffffff0a,0 12px 24px #0000002e}.dark-mode .date-input-wrap:focus-within{border-color:#34c6d7;box-shadow:0 0 0 3px #34c6d729,0 12px 24px #0000002e}.dark-mode .date-input-wrap input{background:transparent;color:#e8eef7}.dark-mode .date-input-wrap input::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.3);opacity:.75}.dark-mode .date-picker-trigger{border-color:#33445d;background:linear-gradient(180deg,#121f31,#0f1724);color:#8ee7f2;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #00000024}.dark-mode .date-picker-trigger span{color:#a8b6c8}.dark-mode .date-picker-trigger.has-value span{color:#e8eef7}.dark-mode .date-picker-trigger:hover:not(:disabled){border-color:#3d6278;background:#121f31;box-shadow:0 12px 24px #0000002e}.dark-mode .date-popover{border-color:#33445d;background:#111c2b;box-shadow:0 24px 55px #00000057}.dark-mode .date-popover-header .icon-button{border-color:#28364a;background:#0f1724;color:#a8b6c8}.dark-mode .date-popover-close{border-color:#794044;background:#34181d;color:#ffb4b9}.dark-mode .date-weekdays span{color:#7f90a6}.dark-mode .date-grid button{color:#d7e2ef}.dark-mode .date-grid button:hover:not(:disabled){border-color:#34c6d7;background:#123244;color:#8ee7f2}.dark-mode .date-grid button.today{border-color:#2f6749;background:#14291f;color:#9ce6bd}.dark-mode .date-grid button.selected{border-color:#34c6d7;background:#0f7f8c;color:#fff}.dark-mode .user-row{border-color:#314159;background:linear-gradient(180deg,#1c283cf5,#111c2bfa);box-shadow:0 14px 34px #0003}.dark-mode .user-row:hover{border-color:#435977;background:linear-gradient(180deg,#213047fa,#142132fa)}.dark-mode .user-row select{border-color:#3a4d67;background-color:#0d1624;color:#eef5ff}.dark-mode .user-row button{border-color:#33445d;background:#101c2d;color:#b9c9dc}.dark-mode .user-row button:hover:not(:disabled){border-color:#34c6d7;background:#123244;color:#8ee7f2}.dark-mode .user-row button:last-child{border-color:#794044;background:#34181d;color:#ffb4b9}.dark-mode .user-row button:last-child:hover:not(:disabled){border-color:#a45459;background:#451f25;color:#ffd0d3}.dark-mode .user-row button:disabled,.dark-mode .user-row select:disabled{border-color:#243248;background:#0d1522;color:#64748b}.dark-mode .admin-user-avatar{border-color:#31566b;background:#123244;color:#8ee7f2}.dark-mode .admin-action-button{border-color:#33445d;background:#101c2d;color:#b9c9dc}.dark-mode .admin-action-button:hover:not(:disabled){border-color:#34c6d7;background:#123244;color:#8ee7f2}.dark-mode .admin-action-button.danger-action{border-color:#794044;background:#34181d;color:#ffb4b9}.dark-mode .admin-action-button.danger-action:hover:not(:disabled){border-color:#a45459;background:#451f25;color:#ffd0d3}.menu-bar{position:sticky;top:14px;z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:95vw;margin:0 auto 24px;padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#fffffff5;box-shadow:0 18px 44px #1720331f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-link,.menu-links button{color:#172033}.brand-link{min-height:36px;padding:0;border:0;background:transparent;font-size:1.05rem;font-weight:700}.menu-links{display:flex;flex-wrap:wrap;gap:8px}.menu-links button{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#526070;font-weight:600}.menu-links button:hover,.menu-links button.selected{border-color:#d4deeb;background:#f8fafc;color:#172033}.menu-links button.selected{border-color:#0f7f8c;background:#e6f5f6;color:#0b5961}.menu-user{display:flex;align-items:center;gap:10px;color:#344154}.menu-install-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid #b8d9dd;border-radius:7px;background:#e6f5f6;color:#0b5961;font-size:.84rem;font-weight:800;white-space:nowrap}.menu-install-button:hover:not(:disabled){border-color:#0f7f8c;background:#d7f0f3;box-shadow:none}.menu-test-whatsapp-button{border-color:#bee3cf;background:#e9f8ef;color:#116235}.menu-test-whatsapp-button:hover:not(:disabled){border-color:#15924f;background:#d9f1e3}.menu-lock-button{border-color:#d6e0ec;background:#f8fbfd;color:#344154}.menu-lock-button:hover:not(:disabled){border-color:#9fb6c7;background:#eef4f8}.menu-profile-button{display:inline-flex;align-items:center;gap:10px;max-width:360px;min-height:40px;padding:4px 8px 4px 4px;border-color:transparent;background:transparent;color:inherit}.menu-profile-button:hover:not(:disabled){border-color:#d4deeb;background:#f8fafc;box-shadow:none}.menu-identity{display:grid;gap:2px;min-width:0;line-height:1.1}.menu-identity strong{overflow:hidden;color:#172033;font-size:.92rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.menu-identity small{overflow:hidden;color:#687586;font-size:.76rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.menu-plan-badge{display:inline-flex;align-items:center;gap:6px;max-width:168px;min-height:26px;padding:0 9px;border:1px solid #c8e6e9;border-left:3px solid #0f7f8c;border-radius:7px;background:#f4fbfc;color:#0b5961;font-size:.74rem;font-weight:800;line-height:1;white-space:nowrap}.menu-plan-badge small{overflow:hidden;color:#0f7f8c;font-size:.68rem;font-weight:750;text-overflow:ellipsis}.menu-avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b8d9dd;border-radius:50%;background:#e6f5f6;color:#0b5961;font-weight:700;object-fit:cover}.notification-menu{position:relative}.notification-button{position:relative;border-color:#cfd9e8;background:#fff;color:#172033}.notification-badge{position:absolute;top:-6px;right:-6px;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid #ffffff;border-radius:999px;background:#b83232;color:#fff;font-size:.68rem;font-weight:800;line-height:1}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:120;display:grid;gap:12px;width:min(380px,calc(100vw - 28px));padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 24px 55px #1720332e}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-panel-header span{color:#687586;font-size:.8rem;font-weight:700}.notification-panel-actions{display:flex;gap:8px}.notification-panel-actions button{min-height:32px;padding:0 10px;font-size:.8rem}.notification-list{display:grid;gap:8px;max-height:340px;overflow-y:auto}.notification-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:start;gap:8px;padding:8px;border:1px solid #e1e8f2;border-radius:8px;background:#f8fafc;color:#344154}.notification-item-content{display:grid;justify-content:stretch;gap:5px;width:100%;min-height:0;padding:2px;border:0;background:transparent;color:inherit;text-align:left}.notification-item:hover{border-color:#b8d9dd;background:#f2fbfc}.notification-item-content:hover:not(:disabled){background:transparent;box-shadow:none;transform:none}.notification-item.unread{border-color:#9bd7df;background:#eefafa;box-shadow:inset 3px 0 #0f7f8c}.notification-item.has-target .notification-item-content{cursor:pointer}.notification-item.has-target .notification-item-content:after{color:#0f7f8c;content:"Open";font-size:.72rem;font-weight:800;text-transform:uppercase}.notification-item span{overflow-wrap:anywhere;font-size:.88rem;font-weight:700;line-height:1.35}.notification-dismiss{width:28px;min-width:28px;height:28px;min-height:28px;border-color:transparent;background:transparent;color:#687586;box-shadow:none}.notification-dismiss:hover:not(:disabled){border-color:transparent;background:transparent;color:#a73333;box-shadow:none}.notification-item small,.notification-empty{margin:0;color:#687586;font-size:.76rem;font-weight:650}.app-guide-modal{display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:22px;overflow:hidden;border:1px solid #dbe3ef;border-radius:12px;background:#fff;box-shadow:0 28px 72px #0f172a3d}.app-guide-header{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:16px;align-items:start;padding-bottom:16px;border-bottom:1px solid #e4eaf3}.app-guide-header p:last-child{max-width:760px;margin:8px 0 0;color:#526070;line-height:1.55}.app-guide-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;min-height:0;overflow:hidden}.app-guide-toc{position:sticky;top:0;display:grid;align-self:start;gap:8px;padding:14px;border:1px solid #d7e2eb;border-radius:10px;background:#f7fafc}.app-guide-toc strong{color:#172033;font-size:.9rem}.app-guide-toc button{padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#526070;font-size:.86rem;font-weight:650;text-decoration:none;text-align:left}.app-guide-toc button:hover{background:#e7f6f8;color:#0a5964;box-shadow:none;transform:none}.app-guide-toc button.active,.app-guide-toc button[aria-current=true]{background:#0f7f8c;color:#fff;box-shadow:inset 3px 0 #0a5964}.app-guide-content{display:grid;gap:14px;min-height:0;overflow-y:auto;padding-right:8px;scrollbar-color:#a8bacb transparent;scrollbar-width:thin}.app-guide-content section{scroll-margin-top:8px;display:grid;gap:9px;padding:16px;border:1px solid #d7e2eb;border-radius:10px;background:#fff}.app-guide-content h3{margin:0;color:#172033;font-size:1.05rem}.app-guide-content p,.app-guide-content li{color:#526070;line-height:1.55}.app-guide-content p,.app-guide-content ul,.app-guide-content ol{margin:0}.app-guide-content ul,.app-guide-content ol{padding-left:20px}.app-guide-content li+li{margin-top:5px}.auth-intro,.app-header,.boards-panel header,.profile-panel header,.billing-panel header,.admin-panel header{padding:32px;border-bottom:1px solid #e4eaf3}.app-header,.boards-panel header,.profile-panel header,.billing-panel header,.admin-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.task-header-copy{display:grid;gap:8px;min-width:0}.eyebrow{margin:0 0 8px;color:#0f7f8c;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0;line-height:1.05}h1{font-size:2.35rem}h2{font-size:1.65rem}.auth-intro p:last-child,.user-line{margin:12px 0 0;color:#526070;line-height:1.55}.auth-form,.todo-form{display:grid;gap:14px;padding:24px 32px}.auth-form label{grid-column:1 / -1;display:grid;gap:8px;color:#344154;font-weight:600}.auth-form{grid-template-columns:1fr auto auto}.auth-form .form-error,.auth-form .form-success,.verification-card{grid-column:1 / -1}.auth-form .remember-option{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fbfd;color:#172033;cursor:pointer;text-align:left}.auth-form .remember-option:hover{border-color:#b8d9dd;background:#eefafa;box-shadow:none;transform:none}.remember-option.selected{border-color:#0f7f8c;background:#eefafa}.remember-option span{display:grid;gap:2px;min-width:0}.remember-switch{display:inline-grid;flex:0 0 auto;place-items:center;min-width:48px;min-height:28px;padding:0 10px;border:1px solid #cfd9e8;border-radius:999px;background:#fff;color:#526070;font-size:.72rem;font-weight:900;letter-spacing:0}.remember-option.selected .remember-switch{border-color:#0f7f8c;background:#0f7f8c;color:#fff}.remember-option strong{color:#172033;font-size:.9rem}.remember-option small{color:#526070;font-size:.78rem;font-weight:650}.auth-inline-link{grid-column:1 / -1;justify-self:end;min-height:0;padding:0;font-size:.84rem;white-space:nowrap}.auth-action-row{display:grid;grid-column:1 / -1;grid-template-columns:minmax(92px,.65fr) minmax(0,1.35fr);gap:10px}.auth-action-row.single{grid-template-columns:1fr}.auth-action-row .primary-action,.auth-action-row .google-action{width:100%;min-width:0;padding-inline:10px}.auth-action-row .google-action{white-space:nowrap}.dark-mode .auth-form .remember-option{border-color:#28364a;background:#111c2b;color:#e8eef7}.dark-mode .auth-form .remember-option:hover{border-color:#3b506c;background:#152235}.dark-mode .auth-form .remember-option.selected{border-color:#25b6c3;background:#102f36}.verification-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #b8d9dd;border-radius:8px;background:#eefafa}.verification-card div{display:grid;gap:4px;min-width:0}.verification-card strong{color:#0b5961;font-size:.92rem}.verification-card span{color:#526070;font-size:.86rem;font-weight:600}.verification-card button{width:auto;white-space:nowrap}.username-status{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:24px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:.78rem;font-weight:700}.username-status.available{border-color:#aad8c1;background:#f0fbf5;color:#22613e}.username-status.unavailable,.username-status.warning{border-color:#f1c6c6;background:#fff5f5;color:#a73333}.todo-form{grid-template-columns:1fr auto auto;gap:12px}.task-entry-form{grid-template-columns:minmax(0,1fr) 154px max-content max-content;align-items:end}.task-entry-textarea{min-height:40px;max-height:120px;padding:11px 13px;border:1px solid #cdd8e6;border-radius:8px;outline:none;background:linear-gradient(180deg,#fff,#f7fbfd);color:#172235;box-shadow:inset 0 1px #fffc;font:inherit;line-height:1.35;overflow-y:auto;resize:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;white-space:pre-wrap;word-break:break-word}.task-entry-textarea::placeholder{color:#8a98aa;font-weight:500}.task-entry-textarea:focus{border-color:#0f9aa8;background:#fff;box-shadow:0 0 0 3px #0f9aa824,inset 0 1px #ffffffe6}.dark-mode .task-entry-textarea{border-color:#2a3d55;background:linear-gradient(180deg,#111c2d,#0d1726);color:#eef6ff;box-shadow:inset 0 1px #ffffff0a}.dark-mode .task-entry-textarea::placeholder{color:#7f8da2}.dark-mode .task-entry-textarea:focus{border-color:#34c6d7;background:#101c2d;box-shadow:0 0 0 3px #34c6d729}.board-task-panel .task-entry-form{grid-template-columns:minmax(0,1fr) 154px 132px max-content max-content}.task-entry-form .primary-action{min-height:40px;padding:0 12px;font-size:.88rem}.task-entry-form .cancel-button{width:40px;min-width:40px;height:40px;min-height:40px}.date-field{display:grid;gap:5px;min-width:0}.date-field span,.priority-field span{color:#526070;font-size:.76rem;font-weight:700;line-height:1}.priority-field{display:grid;gap:5px;min-width:0}.priority-field .priority-select{min-height:40px;height:40px;padding-left:12px;font-size:.88rem;font-weight:700}.date-field input{min-height:40px}.todo-panel,.boards-panel,.task-modal{overflow:visible}.date-picker{position:relative;display:block;min-width:0}.date-picker-trigger{justify-content:flex-start;width:100%;min-height:40px;padding:0 10px;border-color:#c9d9e8;border-radius:8px;background:linear-gradient(180deg,#fff,#f7fbfc);color:#0f7f8c;box-shadow:inset 0 1px #fffc,0 8px 18px #1720330d}.date-picker-trigger span{min-width:0;overflow:hidden;color:#526070;font-size:.9rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.date-picker-trigger.has-value span{color:#172033}.date-picker-trigger:hover:not(:disabled){border-color:#86cbd3;background:#f7fbfc;box-shadow:0 10px 22px #0f7f8c1a}.date-picker-trigger:focus-visible{border-color:#0f7f8c;outline:3px solid rgba(15,127,140,.16);outline-offset:2px}.date-picker-large .date-picker-trigger{min-height:46px;padding:0 12px}.date-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:120;display:grid;gap:12px;width:292px;padding:14px;border:1px solid #cfd9e8;border-radius:8px;background:#fff;box-shadow:0 24px 55px #1720332e}.date-popover-header{display:grid;grid-template-columns:32px 1fr 32px 32px;align-items:center;gap:8px}.date-popover-header strong{text-align:center}.date-popover-header .icon-button{width:32px;min-width:32px;height:32px;min-height:32px;border-color:#d4deeb;background:#f8fafc;color:#526070}.date-popover-close{border-color:#f1c6c6;background:#fff5f5;color:#a73333}.date-weekdays,.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.date-weekdays span{color:#7a8796;font-size:.72rem;font-weight:800;text-align:center}.date-grid button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-color:transparent;border-radius:7px;background:transparent;color:#344154;font-size:.86rem}.date-grid button:hover:not(:disabled){border-color:#b8d9dd;background:#eefafa;color:#0b5961;transform:none;box-shadow:none}.date-grid button.today{border-color:#aad8c1;background:#f0fbf5;color:#22613e}.date-grid button.selected{border-color:#0f7f8c;background:#0f7f8c;color:#fff}.date-popover-actions{display:flex;justify-content:space-between;gap:8px}.date-popover-actions button{min-height:34px;padding:0 12px;font-size:.84rem}.date-input-wrap{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;height:40px;padding:0 10px;border:1px solid #c9d9e8;border-radius:8px;background:linear-gradient(180deg,#fff,#f7fbfc);color:#0f7f8c;box-shadow:inset 0 1px #fffc,0 8px 18px #1720330d;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.date-input-wrap:hover{border-color:#86cbd3;box-shadow:inset 0 1px #fffc,0 10px 22px #0f7f8c1a}.date-input-wrap:focus-within{border-color:#0f7f8c;box-shadow:0 0 0 3px #0f7f8c29,0 10px 22px #0f7f8c1a}.date-input-wrap input{height:38px;min-height:38px;padding:0;border:0;background:transparent;box-shadow:none;color:#172033;font-size:.9rem;font-weight:650}.date-input-wrap input:focus{outline:0}.date-input-wrap input::-webkit-calendar-picker-indicator{width:24px;height:24px;margin-left:4px;border-radius:6px;cursor:pointer;opacity:.65}.date-input-wrap input::-webkit-calendar-picker-indicator:hover{background-color:#0f7f8c1f;opacity:1}.date-input-wrap-large{height:46px;grid-template-columns:24px minmax(0,1fr);padding:0 12px}.date-input-wrap-large input{height:44px;min-height:44px;font-size:.96rem}.board-panel{display:grid;gap:14px}.board-content{display:grid;gap:20px;padding:24px 32px 32px}.board-list-panel{padding-bottom:20px;border-bottom:1px solid #e4eaf3}.subscription-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}.subscription-summary.compact{grid-column:1 / -1}.subscription-summary div{display:grid;gap:3px}.subscription-summary strong{color:#172033;font-size:1rem}.subscription-summary span,.subscription-summary small{color:#526070;font-size:.84rem;font-weight:650}.board-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.board-list-toolbar,.board-task-header-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.board-list-toolbar>span,.board-task-header-actions>span{color:#526070;font-size:.9rem;font-weight:700}.board-view-toggle button{display:inline-flex;align-items:center;gap:6px}.board-card-grid.list-view{grid-template-columns:1fr}.board-card-grid.list-view .board-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:0;padding:12px}.board-card-grid.list-view .board-card-meta{justify-content:flex-end}.board-card-grid.list-view .board-card .primary-action{width:auto;white-space:nowrap}.board-card-grid.list-view .board-card-actions{justify-content:flex-end}.board-card{display:grid;gap:14px;align-content:space-between;min-height:178px;padding:16px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;box-shadow:0 12px 28px #17203314;transition:border-color .16s ease,box-shadow .16s ease,transform .14s ease,background-color .16s ease;will-change:transform}.board-card-header{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px}.board-card-header>div{min-width:0}.board-card:hover{border-color:#b8d9dd;background:#f8fcfd;box-shadow:0 16px 36px #1720331f;transform:translateY(-2px)}.board-card.dragging{border-color:#0f7f8c;opacity:.72;transform:scale(1.015);box-shadow:0 18px 34px #0f7f8c33}.board-card.drop-target{border-color:#0f7f8c;background:#f2fbfc;transform:translateY(6px);box-shadow:inset 4px 0 #0f7f8c}.board-card.settled{animation:settle-card .26s ease}.board-card.selected{border-color:#28a9b8;background:#eefafa;box-shadow:0 16px 36px #0f7f8c29}.board-card h3{margin:3px 0 0;overflow-wrap:anywhere;font-size:1.08rem}.board-card-meta{display:flex;flex-wrap:wrap;gap:8px;color:#526070;font-size:.88rem;font-weight:600}.board-card-meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#f1f6fa}.board-card-actions{display:flex;align-items:center;gap:8px;min-width:0}.board-card-actions .primary-action{flex:1;min-width:0}.board-card .primary-action{width:100%}.opened-board-panel{display:grid;gap:18px;padding:18px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fafc}.board-page-panel{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;padding:24px;background:linear-gradient(180deg,#fffffff5,#f8fafcf5)}.board-main-column{display:grid;gap:24px;min-width:0}.board-side-column{position:sticky;top:18px;display:grid;gap:14px;width:100%;max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-color:#88a3b8 transparent;scrollbar-width:thin}.board-side-column::-webkit-scrollbar,.board-chat-list::-webkit-scrollbar,.notification-panel::-webkit-scrollbar,.activity-log-list::-webkit-scrollbar{width:2px}.board-side-column::-webkit-scrollbar-track,.board-chat-list::-webkit-scrollbar-track,.notification-panel::-webkit-scrollbar-track,.activity-log-list::-webkit-scrollbar-track{background:transparent}.board-side-column::-webkit-scrollbar-thumb,.board-chat-list::-webkit-scrollbar-thumb,.notification-panel::-webkit-scrollbar-thumb,.activity-log-list::-webkit-scrollbar-thumb{border:0;background-clip:content-box;border-radius:999px;background-color:#88a3b8}.opened-board-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dfe8f1;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 10px 22px #1720330f}.opened-board-title{display:grid;gap:14px;min-width:0}.board-title-actions,.board-title-edit-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.board-title-edit-form input{min-width:min(100%,260px)}.opened-board-title .cancel-button{justify-self:start;width:auto;padding:0 13px;border-color:#c8d7e6;background:#fff;font-weight:800}.opened-board-header span{color:#526070;font-size:.92rem;font-weight:600}.opened-board-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:min(100%,520px)}.opened-board-meta>span{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #d6e5ec;border-radius:999px;background:#f8fbfd;color:#0b5961;font-size:.84rem;font-weight:800;white-space:nowrap}.opened-board-meta .subscription-summary.compact{display:grid;grid-template-columns:auto auto minmax(120px,1fr);align-items:center;min-width:340px;padding:8px 10px;border-color:#cfe2ea;background:#f6fbfc}.opened-board-meta .subscription-summary.compact div{display:contents}.opened-board-meta .subscription-summary.compact .eyebrow{margin:0;padding:4px 7px;border-radius:999px;background:#e6f5f6;color:#0b5961;font-size:.66rem}.opened-board-meta .subscription-summary.compact strong{font-size:.9rem;white-space:nowrap}.opened-board-meta .subscription-summary.compact span,.opened-board-meta .subscription-summary.compact small{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.board-selector{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}.board-selector label,.profile-form label{display:grid;gap:8px;color:#344154;font-weight:600}.board-selector span{color:#526070;font-size:.92rem}.board-form,.member-form{display:grid;grid-template-columns:1fr auto auto;gap:10px}.board-form button,.member-form button{background:#0f7f8c;color:#fff}.member-panel{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);align-items:start;gap:18px;padding:18px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;box-shadow:0 12px 26px #1720330d}.member-search{position:relative;display:grid;gap:8px}.board-invite-panel{display:grid;grid-column:1 / -1;gap:10px;padding:12px;border:1px solid #d7e4ec;border-radius:8px;background:#f8fbfd}.board-invite-panel>div:first-child{display:grid;gap:3px}.board-invite-panel strong{color:#172033;font-size:.95rem}.board-invite-panel span{color:#526070;font-size:.84rem;font-weight:650}.board-invite-panel input{min-height:38px;font-size:.84rem}.board-invite-actions{display:flex;flex-wrap:wrap;gap:8px}.board-invite-actions button{min-height:36px}.member-list{display:flex;flex-wrap:wrap;gap:8px}.member-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid #cfd9e8;border-radius:999px;background:#fff;color:#344154;font-size:.88rem}.member-chip button{display:inline-grid;place-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;border-color:#f1c6c6;background:#fff5f5;color:#a73333;font-size:.82rem}.member-suggestions{display:grid;gap:6px;padding:8px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 16px 34px #1720331f}.member-suggestions button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:48px;padding:7px 8px;border:1px solid transparent;background:#fff;color:#172033;text-align:left}.member-suggestions button:hover{border-color:#cfd9e8;background:#f8fafc}.member-suggestions button.selected{border-color:#0f7f8c;background:#e6f5f6}.suggestion-avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b8d9dd;border-radius:50%;background:#e6f5f6;color:#0b5961;font-size:.9rem;font-weight:700;object-fit:cover}.member-suggestions span:last-child{display:grid;gap:2px;min-width:0}.member-suggestions small{overflow-wrap:anywhere;color:#526070;font-size:.82rem}.board-chat-panel{display:grid;gap:12px;width:100%;padding:14px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;box-shadow:0 12px 26px #1720330d}#boards,#tasks,#profile,#admin,#board-members-section,#board-chat-section,#board-tasks-section{scroll-margin-top:24px}.board-chat-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.board-chat-panel h3{margin:0;font-size:1.08rem}.board-chat-panel header span{color:#526070;font-size:.8rem}.board-chat-list{display:grid;gap:7px;max-height:calc(100vh - 250px);min-height:260px;overflow-y:auto;padding-right:4px;scrollbar-color:#88a3b8 transparent;scrollbar-width:thin}.chat-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:8px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fafc}.chat-message.mine{border-color:#b8d9dd;background:#eefafa}.chat-avatar,.chat-avatar img,.chat-avatar span{width:28px;height:28px;border-radius:50%}.chat-avatar img{object-fit:cover}.chat-avatar span{display:grid;place-items:center;border:1px solid #b8d9dd;background:#e6f5f6;color:#0b5961;font-size:.78rem;font-weight:800}.chat-message p{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 3px;line-height:1.2}.chat-message p strong{font-size:.84rem}.chat-message p small{color:#687586;font-size:.7rem;font-weight:650}.chat-message>div:last-child>span{overflow-wrap:anywhere;font-size:.86rem;line-height:1.35;white-space:pre-wrap}.chat-empty{margin:0;color:#687586;font-weight:650}.board-chat-form{display:grid;grid-template-columns:1fr;gap:8px}.board-chat-input-wrap{position:relative;display:grid;min-width:0;padding:8px 10px;border:1px solid #c9d9e8;border-radius:8px;background:linear-gradient(180deg,#fff,#f7fbfc);box-shadow:inset 0 1px #fffc,0 8px 18px #1720330d;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.board-chat-input-wrap:focus-within{border-color:#0f7f8c;background:#fff;box-shadow:0 0 0 3px #0f7f8c24,0 10px 24px #0f7f8c1a}.board-chat-input-wrap:has(textarea:disabled){opacity:.7}.board-chat-input-wrap textarea{width:100%;min-height:28px;max-height:140px;padding:2px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#172033;font-size:.9rem;font-weight:650;resize:none;overflow-y:auto;line-height:1.45;white-space:pre-wrap}.board-chat-input-wrap textarea::placeholder{color:#7a8796;font-weight:450}.board-chat-input-wrap textarea:focus{outline:0}.board-chat-form .primary-action{min-height:46px;padding-inline:14px}.mention-suggestion-menu{position:absolute;right:0;bottom:calc(100% + 8px);left:0;z-index:30;display:grid;gap:4px;max-height:230px;overflow-y:auto;padding:6px;border:1px solid #cfdce8;border-radius:8px;background:#fff;box-shadow:0 18px 35px #0f172a24;scrollbar-color:#88a3b8 transparent;scrollbar-width:thin}.mention-suggestion-menu button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;width:100%;padding:7px;border:0;border-radius:7px;background:transparent;color:#172033;text-align:left;cursor:pointer}.mention-suggestion-menu button:hover,.mention-suggestion-menu button:focus-visible{background:#eefafa;outline:none}.mention-suggestion-menu strong,.mention-suggestion-menu small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-suggestion-menu strong{font-size:.82rem}.mention-suggestion-menu small{color:#526070;font-size:.72rem;font-weight:700}.mention-suggestion-menu p{margin:0;padding:8px;color:#687586;font-size:.82rem;font-weight:700}.mention-avatar,.mention-avatar img,.mention-avatar>span{width:30px;height:30px;border-radius:50%}.mention-avatar img{object-fit:cover}.mention-avatar>span{display:grid;place-items:center;border:1px solid #b8d9dd;background:#e6f5f6;color:#0b5961;font-size:.78rem;font-weight:800}.board-task-panel{display:grid;gap:18px;padding:18px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;box-shadow:0 12px 26px #1720330d}.board-task-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.board-task-panel h3{margin:0;font-size:1.25rem}.board-task-panel header span{color:#526070;font-size:.92rem}.board-task-list{display:grid;gap:10px}.board-task-list.list-view{gap:8px}.board-task-list.list-view .board-task-card{grid-template-columns:34px minmax(180px,1.25fr) minmax(130px,150px) minmax(120px,140px) minmax(160px,1fr) minmax(84px,auto);gap:10px;padding:10px 12px;box-shadow:none}.board-task-list.list-view .board-task-info{gap:2px}.board-task-card{display:grid;grid-template-columns:40px minmax(180px,1.2fr) minmax(140px,170px) minmax(120px,140px) minmax(180px,1fr) minmax(84px,auto);align-items:center;gap:14px;min-width:0;padding:16px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;box-shadow:0 8px 20px #1720330a}.board-task-card>select,.board-task-card>.assignee-list,.board-task-card>.board-task-actions{min-width:0}.board-task-order{display:grid;gap:6px}.board-task-order .icon-button{width:34px;min-width:34px;height:30px;min-height:30px;color:#526070;background:#f8fafc}.board-task-order .icon-button:hover:not(:disabled){border-color:#0f7f8c;background:#eefafa;color:#0b5961}.board-task-info{display:grid;gap:4px;min-width:0}.board-task-info span{color:#526070;font-size:.88rem}.board-task-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;flex-wrap:nowrap;gap:6px;min-width:max-content;max-width:100%}.assignee-list{display:flex;flex-wrap:wrap;gap:8px;color:#526070;font-size:.9rem}.task-assignment-panel{display:grid;gap:10px}.task-assignment-panel label{display:grid;gap:8px;color:#344154;font-weight:600}input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;height:46px;padding:0 14px;border:1px solid #cfd9e8;border-radius:6px;color:#172033;background:#fff;box-shadow:inset 0 1px #17203308;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,select:focus{border-color:#0f7f8c;outline:3px solid rgba(15,127,140,.16)}.task-name-textarea{width:100%;min-height:46px;max-height:140px;padding:12px 14px;border:1px solid #cfd9e8;border-radius:8px;background:#fff;color:#172033;box-shadow:inset 0 1px #17203308;font:inherit;font-weight:700;line-height:1.35;resize:none;overflow-y:auto;white-space:pre-wrap;word-break:break-word;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.task-name-textarea:focus{border-color:#0f7f8c;outline:3px solid rgba(15,127,140,.16)}input:hover,select:hover,textarea:hover{border-color:#b8c7d9}select{padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:6px 6px,6px 6px}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:600;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease,background-color .16s ease,color .16s ease}button:hover:not(:disabled),.upload-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1720331a}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:focus-visible,.upload-button:focus-within{outline:3px solid rgba(15,127,140,.18);outline-offset:2px}.icon-button{display:inline-grid;place-items:center;width:40px;min-width:40px;height:40px;padding:0}.icon-button svg{pointer-events:none}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}.primary-action,.todo-form button{padding:0 16px;background:#0f7f8c;color:#fff}.google-action{justify-content:center;gap:10px;min-height:42px;border-color:#d7dde7;background:#fff;color:#1f2937;box-shadow:0 1px 2px #17203314}.google-action .google-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:0;background:transparent}.google-action .google-mark svg{width:20px;height:20px}.primary-action:hover:not(:disabled),.todo-form button:hover:not(:disabled),.board-form button:hover:not(:disabled),.member-form button:hover:not(:disabled){background:#0b6c77}.google-action:hover:not(:disabled){border-color:#c4ccd8;background:#f8fafc;box-shadow:0 2px 6px #1720331f}.link-button{margin:0 32px 28px;padding:0;border:0;background:transparent;color:#0f6d78}.form-error{margin:0;padding:12px;border:1px solid #f1c6c6;border-radius:6px;background:#fff5f5;color:#a73333}.form-success{margin:0;padding:12px;border:1px solid #aad8c1;border-radius:6px;background:#f0fbf5;color:#22613e}.processing-status{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border:1px solid #b8d9dd;border-radius:6px;background:#eefafa;color:#0b5961;font-size:.9rem;font-weight:700}.auth-form .processing-status{grid-column:1 / -1}.button-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.button-spinner.light{color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;max-width:min(720px,62%)}.logout-button{border-color:#cfd9e8;background:#fff;color:#172033}.logout-button:hover:not(:disabled),.open-button:hover:not(:disabled),.cancel-button:hover:not(:disabled),.summary button:hover:not(:disabled){border-color:#9fb6c7;background:#f8fafc}.filter-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 32px 22px}.task-search-field{display:grid;grid-template-columns:18px minmax(0,1fr) 30px;align-items:center;gap:8px;flex:1 1 320px;max-width:430px;min-height:42px;padding:0 10px;border:1px solid #d4deeb;border-radius:8px;background:#fff;color:#526070}.task-search-field input{width:100%;min-height:38px;padding:0;border:0;background:transparent;box-shadow:none}.task-search-field input:focus{box-shadow:none}.task-search-field .icon-button{width:28px;height:28px;min-height:28px;border:0;background:transparent}.filter-toggle-button{display:none}.filter-groups{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex:0 1 auto;margin-left:auto}.filter-group{display:grid;gap:8px;min-width:0}.filter-group>span{color:#526070;font-size:.78rem;font-weight:600;text-transform:uppercase}.segmented-control{display:flex;overflow:hidden;width:max-content;max-width:100%;border:1px solid #d4deeb;border-radius:8px;background:#fff}.segmented-control button{min-height:38px;padding:0 13px;border:0;border-radius:0;background:transparent;color:#526070;text-transform:capitalize;box-shadow:none}.segmented-control button+button{border-left:1px solid #e4eaf3}.segmented-control button:hover:not(.selected){transform:none;background:#f8fafc;box-shadow:none;color:#172033}.segmented-control button.selected{background:#0f7f8c;color:#fff}.todo-list{display:grid;gap:10px;margin:0;padding:0 32px 28px;list-style:none}.todo-list li{display:grid;grid-template-columns:42px 42px minmax(0,1fr) 132px auto;align-items:center;gap:16px;min-height:58px;padding:12px 14px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;cursor:grab;transform:translateY(0) scale(1);transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .18s ease,background-color .18s ease;will-change:transform}.todo-list li:hover{border-color:#b9c8dc;box-shadow:0 10px 24px #17203314}.todo-list li.due-today,.kanban-task.due-today,.board-task-card.due-today{border-color:#ef4444;background:#fff1f2;color:#7f1d1d}.todo-list li.due-today .todo-title small,.kanban-task.due-today>span,.board-task-card.due-today .board-task-info span{color:#b91c1c}.todo-list li.dragging{border-color:#0f7f8c;cursor:grabbing;opacity:.96;transform:translateY(-2px) scale(1.01);box-shadow:0 18px 34px #0f7f8c33,0 0 0 1px #0f7f8c1f}.todo-list li.drop-target{border-color:#0f7f8c;background:#f2fbfc;transform:translateY(4px);box-shadow:inset 4px 0 #0f7f8c,0 10px 22px #0f7f8c1f}.todo-list li.settled{animation:settle-card .26s ease}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d4deeb;border-radius:6px;color:#526070;background:#f8fafc;cursor:grab}.mobile-task-order{display:none}.has-tooltip{position:relative}.has-tooltip:before,.has-tooltip:after{position:absolute;left:50%;z-index:30;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}.has-tooltip:before{bottom:calc(100% + 8px);width:max-content;max-width:180px;padding:6px 8px;border-radius:6px;background:#172033;color:#fff;content:attr(data-tooltip);font-size:.78rem;line-height:1.3;text-align:center;white-space:nowrap;box-shadow:0 10px 24px #1720332e}.has-tooltip:after{bottom:calc(100% + 3px);border:5px solid transparent;border-top-color:#172033;content:""}.has-tooltip:hover:before,.has-tooltip:hover:after,.has-tooltip:focus-visible:before,.has-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.todo-list li.dragging .drag-handle{cursor:grabbing}@keyframes settle-card{0%{transform:translateY(-8px) scale(.99)}70%{transform:translateY(2px) scale(1.006)}to{transform:translateY(0) scale(1)}}.todo-title{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px;min-width:0}.complete-button{min-height:34px;padding:0 10px;border-color:#b8d9dd;background:#eaf7f8;color:#0b5961;font-size:.82rem;font-weight:700;white-space:nowrap}.complete-button:hover:not(:disabled){border-color:#0f7f8c;background:#d9f1f3;color:#073f46}.complete-button.completed{border-color:#aad8c1;background:#eefaf3;color:#22613e}.todo-list span{overflow-wrap:anywhere;line-height:1.45}.todo-title span{display:grid;gap:2px}.todo-title strong{font-weight:650}.todo-title small,.board-task-info span+span{color:#7a8796;font-size:.78rem;font-weight:600}.todo-list li.completed span{color:#7a8796;text-decoration:line-through}.task-timestamps{display:flex;flex-wrap:wrap;gap:8px 16px;color:#526070;font-size:.84rem}.task-timestamps span{line-height:1.4}.priority-select{height:40px;padding:0 42px 0 12px;font-weight:600;line-height:40px;background-position:calc(100% - 18px) 17px,calc(100% - 12px) 17px}.priority-select.high{border-color:#f0a4a4;background-color:#fff5f5;color:#9f2f2f}.priority-select.no-priority{border-color:#cfd9e8;background-color:#f8fafc;color:#687586}.priority-select.medium{border-color:#f2cf7e;background-color:#fff8e8;color:#7a5200}.priority-select.low{border-color:#aad8c1;background-color:#f0fbf5;color:#22613e}.open-button,.delete-button,.user-row button{padding:0}.open-button{border-color:#cfd9e8;background:#fff;color:#172033}.delete-button,.user-row button{border-color:#f1c6c6;background:#fff5f5;color:#a73333}.delete-button:hover:not(:disabled),.user-row button:hover:not(:disabled),.danger-button:hover:not(:disabled){border-color:#dc8e8e;background:#fbe7e7;color:#8f2929}.empty-state{margin:0 32px 28px;padding:22px;border:1px dashed #cfd9e8;border-radius:8px;color:#526070;text-align:center}.summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;border-top:1px solid #e4eaf3;color:#526070;background:#f8fafc;font-size:.92rem}.summary button{padding:0 14px;border-color:#cfd9e8;background:#fff;color:#172033}.boards-panel,.profile-panel,.billing-panel,.admin-panel{margin-top:24px}.role-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #c9d5e5;border-radius:999px;background:#eef7f7;color:#0b5961;font-size:.86rem;font-weight:700}.profile-content{display:grid;gap:24px;padding:24px 32px 32px}.profile-summary{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:16px}.avatar{display:grid;place-items:center;width:64px;height:64px;border:1px solid #b8d9dd;border-radius:8px;background:#e6f5f6;color:#0b5961;font-size:1.8rem;font-weight:700}.avatar-image{display:block;object-fit:cover}.profile-summary div:last-child{display:grid;gap:4px;min-width:0}.profile-summary span{overflow-wrap:anywhere;color:#526070}.profile-picture-actions{display:flex;flex-wrap:wrap;gap:10px}.upload-button,.profile-picture-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #cfd9e8;border-radius:6px;background:#fff;color:#172033;cursor:pointer;font-weight:600;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease,background-color .16s ease}.profile-picture-button{font-weight:600}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profile-stats article{display:grid;gap:4px;padding:16px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.profile-stats strong{font-size:1.45rem}.profile-stats span{color:#526070;font-size:.9rem;font-weight:600}.profile-billing-panel{display:grid;gap:12px;padding:16px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fbfd}.profile-billing-panel>div:first-child{display:grid;gap:5px}.profile-billing-panel strong{color:#172033;font-size:1.05rem}.profile-billing-panel span{color:#526070;font-size:.88rem;font-weight:650}.billing-content{display:grid;gap:16px;padding:24px 32px 32px}.plan-lock-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 32px;padding:14px;border:1px solid #f1c6c6;border-radius:8px;background:#fff5f5;color:#7f1d1d}.billing-content>.plan-lock-banner{margin:0}.plan-lock-banner div{display:grid;gap:4px;min-width:0}.plan-lock-banner strong{color:#7f1d1d}.plan-lock-banner span{color:#9f3333;font-size:.9rem;font-weight:650}.plan-lock-banner .primary-action{white-space:nowrap}.billing-summary-panel{display:grid;gap:14px;padding:16px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fbfd}.billing-summary-panel>div:first-child{display:grid;gap:5px}.billing-summary-panel strong{color:#172033}.billing-summary-panel span,.billing-summary-panel p{margin:0;color:#526070;font-size:.88rem;font-weight:650}.billing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.billing-facts article{display:grid;gap:4px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.billing-plan-actions{display:flex;flex-wrap:wrap;gap:10px}.billing-plan-actions button{min-height:38px;padding:0 12px}.billing-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.billing-info-grid article,.auto-renew-control{min-width:0;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fbfd}.billing-info-grid article{display:grid;gap:4px}.billing-info-grid span,.auto-renew-control span{color:#526070;font-size:.8rem;font-weight:700}.billing-info-grid strong{overflow:hidden;color:#172033;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.auto-renew-control{display:flex;align-items:center;justify-content:space-between;gap:12px}.auto-renew-control>div{display:grid;gap:4px}.auto-renew-control>div>span{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.auto-renew-status-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:.72rem;font-weight:900;line-height:1}.auto-renew-status-badge.active{background:#dcfce7;color:#166534}.auto-renew-status-badge.inactive{background:#fee2e2;color:#991b1b}.auto-renew-control button{min-width:120px}.auto-renew-on-button{background:#15803d;color:#fff}.auto-renew-on-button:hover:not(:disabled){background:#166534}.plan-action-stack{display:grid;gap:5px;min-width:min(100%,240px)}.plan-action-stack small{color:#526070;font-size:.76rem;line-height:1.35}.plan-action-stack .payment-method-note{padding:7px 8px;border:1px solid #d6ebee;border-radius:7px;background:#f1fbfc;color:#315f68}.plan-benefits-panel{gap:16px}.plan-benefits-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.plan-benefits-header>div:first-child{display:grid;gap:4px}.plan-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plan-benefit-card{display:grid;align-content:start;gap:12px;padding:14px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.plan-benefit-card .plan-action-stack{align-self:end;margin-top:4px;min-width:0}.plan-benefit-card .plan-action-stack button{width:100%}.free-plan-note{align-self:end;color:#526070;font-size:.8rem;font-weight:750}.plan-benefit-card.current{border-color:#0f7f8c;background:#eefafa;box-shadow:0 14px 30px #0f7f8c1f}.plan-benefit-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-benefit-card>div:first-child span{padding:4px 8px;border-radius:999px;background:#0f7f8c;color:#fff;font-size:.68rem;font-weight:800}.plan-benefit-card p{display:grid;gap:4px;margin:0;color:#172033;font-size:.9rem;font-weight:800}.plan-benefit-card p small{color:#526070;font-size:.76rem;font-weight:750;line-height:1.35}.plan-benefit-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.plan-benefit-card li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:start;color:#526070;font-size:.82rem;font-weight:650;line-height:1.35}.plan-benefit-card li svg{margin-top:1px;color:#0f7f8c}.billing-history-list{display:grid;gap:10px}.billing-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.billing-history-row>div{display:grid;gap:4px;min-width:0}.empty-state.compact{margin:0}.action-empty-state{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;text-align:center}.action-empty-state .primary-action{min-height:34px;padding:0 12px}.billing-toggle.compact{width:max-content;max-width:100%}.billing-toggle.compact button{min-height:32px;padding:0 12px;font-size:.8rem}.profile-plan-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-plan-actions button{min-height:38px;padding:0 12px}.profile-form{display:grid;grid-template-columns:1fr auto auto;gap:14px}.profile-form label{grid-column:1 / -1;display:grid;gap:8px;color:#344154;font-weight:600}.profile-notification-section{grid-column:1 / -1;display:grid;gap:10px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fbfd}.profile-notification-section>div:first-child{display:grid;gap:4px}.profile-notification-section strong{color:#172033;font-size:.95rem}.profile-notification-section span{color:#526070;font-size:.84rem;font-weight:650}.profile-preference-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #dbe5ef;border-radius:8px;background:#fff}.profile-preference-row span{display:grid;gap:2px;flex:1}.profile-preference-row small{color:#7a8797;font-size:.72rem;font-weight:700}.profile-preference-row.locked{opacity:.78}.whatsapp-preference-list{display:grid;grid-column:1 / -1;gap:10px;padding:12px;border:1px solid #d7e4ec;border-radius:8px;background:#f6fafb}.whatsapp-verification-panel{display:grid;grid-column:1 / -1;gap:10px;padding:12px;border:1px solid #cfe4dd;border-radius:8px;background:#f4fbf7}.whatsapp-verification-panel>div:first-child{display:grid;gap:4px}.whatsapp-verification-panel strong{color:#174638;font-size:.9rem}.whatsapp-verification-panel span{color:#4c6a5e;font-size:.82rem;font-weight:650}.whatsapp-otp-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.whatsapp-otp-form input{min-height:38px}.whatsapp-otp-form button{min-height:38px;padding:0 14px}.whatsapp-preference-list>div:first-child{display:grid;gap:4px;padding:0 2px 2px}.whatsapp-category-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid #dbe7ef;border-radius:8px;background:#fff}.whatsapp-category-row span{display:grid;gap:4px;min-width:0;color:#253348;font-size:.84rem;font-weight:700;line-height:1.25}.whatsapp-category-row small{color:#68778b;font-size:.75rem;font-weight:500;line-height:1.35}.whatsapp-category-row .preference-state-button{align-self:center}.preference-state-button{min-width:48px;height:26px;padding:0 10px;border:0;border-radius:999px;background:#e3e9f2;box-shadow:none;color:#526070;cursor:pointer;font-size:.72rem;font-weight:900;letter-spacing:0;line-height:1}.preference-state-button:disabled{cursor:not-allowed}.preference-state-button.active{background:#0f7f8c;color:#fff}.profile-form .form-error,.profile-form .form-success{grid-column:1 / -1}.profile-form .primary-action{justify-self:start}.admin-panel header span{color:#526070;font-weight:600}.plan-pricing-panel,.admin-service-panel{display:grid;gap:14px;padding:18px 24px;border-bottom:1px solid #e4eaf3}.admin-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-service-card{display:grid;gap:12px;padding:14px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.admin-service-top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:10px}.admin-service-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b8d9dd;border-radius:8px;background:#e6f5f6;color:#0b5961}.admin-service-top div{display:grid;gap:3px}.admin-service-top div>span,.admin-service-card label{color:#526070;font-size:.84rem}.admin-service-card label{display:grid;gap:6px;font-weight:650}.admin-service-checkbox{grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:10px}.admin-service-checkbox input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:#0f7f8c}.admin-service-actions{display:flex;justify-content:flex-end}.admin-payments-panel,.admin-whatsapp-panel{display:grid;gap:14px;padding:18px 24px;border-bottom:1px solid #e4eaf3}.admin-whatsapp-list{display:grid;gap:8px}.admin-whatsapp-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#f7fbfc}.admin-whatsapp-form label{display:grid;gap:6px;color:#526070;font-size:.82rem;font-weight:750}.admin-whatsapp-form .admin-whatsapp-json,.admin-whatsapp-form .form-success{grid-column:1 / -1}.admin-whatsapp-form .primary-action{justify-self:end}.admin-whatsapp-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto auto auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.admin-whatsapp-row>div{display:grid;gap:3px;min-width:0}.admin-whatsapp-row strong,.admin-whatsapp-row span,.admin-whatsapp-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-whatsapp-row>div>span,.admin-whatsapp-row>div>small{color:#526070;font-size:.8rem;font-weight:650}.admin-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-section-header h3{margin:0}.admin-section-header>span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #b8d9dd;border-radius:999px;background:#eefafa;color:#0b5961;font-size:.78rem;font-weight:800}.plan-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-payment-list{display:grid;gap:10px}.admin-payment-row{display:grid;grid-template-columns:minmax(170px,1.15fr) minmax(120px,.7fr) minmax(130px,.7fr) minmax(220px,1.2fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.admin-payment-row>div{display:grid;gap:4px;min-width:0}.admin-payment-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-payment-row>.icon-button{justify-self:end}.analytics-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e4eaf3}.analytics-panel header h2{margin:0}.analytics-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.analytics-date-filter{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #d7e4ed;border-radius:8px;background:#f7fbfc}.analytics-date-filter button{min-height:30px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#526070;font-size:.78rem;font-weight:800;cursor:pointer}.analytics-date-filter button.active{background:#14939f;color:#fff}.analytics-header-actions>span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #b8d9dd;border-radius:999px;background:#eefafa;color:#0b5961;font-size:.78rem;font-weight:800}.analytics-overview-grid,.analytics-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px 24px;border-bottom:1px solid #e4eaf3}.analytics-funnel{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;border-bottom:0}.analytics-overview-grid article,.analytics-funnel article{display:grid;gap:4px;padding:14px;border:1px solid #dce7ef;border-radius:8px;background:#f7fbfc}.analytics-overview-grid strong,.analytics-funnel strong{color:#0f3c46;font-size:1.3rem}.analytics-overview-grid span,.analytics-funnel span{color:#5c6f82;font-size:.82rem;font-weight:750}.analytics-funnel small{color:#7a899b;font-size:.72rem;font-weight:750}.analytics-funnel-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-section{display:grid;gap:14px;padding:18px 24px;border-bottom:1px solid #e4eaf3}.analytics-campaign-card{display:grid;gap:12px;padding:14px;border:1px solid #dce7ef;border-radius:8px;background:#fff}.analytics-campaign-table{display:grid;gap:8px;overflow-x:auto}.analytics-campaign-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(110px,.9fr) minmax(160px,1.2fr) repeat(7,minmax(82px,.7fr));align-items:center;gap:10px;min-width:980px;padding:12px;border:1px solid #dce7ef;border-radius:8px;background:#fff}.analytics-campaign-row.table-head{background:#eefafa;color:#0b5961;font-size:.76rem;font-weight:900;text-transform:uppercase}.analytics-campaign-row strong,.analytics-campaign-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-campaign-row span{color:#526070;font-size:.82rem;font-weight:750}.analytics-table{display:grid;gap:8px}.analytics-table article{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,.9fr) minmax(150px,auto);align-items:center;gap:12px;padding:12px;border:1px solid #dce7ef;border-radius:8px;background:#fff}.analytics-table article>div{display:grid;gap:4px;min-width:0}.analytics-table strong,.analytics-table span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-table span{color:#617286;font-size:.8rem}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px}.my-task-kanban{padding:0 24px 18px}.kanban-column{display:grid;align-content:start;gap:10px;min-height:260px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fbfd;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.kanban-column.drop-target{border-color:#007c89;border-width:2px;background:linear-gradient(180deg,#e8fafcfa,#f4fbfcfa);box-shadow:inset 0 0 0 2px #007c8957,inset 4px 0 #007c89,0 16px 34px #007c8933;transform:translateY(-1px)}.kanban-column header{display:flex;align-items:center;justify-content:space-between}.kanban-column>div,.activity-log-list,.task-comment-list,.checklist-list,.attachment-list{display:grid;gap:8px}.kanban-task,.activity-log-list article,.task-comment-list article,.checklist-row,.attachment-list a{display:grid;gap:6px;padding:10px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease;will-change:transform}.kanban-task-top{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}.kanban-drag-handle{display:none}@media (min-width: 701px){.kanban-task-top{grid-template-columns:30px minmax(0,1fr)}.kanban-drag-handle{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d4deeb;border-radius:8px;background:#f8fafc;color:#526070;cursor:grab;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.kanban-task:hover .kanban-drag-handle{border-color:#0f7f8c;background:#eefafa;color:#0a5964;transform:translateY(-1px)}.dark-mode .kanban-drag-handle{border-color:#28364a;background:#0f1724;color:#a8b6c8}.dark-mode .kanban-task:hover .kanban-drag-handle{border-color:#34c6d7;background:#123244;color:#8ee7f2}}.kanban-task[draggable=true]{cursor:grab}.kanban-task.dragging{border-color:#0f7f8c;background:linear-gradient(180deg,#fff,#eefafa);color:#0f2f38;opacity:.9;cursor:grabbing;transform:rotate(.45deg) scale(.985);box-shadow:0 22px 46px #0f7f8c38,0 0 0 1px #0f7f8c33}.kanban-task.dragging :is(strong,span){color:inherit}.kanban-task.dragging .kanban-drag-handle{border-color:#0f7f8c;background:#0f7f8c;color:#fff;cursor:grabbing}.dark-mode .kanban-column.drop-target{border-color:#34c6d7;background:linear-gradient(180deg,#123244f0,#0d1e2df5);box-shadow:inset 0 0 0 1px #34c6d73d,0 14px 34px #00000057}.dark-mode .kanban-task.dragging{border-color:#34c6d7;background:#12283c;color:#f4fbff;opacity:.86;box-shadow:0 22px 46px #00000061,0 0 0 1px #34c6d72e}.dark-mode .kanban-task.dragging :is(strong,span){color:inherit}.dark-mode .kanban-task.dragging .kanban-drag-handle{border-color:#34c6d7;background:#34c6d7;color:#06131d}.dark-mode .kanban-column.drop-target .kanban-task:not(.dragging){border-color:#31465d;background:#101b2a}.dark-mode .kanban-column.drop-target header span{border-color:#34c6d752;background:#34c6d7;color:#06131d}.kanban-column.drop-target .kanban-task:not(.dragging){border-color:#c3e6eb;background:#fff;transform:translateY(2px)}.kanban-column.drop-target header span{border-color:#0f7f8c42;background:#0f7f8c;color:#fff}.kanban-column.drop-target header span{animation:kanban-count-pulse .7s ease infinite alternate}.kanban-task.settled{animation:settle-card .24s ease}.kanban-task select{min-width:0}.kanban-task-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kanban-task-actions button{width:100%;min-width:0}@keyframes kanban-count-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.activity-log-panel,.task-collaboration-section{display:grid;gap:12px;padding:14px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fbfd}.activity-log-panel header,.task-collaboration-section>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.comments-section{gap:8px;padding:10px}.comments-section>div:first-child span{min-height:24px;padding:3px 8px;border-radius:999px;background:#eef4f8;color:#526070;font-size:.72rem;font-weight:800}.task-comment-list{gap:6px}.task-comment-list>span{color:#687586;font-size:.84rem}.task-comment-list article{gap:3px;padding:8px 9px;border-radius:7px}.task-comment-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.task-comment-list article strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;white-space:nowrap}.task-comment-list article p{margin:0;color:#344154;font-size:.88rem;line-height:1.35}.task-comment-list article small{flex:0 0 auto;color:#687586;font-size:.74rem;white-space:nowrap}.comments-section .task-comment-form{gap:6px}.comments-section .task-comment-form input{min-height:36px;padding:0 10px;font-size:.88rem}.comments-section .task-comment-form .primary-action{min-height:36px;padding:0 12px}.inline-control,.checklist-row{display:flex;align-items:center;gap:8px}.inline-control{font-size:.9rem;font-weight:700}.checklist-section{gap:8px;padding:10px}.checklist-section>div:first-child span{min-height:24px;padding:3px 8px;border-radius:999px;background:#e6f5f6;color:#0b5961;font-size:.72rem;font-weight:800}.checklist-list{gap:5px}.checklist-list>span{color:#687586;font-size:.84rem}.checklist-row{display:grid;grid-template-columns:18px minmax(0,1fr) 24px;column-gap:14px;min-height:34px;padding:6px 7px;border-radius:7px;font-size:.88rem}.checklist-row input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;border:1px solid #9fb6c7;border-radius:5px;background:#fff;accent-color:#0f7f8c}.checklist-row input:checked{border-color:#0f7f8c;background:#0f7f8c}.checklist-row input:checked:after{position:absolute;top:1px;left:5px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;content:"";transform:rotate(45deg)}.checklist-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-row input:checked+span{color:#526070;text-decoration:line-through}.checklist-row:has(input:checked){border-color:#9bd3d9;background:#eefafa}.checklist-row .icon-button{width:24px;min-width:24px;height:24px;min-height:24px;border:0;background:transparent}.checklist-row .icon-button:hover:not(:disabled){background:transparent;color:#b42318;box-shadow:none}.checklist-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.checklist-form input{min-height:36px;padding:0 10px;font-size:.88rem}.checklist-form .primary-action{min-height:36px;padding:0 12px}.approval-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.approval-actions>span{color:#526070;font-size:.84rem}.attachment-list a{color:#0b5961;text-decoration:none}.attachment-list a small{color:#526070}.plan-price-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.plan-price-card>div,.plan-price-card>button{grid-column:1 / -1}.plan-price-card>div{display:grid;gap:4px}.plan-price-card strong{display:block;color:#172033}.plan-price-card span{display:block;color:#526070;font-size:.84rem;font-weight:650}.plan-price-card label{display:grid;gap:6px;color:#344154;font-size:.84rem;font-weight:700}.user-table{display:grid;gap:12px;padding:24px 32px 32px}.user-row{display:grid;gap:10px;padding:14px;border:1px solid #dfe6f0;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 10px 24px #1720330f}.user-row:hover{border-color:#b8d9dd;background:#fff;box-shadow:0 14px 30px #0f7f8c14}.user-row div{display:grid;gap:4px;min-width:0}.admin-user-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.admin-user-main{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px}.admin-user-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b8d9dd;border-radius:8px;background:#e6f5f6;color:#0b5961;font-size:1rem;font-weight:800;object-fit:cover}.admin-user-copy{min-width:0;gap:6px}.admin-user-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.admin-user-badges{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:6px;min-width:0;max-width:440px;overflow:hidden}.admin-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.admin-role-select{min-width:0;height:38px;font-weight:700}.admin-action-button{border-color:#cfd9e8;background:#fff;color:#344154}.admin-action-button:hover:not(:disabled){border-color:#0f7f8c;background:#eefafa;color:#0b5961}.admin-action-button.danger-action{border-color:#f1c6c6;background:#fff5f5;color:#a73333}.admin-action-button.danger-action:hover:not(:disabled){border-color:#dc8e8e;background:#fbe7e7;color:#8f2929}.user-row span{overflow-wrap:anywhere;color:#526070;font-size:.92rem}.status{flex:0 0 auto;justify-self:start;width:max-content;padding:3px 8px;border-radius:999px;font-size:.78rem}.status.active{border:1px solid #aad8c1;background:#f0fbf5;color:#22613e}.status.disabled{border:1px solid #f1c6c6;background:#fff5f5;color:#a73333}.subscription-badge{flex:0 1 auto;justify-self:start;overflow:hidden;max-width:320px;padding:3px 8px;border:1px solid #b8d9dd;border-radius:999px;background:#eefafa;color:#0b5961;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.subscription-controls{grid-column:1 / -1;display:grid;grid-template-columns:minmax(140px,180px) minmax(120px,150px) auto auto;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #edf1f7}.subscription-controls button{min-height:38px;width:auto;padding:0 12px}.notification-stack{position:fixed;top:92px;right:max(18px,calc((100vw - 1280px)/2 + 18px));z-index:220;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.install-prompt{position:fixed;right:max(14px,calc((100vw - 1280px)/2 + 14px));bottom:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(520px,calc(100vw - 28px));padding:12px;border:1px solid #c7dfe4;border-radius:8px;background:#fff;box-shadow:0 18px 45px #17203329}.install-prompt>div{display:grid;gap:4px;min-width:0}.install-prompt>div:last-child{display:flex;align-items:center;flex-shrink:0;gap:8px}.install-prompt strong{color:#172033;font-size:.95rem}.install-prompt span{color:#526070;font-size:.84rem;font-weight:650;line-height:1.35}.install-prompt .primary-action{min-height:36px;padding:0 12px}.install-instruction{padding:7px 10px;border-radius:999px;background:#eefafa;color:#0b5961;white-space:nowrap}.notification-toast{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:52px;padding:10px 10px 10px 12px;border:1px solid #cfd9e8;border-left-width:4px;border-radius:8px;background:#fffffffa;color:#344154;box-shadow:0 18px 42px #1720332e;pointer-events:auto;animation:notification-in .18s ease}.notification-toast svg{color:#0f7f8c}.notification-toast span{min-width:0;overflow-wrap:anywhere;font-size:.9rem;font-weight:650;line-height:1.35}.notification-toast .icon-button{width:30px;min-width:30px;height:30px;min-height:30px;border-color:#dbe3ef;background:#f8fafc;color:#526070}.notification-toast.success{border-left-color:#2f9b64}.notification-toast.success svg{color:#2f9b64}.notification-toast.info{border-left-color:#0f7f8c}.notification-toast.error{border-left-color:#b83232}.notification-toast.error svg{color:#b83232}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#0f172a85;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,#f8fbfdf0,#e6f5f6f0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lock-screen-card{display:grid;justify-items:center;gap:16px;width:min(100%,390px);padding:24px;border:1px solid #d6e5ec;border-radius:8px;background:#fff;color:#172033;text-align:center;box-shadow:0 24px 60px #1720332e}.lock-screen-card p{margin:0;color:#526070}.lock-screen-card h2{margin:4px 0 8px}.lock-screen-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e6f5f6;color:#0b5961}.lock-pin-form{display:grid;gap:10px;width:100%}.lock-pin-form input{width:100%;min-height:44px;text-align:center;font-size:1.12rem;font-weight:800}.lock-pin-form .pin-input{-webkit-text-security:disc;letter-spacing:.32em}.lock-pin-form .pin-input::placeholder{letter-spacing:0}.lock-pin-form .form-error,.lock-pin-form .form-success{margin:0;text-align:center}.lock-pin-form .primary-action{justify-content:center;width:100%}.lock-reset-button{justify-self:center;min-height:0;padding:2px 0 0;font-size:.84rem}.confirm-modal{display:grid;grid-template-columns:56px 1fr;gap:18px;width:min(460px,100%);padding:24px;border:1px solid #f1c6c6;border-radius:8px;background:#fff;box-shadow:0 26px 70px #0f172a47}.task-modal{display:grid;gap:18px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 26px 70px #0f172a47;overscroll-behavior:contain}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.task-modal label{display:grid;gap:8px;color:#344154;font-weight:600}.task-modal textarea{min-height:130px;resize:vertical;padding:10px 12px;border:1px solid #cfd9e8;border-radius:6px;color:#172033;background:#fff;box-shadow:inset 0 1px #17203308;transition:border-color .16s ease,box-shadow .16s ease}.task-modal textarea:focus{border-color:#0f7f8c;outline:3px solid rgba(15,127,140,.16)}.modal-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #f1c6c6;border-radius:50%;background:#fff5f5;color:#a73333;font-size:1.6rem;font-weight:700}.modal-copy{margin:14px 0 0;color:#526070;line-height:1.6}.modal-copy strong{color:#172033}.modal-actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:10px;margin-top:8px}.cancel-button,.danger-button{padding:0 16px}.cancel-button.icon-button,.danger-button.icon-button{padding:0}.cancel-button{border-color:#cfd9e8;background:#fff;color:#172033}.danger-button{background:#b83232;color:#fff}.auth-shell,.app-shell{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}.app-shell:not(.dark-mode),.auth-shell:not(.dark-mode){color:#182235;background:radial-gradient(circle at top left,rgba(15,127,140,.08),transparent 30%),linear-gradient(180deg,#f7fafc,#edf4f7 52%,#e9f1f5)}.app-shell:not(.dark-mode) .menu-bar,.app-shell:not(.dark-mode) .auth-panel,.app-shell:not(.dark-mode) .todo-panel,.app-shell:not(.dark-mode) .boards-panel,.app-shell:not(.dark-mode) .profile-panel,.app-shell:not(.dark-mode) .billing-panel,.app-shell:not(.dark-mode) .admin-panel,.auth-shell:not(.dark-mode) .auth-panel,.auth-shell:not(.dark-mode) .public-menu,.auth-shell:not(.dark-mode) .public-card,.auth-shell:not(.dark-mode) .public-hero{border-color:#d3e0e8;background:#fffffff7;box-shadow:0 20px 48px #1f33471c}.app-shell:not(.dark-mode) .app-header,.app-shell:not(.dark-mode) .auth-intro,.app-shell:not(.dark-mode) .boards-panel header,.app-shell:not(.dark-mode) .profile-panel header,.app-shell:not(.dark-mode) .billing-panel header,.app-shell:not(.dark-mode) .admin-panel header{border-bottom-color:#dbe7ee;background:linear-gradient(180deg,#fff,#f4f9fb)}.app-shell:not(.dark-mode) h1,.app-shell:not(.dark-mode) h2,.app-shell:not(.dark-mode) h3,.app-shell:not(.dark-mode) strong,.auth-shell:not(.dark-mode) h1,.auth-shell:not(.dark-mode) h2,.auth-shell:not(.dark-mode) h3,.auth-shell:not(.dark-mode) strong{color:#142033}.app-shell:not(.dark-mode) p,.app-shell:not(.dark-mode) span,.app-shell:not(.dark-mode) small,.auth-shell:not(.dark-mode) p,.auth-shell:not(.dark-mode) span,.auth-shell:not(.dark-mode) small{color:inherit}.app-shell:not(.dark-mode) .eyebrow,.auth-shell:not(.dark-mode) .eyebrow{color:#0f7f8c}.app-shell:not(.dark-mode) .menu-links{border-color:#d9e6ee;background:#f5f9fb}.app-shell:not(.dark-mode) .menu-links button,.auth-shell:not(.dark-mode) .public-menu-links button{color:#526276}.app-shell:not(.dark-mode) .menu-links button:hover,.app-shell:not(.dark-mode) .menu-links button.selected,.auth-shell:not(.dark-mode) .public-menu-links button:hover:not(:disabled),.auth-shell:not(.dark-mode) .public-menu-links button.selected{border-color:#b8d9dd;background:#e8f6f7;color:#0b5961}.app-shell:not(.dark-mode) .menu-links button.selected{border-color:#0f7f8c;box-shadow:inset 0 -2px #0f7f8c}.app-shell:not(.dark-mode) input,.app-shell:not(.dark-mode) select,.app-shell:not(.dark-mode) textarea,.auth-shell:not(.dark-mode) input,.auth-shell:not(.dark-mode) select,.auth-shell:not(.dark-mode) textarea{border-color:#c9d8e4;background:#fff;color:#182235}.app-shell:not(.dark-mode) input:focus,.app-shell:not(.dark-mode) select:focus,.app-shell:not(.dark-mode) textarea:focus,.auth-shell:not(.dark-mode) input:focus,.auth-shell:not(.dark-mode) select:focus,.auth-shell:not(.dark-mode) textarea:focus{border-color:#0f7f8c;outline:3px solid rgba(15,127,140,.14);box-shadow:0 0 0 1px #0f7f8c14}.app-shell:not(.dark-mode) .cancel-button,.auth-shell:not(.dark-mode) .cancel-button{border-color:#c9d8e4;background:#fff;color:#26354a}.app-shell:not(.dark-mode) .cancel-button:hover:not(:disabled),.auth-shell:not(.dark-mode) .cancel-button:hover:not(:disabled),.app-shell:not(.dark-mode) .icon-button:hover:not(:disabled){border-color:#9fb8ca;background:#f1f6f9;color:#142033}.app-shell:not(.dark-mode) .primary-action:hover:not(:disabled),.auth-shell:not(.dark-mode) .primary-action:hover:not(:disabled),.auth-shell:not(.dark-mode) .public-login-button:hover:not(:disabled){border-color:#0b5961;background:#0b5961}.app-shell:not(.dark-mode) .todo-list li,.app-shell:not(.dark-mode) .board-card,.app-shell:not(.dark-mode) .board-task-card,.app-shell:not(.dark-mode) .board-task-panel,.app-shell:not(.dark-mode) .opened-board-panel,.app-shell:not(.dark-mode) .opened-board-header,.app-shell:not(.dark-mode) .member-panel,.app-shell:not(.dark-mode) .board-chat-panel,.app-shell:not(.dark-mode) .profile-stats article,.app-shell:not(.dark-mode) .profile-billing-panel,.app-shell:not(.dark-mode) .profile-notification-section,.app-shell:not(.dark-mode) .profile-trial-banner,.app-shell:not(.dark-mode) .dashboard-overview article,.app-shell:not(.dark-mode) .admin-report-panel article,.app-shell:not(.dark-mode) .user-row,.app-shell:not(.dark-mode) .admin-payment-row,.app-shell:not(.dark-mode) .plan-price-card,.app-shell:not(.dark-mode) .pricing-card,.app-shell:not(.dark-mode) .kanban-column,.app-shell:not(.dark-mode) .activity-log-panel,.app-shell:not(.dark-mode) .task-collaboration-section,.app-shell:not(.dark-mode) .task-modal{border-color:#d6e3eb;background:#fff;color:#182235;box-shadow:0 10px 24px #1f33470f}.app-shell:not(.dark-mode) .kanban-column,.app-shell:not(.dark-mode) .board-task-panel,.app-shell:not(.dark-mode) .task-collaboration-section,.app-shell:not(.dark-mode) .activity-log-panel,.app-shell:not(.dark-mode) .filter-panel,.app-shell:not(.dark-mode) .summary,.app-shell:not(.dark-mode) .profile-form,.app-shell:not(.dark-mode) .board-form,.app-shell:not(.dark-mode) .member-form{background:#f6fafb}.profile-trial-banner{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.1rem;border:1px solid rgba(124,92,255,.24);border-radius:14px;background:linear-gradient(180deg,#7c5cff1f,#12ad9e14);color:inherit}.app-shell:not(.dark-mode) .profile-trial-banner{border-color:#0f7f8c38;background:linear-gradient(180deg,#0f7f8c14,#7c5cff14)}.profile-trial-banner strong{font-size:1rem;line-height:1.3}.profile-trial-banner span{font-size:.94rem;line-height:1.55;color:inherit}.profile-mobile-section{display:grid;gap:14px}.profile-mobile-fields{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(180px,.7fr) minmax(220px,1fr);gap:10px}.profile-mobile-fields label{display:grid;gap:7px;color:#405166;font-size:.78rem;font-weight:900}.profile-mobile-fields input,.profile-mobile-fields select{min-height:42px;border-radius:10px;font-size:.92rem;font-weight:750}.profile-mobile-fields select:disabled{cursor:not-allowed;opacity:.85}.profile-danger-zone{display:grid;gap:12px;padding:16px;border:1px solid rgba(220,38,38,.28);border-radius:14px;background:linear-gradient(180deg,#dc262614,#dc262608)}.profile-danger-zone>div{display:grid;gap:5px}.profile-danger-zone strong{font-size:1rem}.profile-danger-zone span{max-width:760px;color:inherit;font-size:.92rem;line-height:1.55}.profile-danger-zone .danger-button{justify-self:start}.app-shell:not(.dark-mode) .profile-danger-zone{border-color:#efb8b8;background:#fff7f7}.profile-preference-row .preference-state-button{align-items:center;display:inline-flex;gap:6px;justify-content:center}.profile-preference-actions{align-items:center;display:inline-flex;gap:8px;justify-content:flex-end}.profile-preference-row .preference-state-button.secondary{background:#edf5fb;color:#344154}.browser-push-modal{display:grid;grid-template-columns:1fr;gap:16px;max-width:520px;padding:24px;border-color:#c9d8e4}.browser-push-content{align-items:flex-start;display:grid;grid-template-columns:58px 1fr;gap:16px;padding-right:28px}.browser-push-icon{align-items:center;display:inline-flex;justify-content:center;width:54px;height:54px;border:1px solid #b9eaf0;border-radius:16px;background:linear-gradient(145deg,#e7fbff,#d3f5fb);color:#0f7480}.browser-push-modal h2{margin:2px 0 8px;color:#172033;font-size:1.38rem;line-height:1.18}.browser-push-modal .modal-copy{margin:0;color:#516072;font-size:.95rem;line-height:1.55}.browser-push-note{display:block;width:100%;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid #dce8ef;border-radius:10px;background:#f6fbfd;color:#526276;font-size:.84rem;font-weight:750}.browser-push-modal .modal-actions{display:flex;justify-content:flex-end;width:100%}.app-shell:not(.dark-mode) .profile-mobile-fields label{color:#526276}.app-shell:not(.dark-mode) .profile-mobile-fields input,.app-shell:not(.dark-mode) .profile-mobile-fields select{border-color:#c9d8e4;background:#f8fbfd}.feedback-panel{display:grid;gap:18px;width:min(95vw,980px);padding:22px}.feedback-panel .section-heading-row{margin:0;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.18)}.feedback-panel .section-heading-row>div{display:grid;gap:5px}.feedback-panel h2,.feedback-panel p{margin:0}.feedback-panel .section-heading-row p:not(.eyebrow){max-width:680px;color:#64748b;line-height:1.55}.feedback-form{display:grid;gap:16px;max-width:760px;padding:18px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#ffffffbd}.feedback-form .contact-form-header{display:grid;gap:4px;margin:0;padding:0 0 12px;border-bottom:1px solid rgba(148,163,184,.16)}.feedback-form label{gap:7px}.feedback-form textarea{min-height:150px}.feedback-form .modal-actions{justify-content:flex-start;margin:2px 0 0}.app-shell:not(.dark-mode) .feedback-form{background:#f8fbfc}.dark-mode .feedback-form{border-color:#94a3b829;background:#0f172a9e}.dark-mode .feedback-panel .section-heading-row p:not(.eyebrow){color:#9fb0c7}.app-shell:not(.dark-mode) .kanban-task,.app-shell:not(.dark-mode) .task-comment-list article,.app-shell:not(.dark-mode) .checklist-row,.app-shell:not(.dark-mode) .attachment-list a,.app-shell:not(.dark-mode) .activity-log-list article,.app-shell:not(.dark-mode) .board-chat-list article,.app-shell:not(.dark-mode) .notification-panel,.app-shell:not(.dark-mode) .notification-item,.app-shell:not(.dark-mode) .whatsapp-preference-list{border-color:#d8e5ed;background:#fff;color:#182235}.app-shell:not(.dark-mode) .segmented-control,.app-shell:not(.dark-mode) .billing-toggle,.app-shell:not(.dark-mode) .task-search-field,.app-shell:not(.dark-mode) .board-chat-input-wrap,.app-shell:not(.dark-mode) .date-field,.app-shell:not(.dark-mode) .subscription-summary,.app-shell:not(.dark-mode) .menu-install-button,.app-shell:not(.dark-mode) .menu-plan-badge,.app-shell:not(.dark-mode) .member-chip,.app-shell:not(.dark-mode) .role-badge,.app-shell:not(.dark-mode) .status-badge,.app-shell:not(.dark-mode) .overview-badge{border-color:#c7dfe4;background:#eef8f9;color:#0b5961}.app-shell:not(.dark-mode) .board-chat-input-wrap{background:linear-gradient(180deg,#fff,#f6fbfc)}.app-shell:not(.dark-mode) .board-chat-input-wrap textarea{color:#172033}.app-shell:not(.dark-mode) .segmented-control button{color:#526276}.app-shell:not(.dark-mode) .form-error,.auth-shell:not(.dark-mode) .form-error{border-color:#efb8b8;background:#fff4f4;color:#8f2929}.app-shell:not(.dark-mode) .form-success,.auth-shell:not(.dark-mode) .form-success{border-color:#a8d8bd;background:#f0fbf5;color:#22613e}.app-shell:not(.dark-mode) .notification-toast,.auth-shell:not(.dark-mode) .notification-toast{border-color:#d6e3eb;background:#fff;color:#182235}.app-shell:not(.dark-mode) .notification-toast.success,.auth-shell:not(.dark-mode) .notification-toast.success{border-left-color:#2f9c63}.app-shell:not(.dark-mode) .notification-toast.error,.auth-shell:not(.dark-mode) .notification-toast.error{border-left-color:#d94848}.app-shell:not(.dark-mode) .todo-title span,.app-shell:not(.dark-mode) .board-card p,.app-shell:not(.dark-mode) .board-task-card span,.app-shell:not(.dark-mode) .profile-summary span,.app-shell:not(.dark-mode) .profile-stats span,.app-shell:not(.dark-mode) .task-timestamps,.app-shell:not(.dark-mode) .task-comment-list article small,.app-shell:not(.dark-mode) .activity-log-list small,.app-shell:not(.dark-mode) .notification-item small{color:#5d6d80}.auth-shell,.app-shell{padding:28px 14px}.auth-panel,.todo-panel,.boards-panel,.profile-panel,.billing-panel,.admin-panel,.analytics-panel,.menu-bar,.opened-board-panel,.opened-board-header,.member-panel,.board-chat-panel,.board-task-panel,.profile-stats article,.user-row,.todo-list li,.board-task-card,.board-card,.task-modal,.confirm-modal{border-radius:6px}.menu-bar{gap:12px;margin-bottom:16px;padding:8px 10px}.brand-link,.menu-links button{min-height:32px}.menu-links{gap:6px}.menu-links button{padding:0 10px;font-size:.9rem}.menu-avatar{width:30px;height:30px}.icon-button{width:34px;min-width:34px;height:34px;min-height:34px}.auth-intro,.app-header,.boards-panel header,.profile-panel header,.billing-panel header,.admin-panel header,.analytics-panel header{padding:20px 24px}h1{font-size:2rem}h2{font-size:1.42rem}.auth-form,.todo-form,.board-content,.profile-content,.user-table{padding:16px 24px 22px}.board-content,.board-main-column,.board-page-panel,.profile-content{gap:16px}.board-page-panel{padding:18px}.opened-board-header,.member-panel,.board-chat-panel,.board-task-panel{padding:14px}.member-panel{gap:12px}.board-form,.member-form,.todo-form,.task-entry-form,.profile-form{gap:8px}input,select{height:38px;padding-inline:11px;font-size:.9rem}button{min-height:34px;font-size:.9rem}.task-entry-form .primary-action,.task-entry-form .cancel-button,.date-picker-trigger,.priority-field .priority-select,.date-field input{min-height:34px;height:34px}.task-entry-form .cancel-button{width:34px;min-width:34px}.date-popover{gap:9px;width:268px;padding:10px}.date-grid button{width:28px;min-width:28px;height:28px;min-height:28px}.filter-panel{gap:10px;padding:0 24px 16px}.segmented-control button{min-height:32px;padding:0 10px}.todo-list{gap:8px;padding:0 24px 20px}.todo-list li{grid-template-columns:36px 36px minmax(0,1fr) 126px auto;gap:10px;min-height:50px;padding:9px 10px}.drag-handle{width:32px;height:32px}.complete-button{min-height:30px;padding:0 8px;font-size:.78rem}.priority-select{height:34px;line-height:34px;padding-left:10px;font-size:.86rem}.summary{padding:14px 24px}.board-card-grid,.board-task-list{gap:8px}.board-card{min-height:148px;padding:12px}.board-card-header{grid-template-columns:32px minmax(0,1fr);gap:8px}.board-task-card{grid-template-columns:34px minmax(190px,1.2fr) 160px minmax(220px,1fr) auto;gap:10px;padding:10px}.board-task-order .icon-button{width:30px;min-width:30px;height:26px;min-height:26px}.member-chip{min-height:28px;padding:0 8px;font-size:.82rem}.board-task-card .assignee-list .member-chip button{width:18px;min-width:18px;height:18px;min-height:18px;border-color:transparent;background:transparent;box-shadow:none;color:#c73131}.board-task-card .assignee-list .member-chip button:hover:not(:disabled){border-color:transparent;background:transparent;box-shadow:none;color:#991f1f;transform:none}.dark-mode .board-task-card .assignee-list .member-chip button{border-color:transparent;background:transparent;color:#ff8d95}.dark-mode .board-task-card .assignee-list .member-chip button:hover:not(:disabled){border-color:transparent;background:transparent;color:#ffb4b9}.auth-shell:not(.dark-mode) h1,.auth-shell:not(.dark-mode) h2,.auth-shell:not(.dark-mode) h3,.app-shell:not(.dark-mode) h1,.app-shell:not(.dark-mode) h2,.app-shell:not(.dark-mode) h3,.app-shell:not(.dark-mode) .brand-link,.app-shell:not(.dark-mode) .menu-identity strong,.app-shell:not(.dark-mode) .board-task-card strong,.app-shell:not(.dark-mode) .profile-summary strong,.app-shell:not(.dark-mode) .user-row strong,.app-shell:not(.dark-mode) .modal-copy strong,.auth-shell:not(.dark-mode) .preview-column strong,.auth-shell:not(.dark-mode) .public-feature-grid strong,.auth-shell:not(.dark-mode) .contact-grid strong,.auth-shell:not(.dark-mode) .contact-form-header strong,.auth-shell:not(.dark-mode) .pricing-card strong{color:#111827}.auth-shell:not(.dark-mode) .auth-intro p:last-child,.auth-shell:not(.dark-mode) .public-hero-copy p:not(.eyebrow),.auth-shell:not(.dark-mode) .public-lead,.auth-shell:not(.dark-mode) .public-feature-grid span,.auth-shell:not(.dark-mode) .contact-grid span,.auth-shell:not(.dark-mode) .pricing-card li,.auth-shell:not(.dark-mode) .pricing-note,.auth-shell:not(.dark-mode) .pricing-card strong small,.auth-shell:not(.dark-mode) .contact-form-header span,.app-shell:not(.dark-mode) .user-line,.app-shell:not(.dark-mode) .menu-user,.app-shell:not(.dark-mode) .menu-identity small,.app-shell:not(.dark-mode) .filter-group>span,.app-shell:not(.dark-mode) .date-field span,.app-shell:not(.dark-mode) .priority-field span,.app-shell:not(.dark-mode) .board-selector span,.app-shell:not(.dark-mode) .opened-board-header span,.app-shell:not(.dark-mode) .board-card-meta,.app-shell:not(.dark-mode) .board-card-meta span,.app-shell:not(.dark-mode) .board-chat-panel header span,.app-shell:not(.dark-mode) .board-task-panel header span,.app-shell:not(.dark-mode) .profile-summary span,.app-shell:not(.dark-mode) .profile-stats span,.app-shell:not(.dark-mode) .admin-panel header span,.app-shell:not(.dark-mode) .user-row span,.app-shell:not(.dark-mode) .board-task-info span,.app-shell:not(.dark-mode) .task-timestamps,.app-shell:not(.dark-mode) .assignee-list,.app-shell:not(.dark-mode) .modal-copy,.app-shell:not(.dark-mode) .notification-item small,.app-shell:not(.dark-mode) .notification-empty,.app-shell:not(.dark-mode) .chat-message p small,.app-shell:not(.dark-mode) .chat-empty{color:#405166}.auth-shell:not(.dark-mode) label,.app-shell:not(.dark-mode) label,.app-shell:not(.dark-mode) .board-selector label,.app-shell:not(.dark-mode) .task-assignment-panel label,.auth-shell:not(.dark-mode) .auth-form label,.auth-shell:not(.dark-mode) .contact-form label,.app-shell:not(.dark-mode) .profile-form label,.app-shell:not(.dark-mode) .task-modal label{color:#26354a}.auth-shell:not(.dark-mode) input,.auth-shell:not(.dark-mode) select,.auth-shell:not(.dark-mode) textarea,.app-shell:not(.dark-mode) input,.app-shell:not(.dark-mode) select,.app-shell:not(.dark-mode) textarea{color:#111827}.auth-shell:not(.dark-mode) input::placeholder,.auth-shell:not(.dark-mode) textarea::placeholder,.app-shell:not(.dark-mode) input::placeholder,.app-shell:not(.dark-mode) textarea::placeholder{color:#6b7a8f}.profile-stats article{padding:12px}.dashboard-overview{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:8px;padding:2px 0 0}.admin-report-panel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:18px 24px;border-bottom:1px solid #e4eaf3}.admin-subtabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px 24px;border-bottom:1px solid #e4eaf3;background:#f8fbfd}.admin-subtabs button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid #d6e5ec;border-radius:999px;background:#fff;color:#405166;font-size:.84rem;font-weight:850;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.admin-subtabs button:hover{border-color:#0f7f8c;color:#0b5961}.admin-subtabs button.selected{border-color:#0f7f8c;background:#0f7f8c;color:#fff}.admin-subtabs small{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:#eaf4f7;color:#0b5961;font-size:.72rem;font-weight:900}.admin-subtabs button.selected small{background:#fff3;color:#fff}.admin-report-panel article{display:grid;gap:4px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#fff}.dashboard-overview article{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 10px;border:1px solid #d6e5ec;border-radius:999px;background:#f8fbfd;color:#405166}.dashboard-overview article.urgent{border-color:#fecaca;background:#fff1f2;color:#991b1b}.admin-report-panel strong{color:#172033;font-size:1.25rem}.dashboard-overview strong{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#0f7f8c;color:#fff;font-size:.84rem}.dashboard-overview article.urgent strong{background:#dc2626}.dashboard-overview article.urgent span{color:#991b1b}.dashboard-overview span{color:#405166;font-size:.82rem;font-weight:800;white-space:nowrap}.dark-mode .admin-report-panel strong{color:#f4f7fb}.dark-mode .admin-subtabs{border-color:#253248;background:#0c1420}.dark-mode .admin-subtabs button{border-color:#28364a;background:#111c2b;color:#cbd6e5}.dark-mode .admin-subtabs button:hover{border-color:#34c6d7;color:#8ee7f2}.dark-mode .admin-subtabs button.selected{border-color:#34c6d7;background:#0f7f8c;color:#fff}.dark-mode .admin-subtabs small{background:#182537;color:#8ee7f2}.dark-mode .admin-subtabs button.selected small{background:#ffffff2e;color:#fff}.dark-mode .dashboard-overview article{border-color:#28364a;background:#111c2b;color:#a8b6c8}.dark-mode .dashboard-overview article.urgent{border-color:#7f1d1d;background:#2a1118}.dark-mode .dashboard-overview strong{background:#0f7f8c;color:#fff}.dark-mode .dashboard-overview article.urgent strong{background:#ef4444}.dark-mode .dashboard-overview span{color:#cbd6e5}.dark-mode .dashboard-overview article.urgent span{color:#fecaca}.dark-mode .task-search-field{border-color:#28364a;background:#111c2b;color:#a8b6c8}.dark-mode .task-header-copy .eyebrow:after{background:#314159}.dark-mode .filter-toggle-button{border-color:#28364a;background:#111c2b;color:#edf5ff}.reminder-strip{display:grid;gap:8px;margin:12px 24px 0;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#f8fbfd}.reminder-strip div{display:flex;flex-wrap:wrap;gap:8px}.reminder-strip span{padding:5px 8px;border-radius:999px;background:#eefafa;color:#0b5961}.admin-users-section{display:grid;gap:14px;padding:18px 24px 24px}.account-appeals-panel,.admin-user-lock-reason{display:grid;gap:10px;padding:12px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}.admin-section-header.compact{padding:0;border:0}.account-appeals-list{display:grid;gap:8px}.account-appeal-row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.account-appeal-row div,.admin-user-lock-reason{min-width:0}.account-appeal-row strong,.admin-user-lock-reason strong{color:#172033;font-size:.9rem}.account-appeal-row span,.account-appeal-row p,.admin-user-lock-reason span{margin:0;color:#526070;font-size:.82rem;font-weight:650;overflow-wrap:anywhere}.user-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.user-row{display:grid;gap:12px;padding:14px;border:1px solid #dfe6f0;border-radius:10px;background:#fff;box-shadow:0 10px 28px #1f2d3d0f}.admin-user-meta-grid,.admin-user-plan-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-user-meta-grid span,.admin-user-plan-strip span{display:grid;gap:3px;min-width:0;padding:8px;border:1px solid #edf2f7;border-radius:8px;background:#f8fbfd;color:#405166;font-size:.82rem;font-weight:750;overflow-wrap:anywhere}.admin-user-meta-grid small,.admin-user-plan-strip small{color:#6b7b91;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.admin-user-plan-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-users-section .subscription-controls{display:grid;grid-template-columns:minmax(112px,1fr) minmax(104px,.8fr) minmax(176px,1.05fr);gap:8px;align-items:center;padding-top:12px;border-top:1px solid #e2eaf3}.admin-users-section .subscription-controls select,.admin-users-section .subscription-controls button,.admin-users-section .subscription-controls .launch-offer-admin-toggle{width:100%;min-width:0}.admin-users-section .subscription-controls .primary-action,.admin-users-section .subscription-controls .cancel-button{min-height:38px}.launch-offer-admin-toggle{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #c9d7e6;border-radius:8px;background:#f7fafc;color:#344154;font-size:.82rem;font-weight:800;white-space:nowrap}.launch-offer-admin-toggle input{position:absolute;opacity:0;pointer-events:none}.launch-offer-checkmark{display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:20px;border:1px solid #8fa1b6;border-radius:999px;background:#edf4f8}.launch-offer-checkmark:after{width:12px;height:12px;border-radius:50%;background:#8fa1b6;content:"";transform:translate(-5px);transition:transform .16s ease,background .16s ease}.launch-offer-admin-toggle:has(input:checked){border-color:#0f7f8c;background:#e7fbfd;color:#0b5961}.launch-offer-admin-toggle:has(input:checked) .launch-offer-checkmark{border-color:#0f7f8c;background:#0f7f8c}.launch-offer-admin-toggle:has(input:checked) .launch-offer-checkmark:after{background:#fff;transform:translate(5px)}.dark-mode .user-row{border-color:#253248;background:#101a28;box-shadow:none}.dark-mode .account-appeals-panel,.dark-mode .admin-user-lock-reason,.dark-mode .account-appeal-row{border-color:#253248;background:#0c1420}.dark-mode .account-appeal-row strong,.dark-mode .admin-user-lock-reason strong{color:#f4f7fb}.dark-mode .account-appeal-row span,.dark-mode .account-appeal-row p,.dark-mode .admin-user-lock-reason span{color:#a8b6c8}.dark-mode .admin-user-meta-grid span,.dark-mode .admin-user-plan-strip span{border-color:#253248;background:#0c1420;color:#d7e2ef}.dark-mode .admin-user-meta-grid small,.dark-mode .admin-user-plan-strip small{color:#8ea2ba}.dark-mode .admin-users-section .subscription-controls{border-top-color:#253248}.dark-mode .launch-offer-admin-toggle{border-color:#26374d;background:#101b2a;color:#dce7f5}.dark-mode .launch-offer-checkmark{border-color:#49627f;background:#0c1420}.dark-mode .launch-offer-checkmark:after{background:#7690ad}.dark-mode .launch-offer-admin-toggle:has(input:checked){border-color:#34c6d7;background:#102f3d;color:#8ee7f2}.dark-mode .launch-offer-admin-toggle:has(input:checked) .launch-offer-checkmark{border-color:#34c6d7;background:#0f7f8c}@media (max-width: 1440px){.admin-users-section .subscription-controls{grid-template-columns:minmax(120px,1fr) minmax(104px,.85fr) minmax(190px,1.2fr)}.admin-users-section .subscription-controls .primary-action,.admin-users-section .subscription-controls .cancel-button{grid-column:span 1}}@media (max-width: 1260px){.admin-users-section .subscription-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-section .subscription-controls .launch-offer-admin-toggle{grid-column:1 / -1}}.task-modal,.confirm-modal{gap:14px;padding:18px}.task-modal textarea{min-height:100px}@keyframes notification-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.affiliate-panel{display:grid;gap:16px;width:min(95vw,1180px);margin:0 auto}.affiliate-panel>header,.affiliate-hero-card,.affiliate-table-card,.admin-affiliate-panel{padding:20px;border:1px solid #dbe5ee;border-radius:8px;background:#fff;box-shadow:0 14px 34px #0f172a12}.affiliate-panel>header,.affiliate-hero-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.affiliate-panel>header{background:linear-gradient(135deg,#0f7f8c1a,#fff0 58%),#fff}.affiliate-panel h2{margin:2px 0 6px;color:#111827;font-size:clamp(1.35rem,2vw,2rem);font-weight:750;line-height:1.15}.affiliate-panel>header p:not(.eyebrow){margin:0;max-width:620px;color:#526276;font-size:.95rem;line-height:1.5}.affiliate-panel>header span,.affiliate-hero-card span,.affiliate-record-list span,.affiliate-admin-summary span{color:#526276}.affiliate-plan-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid rgba(15,127,140,.25);border-radius:999px;background:#0f7f8c17;color:#0f6f7b!important;font-size:.82rem;font-weight:700;white-space:nowrap}.affiliate-hero-card{align-items:flex-start}.affiliate-hero-card strong{display:block;margin:8px 0;padding:12px 14px;border:1px solid #cfe0ea;border-radius:8px;background:#f7fbfd;color:#0f7f8c;font-size:.98rem;font-weight:700;word-break:break-all}.affiliate-hero-card span{display:block;max-width:680px;font-size:.92rem;line-height:1.5}.affiliate-copy-button{flex:0 0 auto;min-height:42px}.affiliate-stats-grid,.affiliate-admin-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.affiliate-admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.affiliate-stats-grid article,.affiliate-admin-summary article,.affiliate-info-grid article{display:grid;gap:7px;padding:16px;border:1px solid #dbe5ee;border-radius:8px;background:#f8fbfd}.affiliate-stats-grid article{align-content:start;min-height:112px}.affiliate-stats-grid svg{color:#0f7f8c}.affiliate-stats-grid strong,.affiliate-admin-summary strong{color:#172033;font-size:clamp(1.22rem,1.8vw,1.55rem);font-weight:800;line-height:1.1}.affiliate-stats-grid span,.affiliate-info-grid span{color:#526276;font-size:.9rem;line-height:1.45}.affiliate-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.affiliate-info-grid strong{color:#111827;font-size:1rem;font-weight:750}.affiliate-record-list{display:grid;gap:12px;margin-top:14px}.affiliate-record-list article{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid #e2eaf2;border-radius:8px;background:#fff}.affiliate-record-list article>div{display:grid;gap:5px}.affiliate-record-list strong{color:#111827;font-size:.95rem}.affiliate-record-list small{color:#64748b;font-size:.78rem;white-space:nowrap}.affiliate-table-card .admin-section-header{padding-bottom:14px;border-bottom:1px solid #e2eaf2}.admin-affiliate-list article{grid-template-columns:1fr auto 90px auto}.affiliate-admin-actions{display:flex;gap:6px;justify-content:flex-end}.affiliate-admin-actions button{min-height:34px;padding:0 10px;font-size:.8rem}.dark-mode .affiliate-panel>header,.dark-mode .affiliate-hero-card,.dark-mode .affiliate-table-card,.dark-mode .admin-affiliate-panel,.dark-mode .affiliate-record-list article{border-color:#28364a;background:#101827}.dark-mode .affiliate-table-card .admin-section-header{border-bottom-color:#28364a}.dark-mode .affiliate-panel>header{background:linear-gradient(135deg,#12b8c624,#10182700 58%),#101827}.dark-mode .affiliate-stats-grid article,.dark-mode .affiliate-admin-summary article,.dark-mode .affiliate-info-grid article{border-color:#28364a;background:#111c2b}.dark-mode .affiliate-hero-card strong{border-color:#24384d;background:#0e1726;color:#5ee7f1}.dark-mode .affiliate-plan-pill{border-color:#5ee7f147;background:#5ee7f11a;color:#7df3fb!important}.dark-mode .affiliate-panel h2,.dark-mode .affiliate-info-grid strong,.dark-mode .affiliate-record-list strong{color:#f8fbff}.dark-mode .affiliate-stats-grid strong,.dark-mode .affiliate-admin-summary strong,.dark-mode .affiliate-record-list strong{color:#edf5ff}.dark-mode .affiliate-panel>header span,.dark-mode .affiliate-hero-card span,.dark-mode .affiliate-record-list span,.dark-mode .affiliate-admin-summary span,.dark-mode .affiliate-info-grid span{color:#aebed0}@media (max-width: 760px){.affiliate-panel>header,.affiliate-hero-card{align-items:stretch;flex-direction:column}.affiliate-panel>header,.affiliate-hero-card,.affiliate-table-card,.admin-affiliate-panel{padding:16px}.affiliate-plan-pill{align-self:flex-start;white-space:normal;text-align:left}.affiliate-copy-button{width:100%}.affiliate-stats-grid,.affiliate-admin-summary,.affiliate-info-grid{grid-template-columns:1fr}.affiliate-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-stats-grid article{min-height:0}.affiliate-record-list article,.admin-affiliate-list article{grid-template-columns:1fr;gap:10px;padding:14px}.affiliate-record-list small{white-space:normal}.affiliate-admin-actions{justify-content:stretch}.affiliate-admin-actions button{flex:1}}@media (max-width: 980px){.blog-list-grid,.whatsapp-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-hero,.contact-page{grid-template-columns:1fr}.product-preview{min-height:300px}.public-feature-grid,.legal-section-grid,.pricing-grid,.public-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boards-panel-opened{width:min(95vw,860px)}.board-page-panel{grid-template-columns:1fr}.board-side-column{position:static;max-height:none;overflow:visible}.board-chat-panel{grid-column:1;grid-row:auto;width:100%;max-height:none}.board-chat-list{max-height:320px;min-height:0}.member-panel{grid-template-columns:1fr}.board-task-card{grid-template-columns:40px minmax(0,1fr)}.board-task-panel .task-entry-form{grid-template-columns:1fr 154px}.board-task-card select,.board-task-card .assignee-list{grid-column:1 / -1}}@media (max-width: 700px){html,body{max-width:100%;overflow-x:clip}.install-prompt{left:10px;right:10px;bottom:10px;display:grid;width:auto}.install-prompt>div:last-child{justify-content:space-between}.install-instruction{white-space:normal}input,select,textarea,button{font-size:16px}.auth-shell,.app-shell{width:100%;max-width:100%;padding:20px 12px}.app-shell :is(.menu-bar,.todo-panel,.boards-panel,.profile-panel,.billing-panel,.admin-panel,.analytics-panel,.affiliate-panel,.feedback-panel){max-width:100%;box-sizing:border-box}.public-menu{grid-template-columns:1fr auto}.public-menu-links{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.public-menu-links button{white-space:nowrap}.public-hero,.public-scroll-pitch,.public-page-card{padding:22px}.public-hero-copy h1,.public-scroll-pitch h2,.public-page-card h1{font-size:2.25rem}.public-scroll-pitch{gap:13px;text-align:left;justify-items:stretch}.scroll-pitch-icon{width:50px;height:50px;border-radius:14px}.scroll-pitch-card{grid-template-columns:1fr;padding:15px}.scroll-pitch-actions{justify-content:flex-start}.preview-board,.public-feature-grid,.legal-section-grid,.pricing-grid,.plan-benefit-grid,.public-faq-grid,.comparison-table>div{grid-template-columns:1fr}.comparison-table :is(strong,span):first-child{border-right:0}.comparison-table span+span{border-top:1px solid #e4eaf3}.dark-mode .comparison-table span+span{border-top-color:#28364a}.preview-column{min-height:0}.menu-bar{grid-template-columns:1fr}.menu-user{flex-wrap:wrap}.notification-stack{top:10px;right:10px;left:10px;width:auto}.app-header,.boards-panel header,.profile-panel header,.billing-panel header,.admin-panel header,.summary{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-start;max-width:none}.todo-form,.board-form,.member-form,.board-chat-form,.board-selector,.subscription-controls,.task-entry-form,.board-task-panel .task-entry-form,.board-task-card,.todo-list li,.user-row{grid-template-columns:1fr}.auth-intro,.auth-form,.todo-form,.board-panel,.filter-panel,.todo-list,.app-header,.boards-panel header,.board-content,.profile-panel header,.profile-content,.summary,.admin-panel header,.user-table{padding-left:18px;padding-right:18px}.filter-panel{grid-template-columns:1fr;gap:10px}.task-header-copy{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%}.task-header-copy .eyebrow{margin:0;font-size:.72rem;white-space:nowrap}.task-header-copy .eyebrow:after{display:inline-block;width:1px;height:18px;margin-left:8px;background:#c9d5e5;content:"";vertical-align:middle}.task-header-copy h1{font-size:1.45rem;white-space:nowrap}.filter-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;border:1px solid #d4deeb;border-radius:8px;background:#fff;color:#172033;font-weight:850}.filter-groups{display:none;justify-content:flex-start;justify-items:stretch;margin-left:0;gap:12px;width:100%}.filter-groups.open{display:grid}.filter-group{justify-items:start;text-align:left;width:100%}.subscription-summary{align-items:flex-start;flex-direction:column}.verification-card{align-items:stretch;flex-direction:column}.segmented-control{width:100%}.segmented-control button{flex:1}.profile-stats{grid-template-columns:1fr}.dashboard-overview{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding:2px 0 0}.dashboard-overview article{justify-content:center;min-width:0;padding-inline:7px}.empty-state,.link-button{margin-left:18px;margin-right:18px}.board-page-panel,.opened-board-header,.board-chat-panel{padding:16px}.confirm-modal{grid-template-columns:1fr}.task-modal{max-height:calc(100vh - 24px)}.modal-actions{flex-direction:column-reverse}}@media (max-width: 700px){.auth-shell,.app-shell{padding:12px 8px}.auth-panel,.todo-panel,.boards-panel,.profile-panel,.billing-panel,.admin-panel,.analytics-panel,.menu-bar,.public-menu,.public-card,.public-hero,.public-footer{width:100%;border-radius:8px}.menu-bar{grid-template-columns:1fr;gap:10px;margin-bottom:10px;padding:10px}.brand-link{justify-self:start;font-size:1rem}.menu-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}.menu-links button{justify-content:center;min-height:38px;padding:0 8px}.menu-user{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px 36px;align-items:center;gap:7px;width:100%}.menu-profile-button{justify-content:flex-start;max-width:none;min-width:0;width:100%;padding-right:10px;background:#0f7f8c0f;border-color:#d9e6ee}.menu-identity{min-width:0}.notification-panel{position:fixed;top:92px;right:8px;left:8px;width:auto;max-height:calc(100vh - 112px)}.app-header,.boards-panel header,.profile-panel header,.billing-panel header,.admin-panel header,.analytics-panel header{gap:12px;padding:16px}h1{font-size:1.7rem}h2{font-size:1.28rem}.header-actions{justify-items:stretch}.auth-form,.todo-form,.board-content,.profile-content,.user-table,.filter-panel,.summary,.todo-list{padding-left:12px;padding-right:12px}.task-entry-form,.board-task-panel .task-entry-form{grid-template-columns:minmax(0,1fr) minmax(92px,auto) 44px;gap:8px}.task-entry-form>input,.task-entry-form>textarea{min-height:52px;padding:14px}.task-entry-form .date-picker-trigger,.task-entry-form .priority-select{min-height:44px;height:44px}.task-entry-form>input,.task-entry-form>textarea,.task-entry-form .priority-field{grid-column:1 / -1}.task-entry-form .date-field{grid-column:1;gap:0}.task-entry-form .date-field>span:first-child{display:none}.task-entry-form .primary-action{grid-column:2;width:100%}.task-entry-form .cancel-button{grid-column:3;width:44px;min-width:44px}.filter-panel{display:grid;grid-template-columns:minmax(0,3fr) minmax(92px,2fr) 44px;gap:12px}.task-search-field{grid-column:1}.filter-toggle-button{grid-column:2;min-width:0}.clear-completed-button{grid-column:3;width:44px;min-width:44px}.filter-groups{grid-column:1 / -1}.segmented-control{overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.segmented-control button{flex:0 0 auto;min-width:82px}.todo-list{gap:10px;padding-bottom:14px}.my-task-kanban{padding:0 12px 14px}.kanban-board,.my-task-kanban{grid-template-columns:1fr;gap:10px}.kanban-column{gap:8px;min-height:0;padding:10px;border-radius:8px}.kanban-column header{min-height:32px;padding-bottom:6px;border-bottom:1px solid #dfe6f0}.kanban-column header strong{font-size:.9rem}.kanban-column header span{display:grid;place-items:center;min-width:26px;height:24px;border-radius:999px;background:#eefafa;color:#0b5961;font-size:.78rem;font-weight:800}.kanban-column>div{gap:7px}.kanban-task{gap:7px;padding:9px}.kanban-task strong{font-size:.92rem;line-height:1.35}.kanban-task span{font-size:.8rem}.kanban-task select,.kanban-task>.open-button,.kanban-task>.danger-button,.kanban-task>button{width:100%;min-height:38px}.kanban-task-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban-task-actions button{min-height:38px}.dark-mode .kanban-column header{border-bottom-color:#28364a}.dark-mode .kanban-column header span{background:#123244;color:#8ee7f2}.todo-list li{grid-template-columns:34px 34px minmax(0,1fr) 34px;grid-template-areas:"drag open title delete" "priority priority priority priority";align-items:start;gap:8px;min-height:0;padding:10px}.todo-list li>.drag-handle{grid-area:drag}.todo-list li>.open-button{grid-area:open}.todo-list li>.todo-title{grid-area:title}.todo-list li>.priority-select{grid-area:priority;width:100%}.todo-list li>.delete-button{grid-area:delete}.todo-title{grid-template-columns:1fr;gap:7px}.todo-title .complete-button{justify-self:start;min-height:28px}.drag-handle,.open-button,.delete-button,.icon-button{width:34px;min-width:34px;height:34px;min-height:34px}.summary{display:grid;grid-template-columns:1fr 1fr 42px;align-items:center;gap:8px}.board-content,.board-page-panel,.board-main-column{gap:10px}.analytics-overview-grid,.analytics-funnel{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.analytics-section{padding:14px}.analytics-table article{grid-template-columns:1fr;gap:8px}.opened-board-panel.board-page-panel{grid-template-columns:1fr;align-items:stretch;gap:0;padding:12px;border:1px solid #d2dee8;border-radius:12px;background:#f7fafc;box-shadow:0 12px 28px #1e293b14}.board-side-column{position:static;display:grid;gap:10px;max-height:none;overflow:visible}.opened-board-panel .board-main-column,.opened-board-panel .board-side-column{gap:0}.board-panel,.opened-board-header,.member-panel,.board-chat-panel,.board-task-panel{padding:12px}.board-page-panel{padding:8px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.board-page-panel.opened-board-panel{padding:12px;border:1px solid #d2dee8;border-radius:12px;background:#f7fafc;box-shadow:0 12px 28px #1e293b14}.opened-board-header,.member-panel,.board-invite-panel,.board-chat-panel,.board-task-panel,.activity-log-panel{border-color:transparent;background:transparent;box-shadow:none}.opened-board-header,.member-panel,.board-chat-panel,.board-task-panel,.activity-log-panel,.board-invite-panel{padding:10px 0}.member-panel,.board-invite-panel,.board-chat-panel,.board-task-panel,.activity-log-panel{border-top:1px solid #dfe8f1;border-radius:0}.opened-board-panel :is(.opened-board-header,.member-panel,.board-invite-panel,.board-chat-panel,.board-task-panel,.activity-log-panel){margin:0;padding:12px 4px;border:0;border-radius:0}.opened-board-panel :is(.member-panel,.board-invite-panel,.board-chat-panel,.board-task-panel,.activity-log-panel){border-top:0}.opened-board-panel .opened-board-header{padding-top:2px}.opened-board-panel .activity-log-panel{padding-bottom:2px}.opened-board-header{gap:10px}.opened-board-title{gap:8px}.opened-board-title .cancel-button,.board-title-actions .cancel-button,.board-title-actions .danger-button{min-height:34px;padding-inline:10px;font-size:.82rem}.board-title-actions{gap:6px}.opened-board-meta{gap:8px}.opened-board-meta>span{align-self:flex-start;padding:5px 9px;border:1px solid #d7e2eb;border-radius:999px;background:#fff;color:#526070;font-size:.78rem;font-weight:800}.dark-mode .opened-board-meta>span{border-color:#28364a;background:#101826;color:#d8e2ee}.member-panel{gap:10px}.member-list{gap:6px}.member-chip{min-height:30px;padding:0 8px;font-size:.8rem}.board-task-panel header,.board-chat-panel header{gap:8px;margin-bottom:2px}.board-task-header-actions{gap:8px}.board-task-header-actions>span,.board-chat-panel header>span{font-size:.76rem}.board-task-panel header h3,.board-chat-panel h3{font-size:1rem}.board-invite-panel{gap:8px}.board-invite-actions{gap:6px}.board-invite-actions button{min-height:34px;padding-inline:10px;font-size:.82rem}.activity-log-panel{margin-bottom:4px}.dark-mode .member-panel,.dark-mode .board-invite-panel,.dark-mode .board-chat-panel,.dark-mode .board-task-panel,.dark-mode .activity-log-panel{border-top-color:#28364a;background:transparent;box-shadow:none}.dark-mode .board-page-panel.opened-board-panel{border-color:#28364a;background:#111827;box-shadow:0 12px 28px #0000003d}.dark-mode .board-page-panel,.dark-mode .opened-board-header{background:transparent;box-shadow:none}.opened-board-panel.board-page-panel,.board-page-panel.opened-board-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.dark-mode .board-page-panel.opened-board-panel{border:0;background:transparent;box-shadow:none}.opened-board-panel .opened-board-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 4px 8px}.opened-board-panel .opened-board-title>.cancel-button{order:1;flex:1 1 0;width:auto;min-width:0;min-height:32px;padding-inline:7px;font-size:.72rem;white-space:nowrap}.opened-board-panel .board-title-actions{order:2;display:flex;flex:1 1 0;min-width:0;gap:5px}.opened-board-panel .board-title-actions .cancel-button,.opened-board-panel .board-title-actions .danger-button{flex:1 1 0;width:auto;min-width:0;min-height:32px;padding-inline:7px;font-size:.72rem;white-space:nowrap}.opened-board-panel .opened-board-meta>span{order:3;flex:1 1 0;align-self:center;justify-content:center;min-width:0;min-height:32px;padding:0 7px;font-size:.7rem;white-space:nowrap}.opened-board-panel .opened-board-title>.cancel-button svg,.opened-board-panel .board-title-actions .cancel-button svg,.opened-board-panel .board-title-actions .danger-button svg{width:14px;height:14px;flex:0 0 auto}.opened-board-panel .board-title-edit-form{order:4;width:100%}.opened-board-panel .opened-board-meta .subscription-summary.compact{order:5;width:100%;min-width:0;margin-top:2px}.subscription-summary{gap:10px;padding:12px}.board-card-grid{grid-template-columns:1fr}.board-card-grid.list-view .board-card{grid-template-columns:1fr;align-items:stretch}.board-card-grid.list-view .board-card-meta{justify-content:flex-start}.board-card-grid.list-view .board-card .primary-action,.board-card-actions{width:100%}.board-card{min-height:118px}.opened-board-header{flex-direction:column;align-items:stretch}.opened-board-title{min-width:0}.opened-board-meta{flex-direction:column;min-width:0}.opened-board-meta .subscription-summary.compact{grid-template-columns:1fr;min-width:0}.opened-board-meta .subscription-summary.compact div{display:grid}.opened-board-panel .opened-board-header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(64px,.8fr);align-items:center;gap:6px;padding:2px 4px 8px}.opened-board-panel .opened-board-title,.opened-board-panel .opened-board-meta{display:contents}.opened-board-panel .opened-board-title>.cancel-button{grid-column:1;width:auto;min-width:0;min-height:32px;padding-inline:6px;overflow:hidden;justify-content:center;font-size:.7rem;white-space:nowrap}.opened-board-panel .board-title-actions{grid-column:2;display:flex;min-width:0;gap:4px}.opened-board-panel .board-title-actions .cancel-button,.opened-board-panel .board-title-actions .danger-button{flex:1 1 0;width:auto;min-width:0;min-height:32px;padding-inline:6px;overflow:hidden;justify-content:center;font-size:.7rem;white-space:nowrap}.opened-board-panel .opened-board-meta>span{grid-column:3;width:auto;min-width:0;min-height:32px;padding:0 6px;justify-content:center;overflow:hidden;font-size:.68rem;white-space:nowrap}.opened-board-panel .board-title-edit-form,.opened-board-panel .opened-board-meta .subscription-summary.compact{grid-column:1 / -1}.member-form,.board-form,.board-chat-form{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.board-chat-form{grid-template-columns:1fr}.member-form input,.board-form input,.board-chat-input-wrap{grid-column:1 / -1}.member-form .primary-action,.board-form .primary-action,.board-chat-form .primary-action{grid-column:1;width:100%}.member-form .cancel-button,.board-form .cancel-button{grid-column:2}.board-task-card,.board-task-list.list-view .board-task-card{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"order info actions" "assign assign assign" "status status status" "assignees assignees assignees";align-items:start}.board-task-order{grid-area:order}.board-task-info{grid-area:info}.board-task-card>select:first-of-type{grid-area:assign;width:100%}.board-task-card>select:nth-of-type(2){grid-area:status;width:100%}.board-task-card>.assignee-list{grid-area:assignees}.board-task-card>.open-button,.board-task-actions{grid-area:actions;justify-self:end}.board-task-actions{width:auto;min-width:max-content;max-width:100%}.board-chat-panel{max-height:none}.board-chat-list{max-height:260px}.chat-message{max-width:92%;padding:8px 10px}.profile-summary{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;text-align:left}.profile-summary .avatar{width:56px;height:56px;font-size:1.45rem}.profile-picture-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-picture-actions .upload-button,.profile-picture-actions .profile-picture-button{width:100%;min-width:0;padding:0 8px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-plan-actions,.billing-plan-actions{display:grid;grid-template-columns:1fr}.profile-plan-actions button,.billing-plan-actions button,.billing-toggle.compact{width:100%}.todo-list li>.drag-handle{display:none}.todo-list li>.mobile-task-order{grid-area:drag}.mobile-task-order{display:grid;grid-template-rows:1fr 1fr;gap:3px;width:34px}.mobile-task-order .icon-button{width:34px;min-width:34px;height:24px;min-height:24px;padding:0;border-color:#b8d9dd;border-radius:7px;background:#eefafa;color:#0b5961}.mobile-task-order .icon-button:hover:not(:disabled){border-color:#0f7f8c;background:#0f7f8c;color:#fff}.mobile-task-order .icon-button:disabled{border-color:#d8e5ed;background:#f4f8fb;color:#8fa0b2;opacity:.38}.dark-mode .mobile-task-order .icon-button{border-color:#2c4058;background:#123244;color:#8ee7f2}.dark-mode .mobile-task-order .icon-button:hover:not(:disabled){border-color:#34c6d7;background:#34c6d7;color:#06131d}.dark-mode .mobile-task-order .icon-button:disabled{border-color:#26364b;background:#0f1724;color:#5f7188;opacity:.45}.plan-benefits-header{align-items:stretch;flex-direction:column}.billing-facts,.billing-info-grid,.billing-history-row,.admin-payment-row,.admin-service-grid,.admin-report-panel,.kanban-board{grid-template-columns:1fr}.auto-renew-control{align-items:stretch;flex-direction:column}.auto-renew-control button{width:100%}.dashboard-overview{flex-wrap:nowrap;gap:6px;padding:2px 0 0}.dashboard-overview article{gap:5px;min-height:30px;padding:4px 8px}.dashboard-overview strong{min-width:22px;height:22px;font-size:.78rem}.dashboard-overview span{font-size:.74rem}.task-comment-form{grid-template-columns:1fr}.plan-lock-banner{display:grid;margin:14px 12px 12px}.plan-lock-banner .primary-action{width:100%}.profile-form{grid-template-columns:1fr 44px}.profile-form .primary-action{grid-column:1;width:100%}.profile-form .cancel-button{grid-column:2}.feedback-panel{gap:14px;width:100%;padding:14px 12px}.feedback-panel .section-heading-row{padding-bottom:10px}.feedback-panel .section-heading-row>div{gap:4px}.feedback-panel .section-heading-row p:not(.eyebrow){font-size:.84rem;line-height:1.45}.feedback-form{gap:12px;padding:12px;border-radius:8px}.feedback-form .contact-form-header{padding-bottom:10px}.feedback-form textarea{min-height:132px}.feedback-form .primary-action{width:100%}.whatsapp-preference-list{padding:10px}.profile-mobile-fields{grid-template-columns:1fr}.whatsapp-category-row{grid-template-columns:1fr auto;gap:10px;padding:10px}.whatsapp-category-row small{font-size:.72rem}.user-row{grid-template-columns:1fr;align-items:stretch;padding:12px}.admin-users-section{padding:14px 12px}.user-table,.admin-user-meta-grid,.admin-user-plan-strip{grid-template-columns:1fr}.plan-pricing-panel,.admin-whatsapp-panel{padding:14px 12px}.admin-whatsapp-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}.admin-whatsapp-form{grid-template-columns:1fr;padding:10px}.admin-whatsapp-row .subscription-badge{justify-self:start}.admin-whatsapp-row .primary-action,.admin-whatsapp-row .cancel-button,.admin-whatsapp-row .danger-button{width:100%}.admin-subtabs{gap:6px;padding:10px 12px;overflow-x:auto;flex-wrap:nowrap}.admin-subtabs button{flex:0 0 auto;min-height:34px;padding:7px 10px;font-size:.78rem}.admin-subtabs small{min-width:20px;height:20px;padding:0 6px;font-size:.68rem}.admin-section-header{flex-direction:column;gap:8px}.plan-price-grid,.plan-price-card{grid-template-columns:1fr}.admin-user-heading{grid-template-columns:1fr;gap:8px}.admin-user-main{grid-template-columns:38px minmax(0,1fr);gap:10px}.admin-user-avatar{width:38px;height:38px}.admin-user-badges{justify-content:flex-start;overflow-x:auto;max-width:none}.user-row>div,.user-row>select,.subscription-controls{grid-column:1 / -1}.subscription-controls{grid-template-columns:1fr}.modal-backdrop{align-items:start;z-index:200;padding:calc(10px + env(safe-area-inset-top,0px)) 8px 12px}.task-modal,.confirm-modal{width:100%;max-height:calc(100dvh - 22px - env(safe-area-inset-top,0px));border-radius:14px 14px 0 0;padding:16px}.modal-backdrop:has(.confirm-modal){align-items:center;padding:18px}.modal-backdrop:has(.confirm-modal) .confirm-modal{width:min(100%,420px);max-height:calc(100dvh - 36px);border-radius:14px}.modal-actions button{width:100%}}@media (max-width: 700px){.blog-list-grid,.whatsapp-flow-grid{grid-template-columns:1fr}}@media (max-width: 420px){.menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stats{grid-template-columns:1fr}.todo-list li{grid-template-columns:34px 34px 1fr;grid-template-areas:"order open delete" "title title title" "priority priority priority"}.todo-list li>.drag-handle{display:none}.todo-list li>.mobile-task-order{grid-area:order}.todo-list li>.delete-button{justify-self:end}}@media (max-width: 700px){.whatsapp-setup-prompt{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.whatsapp-setup-prompt>div:last-child{justify-content:space-between;width:100%}.whatsapp-setup-prompt .primary-action{flex:1;min-width:0}.menu-bar{position:sticky;top:8px;z-index:30;grid-template-columns:minmax(0,1fr) auto auto auto auto auto;grid-template-areas:"brand install notify theme wa logout" "profile profile profile profile profile profile" "tabs tabs tabs tabs tabs tabs";gap:8px;width:calc(100vw - 16px);padding:8px;border-radius:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-link{grid-area:brand;justify-self:start;min-width:0;max-width:100%;min-height:36px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.menu-links{grid-area:tabs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}.menu-links button{min-height:34px;border-radius:6px;font-size:.82rem}.menu-user{display:contents}.menu-profile-button{grid-area:profile;display:grid;grid-template-columns:34px minmax(0,1fr) auto;width:100%;max-width:none;min-height:42px;padding:4px 10px 4px 4px;border-radius:8px}.menu-install-button{grid-area:install;justify-content:center;min-height:36px;padding:0 10px;border-radius:8px;font-size:.8rem}.menu-test-whatsapp-button,.menu-lock-button,.menu-plan-badge{display:none}.menu-avatar{width:34px;height:34px}.notification-menu{display:contents}.notification-button{grid-area:notify}.theme-toggle{grid-area:theme}.logout-button{grid-area:logout}.notification-button,.theme-toggle,.logout-button{width:36px;min-width:36px;height:36px;min-height:36px}.notification-panel{top:136px;right:8px;left:8px;max-height:calc(100vh - 150px)}.dark-mode .menu-links{border-color:#28364a;background:#0f1724}}@media (max-width: 420px){.menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-bar{grid-template-areas:"brand install notify theme logout" "profile profile profile profile profile" "tabs tabs tabs tabs tabs"}}@media (max-width: 700px){.menu-bar{grid-template-columns:minmax(0,1fr) 38px 38px 38px 38px;grid-template-areas:"profile install notify theme logout" "tabs tabs tabs tabs tabs";gap:8px;padding:8px;border:1px solid rgba(15,127,140,.18);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f4fafbf5);box-shadow:0 12px 34px #17203324,inset 0 1px #ffffffe6}.menu-bar .brand-link{display:none}.menu-profile-button{min-height:44px;padding:5px 10px 5px 5px;border-color:#0f7f8c2e;border-radius:11px;background:#fff;box-shadow:inset 0 1px #ffffffd9}.logout-button{background:#b83232;color:#fff}.menu-profile-button:hover:not(:disabled){background:#f3fbfc}.menu-avatar{width:32px;height:32px}.menu-identity strong{font-size:.88rem}.menu-identity small{font-size:.72rem}.notification-button,.theme-toggle,.logout-button,.menu-install-button,.menu-test-whatsapp-button{width:38px;min-width:38px;height:44px;min-height:44px;border-color:#0f7f8c2e;border-radius:11px;background:#fff;box-shadow:inset 0 1px #ffffffd9}.menu-install-button{padding:0 9px}.menu-install-button span,.menu-test-whatsapp-button span{display:none}.menu-bar .has-tooltip:before{top:calc(100% + 8px);bottom:auto}.menu-bar .has-tooltip:after{top:calc(100% + 3px);bottom:auto;border-color:transparent;border-bottom-color:#172033}.menu-bar .has-tooltip:hover:before,.menu-bar .has-tooltip:hover:after,.menu-bar .has-tooltip:focus-visible:before,.menu-bar .has-tooltip:focus-visible:after{transform:translate(-50%)}.menu-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-color:#0f7f8c24;border-radius:12px;background:#0f7f8c14}.menu-links button{min-height:36px;border:0;border-radius:9px;color:#405166;font-size:.82rem;font-weight:750;box-shadow:none}.menu-links button:hover,.menu-links button.selected{border:0;background:#fff;color:#0b5961;box-shadow:0 8px 18px #0f7f8c1f;transform:none}.menu-links button.selected{background:#0f7f8c;color:#fff}.notification-panel{top:calc(10px + env(safe-area-inset-top,0px));z-index:90}.dark-mode .menu-bar{border-color:#34c6d738;background:linear-gradient(180deg,#121b2afa,#0d1624f5);box-shadow:0 16px 36px #00000057,inset 0 1px #ffffff0a}.dark-mode .menu-profile-button,.dark-mode .menu-install-button,.dark-mode .menu-test-whatsapp-button,.dark-mode .notification-button,.dark-mode .theme-toggle,.dark-mode .logout-button{border-color:#28364a;background:#0f1724}.dark-mode .menu-links{border-color:#28364a;background:#34c6d714}.dark-mode .menu-links button{color:#a8b6c8}.dark-mode .menu-links button:hover,.dark-mode .menu-links button.selected{background:#123244;color:#8ee7f2;box-shadow:none}.dark-mode .menu-links button.selected{background:#0f7f8c;color:#fff}}@media (max-width: 420px){.menu-links{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 700px){.date-picker{width:100%}.date-popover{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));right:10px;bottom:auto;left:10px;z-index:90;width:auto;max-width:none;max-height:calc(100dvh - 22px - env(safe-area-inset-top,0px));overflow-y:auto;gap:14px;padding:14px;border-radius:14px;box-shadow:0 28px 70px #0f172a47,0 0 0 1px #ffffff8f}.date-popover-header{grid-template-columns:42px minmax(0,1fr) 42px 42px;gap:10px}.date-popover-header strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.date-popover-header .icon-button{width:42px;min-width:42px;height:38px;min-height:38px;border-radius:10px}.date-weekdays,.date-grid{gap:5px}.date-weekdays span{display:grid;place-items:center;min-height:24px;font-size:.68rem}.date-grid button{width:100%;min-width:0;height:auto;min-height:40px;border-radius:10px;font-size:.88rem}.date-popover-actions{display:grid;grid-template-columns:1fr 1fr}.date-popover-actions button{width:100%;min-height:40px;border-radius:10px}.date-popover-actions .cancel-button{order:1}.date-popover-actions .primary-action{order:2}.dark-mode .date-popover{box-shadow:0 28px 70px #0000006b,0 0 0 1px #34c6d71f}}@media (max-width: 380px){.date-popover{right:8px;left:8px;padding:12px}.date-grid button{min-height:36px;border-radius:8px}}@media (max-width: 700px){.public-shell{gap:12px;padding:10px 8px}.public-menu{position:sticky;top:8px;z-index:30;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "links links";gap:8px;width:calc(100vw - 16px);min-height:0;padding:8px;border:1px solid rgba(15,127,140,.18);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f4fafbf5);box-shadow:0 12px 34px #17203324,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-menu .brand-link{grid-area:brand;justify-self:start;min-height:38px;padding:0 10px;border-radius:10px;color:#111827;font-size:1rem}.public-menu .theme-toggle{width:38px;min-width:38px;height:38px;min-height:38px;border-color:#0f7f8c2e;border-radius:10px;background:#fff}.public-menu-actions{grid-area:actions;gap:6px}.public-login-button{min-height:38px;padding:0 10px;border-radius:10px;font-size:.78rem}.public-menu-links{grid-area:links;display:flex;justify-content:flex-start;gap:4px;width:100%;overflow-x:auto;padding:4px;border:1px solid rgba(15,127,140,.14);border-radius:12px;background:#0f7f8c14;scrollbar-width:none}.public-menu-links::-webkit-scrollbar{display:none}.public-menu-links button{flex:0 0 auto;min-height:36px;padding:0 12px;border:0;border-radius:9px;color:#405166;font-size:.82rem;font-weight:750;white-space:nowrap;box-shadow:none}.public-menu-links button:hover:not(:disabled),.public-menu-links button.selected{border:0;background:#fff;color:#0b5961;box-shadow:0 8px 18px #0f7f8c1f;transform:none}.public-menu-links button.selected{background:#0f7f8c;color:#fff}.dark-mode .public-menu{border-color:#34c6d738;background:linear-gradient(180deg,#121b2afa,#0d1624f5);box-shadow:0 16px 36px #00000057,inset 0 1px #ffffff0a}.dark-mode .public-menu .brand-link{color:#f4f7fb}.dark-mode .public-menu .theme-toggle{border-color:#28364a;background:#0f1724}.dark-mode .public-menu-links{border-color:#28364a;background:#34c6d714}.dark-mode .public-menu-links button{color:#a8b6c8}.dark-mode .public-menu-links button:hover:not(:disabled),.dark-mode .public-menu-links button.selected{background:#123244;color:#8ee7f2;box-shadow:none}.dark-mode .public-menu-links button.selected{background:#0f7f8c;color:#fff}.public-footer{grid-template-columns:1fr;justify-items:start;gap:12px;width:calc(100vw - 16px);padding:16px;border-radius:14px}.public-footer div:last-child{justify-items:start;text-align:left}.footer-legal-links{justify-content:flex-start}}.auth-shell :is(p,li,span,small,label,input,select,textarea),.app-shell :is(p,li,span,small,label,input,select,textarea),.auth-shell :is(.modal-copy,.empty-state,.task-timestamps,.assignee-list),.app-shell :is(.modal-copy,.empty-state,.task-timestamps,.assignee-list){font-weight:400}.auth-shell :is(button,.primary-action,.cancel-button,.danger-button),.app-shell :is(button,.primary-action,.cancel-button,.danger-button),.auth-shell :is(.menu-links button,.public-menu-links button,.segmented-control button),.app-shell :is(.menu-links button,.public-menu-links button,.segmented-control button),.auth-shell :is(.billing-toggle button,.complete-button),.app-shell :is(.billing-toggle button,.complete-button){font-weight:500}.auth-shell :is(h1,h2,h3,strong,.brand-link),.app-shell :is(h1,h2,h3,strong,.brand-link),.auth-shell :is(.pricing-card strong,.profile-summary strong,.board-task-card strong),.app-shell :is(.pricing-card strong,.profile-summary strong,.board-task-card strong),.auth-shell :is(.admin-user-copy strong,.menu-identity strong),.app-shell :is(.admin-user-copy strong,.menu-identity strong){font-weight:600}.auth-shell :is(.eyebrow,.pricing-name,.role-badge,.status,.subscription-badge),.app-shell :is(.eyebrow,.pricing-name,.role-badge,.status,.subscription-badge),.auth-shell :is(.menu-plan-badge,.notification-badge,.priority-select),.app-shell :is(.menu-plan-badge,.notification-badge,.priority-select),.auth-shell .plan-benefit-card>div:first-child span,.app-shell .plan-benefit-card>div:first-child span{font-weight:600}.app-shell:not(.dark-mode),.auth-shell:not(.dark-mode){color:#172033;background:radial-gradient(circle at 8% 0%,rgba(20,184,166,.08),transparent 28%),radial-gradient(circle at 92% 8%,rgba(99,102,241,.06),transparent 24%),linear-gradient(180deg,#f8fafc,#eef3f7,#e9eff4)}.app-shell:not(.dark-mode) .menu-bar,.app-shell:not(.dark-mode) .auth-panel,.app-shell:not(.dark-mode) .todo-panel,.app-shell:not(.dark-mode) .boards-panel,.app-shell:not(.dark-mode) .profile-panel,.app-shell:not(.dark-mode) .billing-panel,.app-shell:not(.dark-mode) .admin-panel,.auth-shell:not(.dark-mode) .auth-panel,.auth-shell:not(.dark-mode) .public-menu,.auth-shell:not(.dark-mode) .public-card,.auth-shell:not(.dark-mode) .public-hero{border-color:#cfdbe7;background:#fffffffa;box-shadow:0 18px 46px #1e293b1a,inset 0 1px #ffffffeb}.app-shell:not(.dark-mode) .app-header,.app-shell:not(.dark-mode) .auth-intro,.app-shell:not(.dark-mode) .boards-panel header,.app-shell:not(.dark-mode) .profile-panel header,.app-shell:not(.dark-mode) .billing-panel header,.app-shell:not(.dark-mode) .admin-panel header{border-bottom-color:#d8e3ec;background:linear-gradient(180deg,#fff,#f7fafc)}.app-shell:not(.dark-mode) :is(h1,h2,h3,strong),.auth-shell:not(.dark-mode) :is(h1,h2,h3,strong){color:#111827}.app-shell:not(.dark-mode) :is(p,label,small),.auth-shell:not(.dark-mode) :is(p,label,small),.app-shell:not(.dark-mode) .task-timestamps,.app-shell:not(.dark-mode) .empty-state{color:#526173}.app-shell:not(.dark-mode) .eyebrow,.auth-shell:not(.dark-mode) .eyebrow{color:#0b7285}.app-shell:not(.dark-mode) .menu-links{border-color:#d8e3ec;background:#f3f7fa}.app-shell:not(.dark-mode) .menu-links button{color:#526173}.app-shell:not(.dark-mode) .menu-links button:hover,.app-shell:not(.dark-mode) .menu-links button.selected{border-color:#b8d2dd;background:#fff;color:#0f4c5c;box-shadow:0 6px 16px #1e293b14}.app-shell:not(.dark-mode) .menu-links button.selected{border-color:#0f7f8c;background:#e7f6f8;color:#0a5964;box-shadow:inset 0 -2px #0f7f8c,0 8px 18px #0f7f8c1a}.app-shell:not(.dark-mode) .menu-profile-button:hover:not(:disabled),.app-shell:not(.dark-mode) .menu-install-button:hover:not(:disabled),.app-shell:not(.dark-mode) .notification-button:hover:not(:disabled),.app-shell:not(.dark-mode) .theme-toggle:hover:not(:disabled),.app-shell:not(.dark-mode) .logout-button:hover:not(:disabled){border-color:#b8d2dd;background:#f4f8fb}.app-shell:not(.dark-mode) :is(input,select,textarea),.auth-shell:not(.dark-mode) :is(input,select,textarea){border-color:#c7d4e2;background:#fff;color:#172033}.app-shell:not(.dark-mode) :is(input,select,textarea)::placeholder,.auth-shell:not(.dark-mode) :is(input,select,textarea)::placeholder{color:#8391a3}.app-shell:not(.dark-mode) :is(input,select,textarea):focus,.auth-shell:not(.dark-mode) :is(input,select,textarea):focus{border-color:#0f7f8c;outline:3px solid rgba(15,127,140,.13);box-shadow:0 0 0 1px #0f7f8c14}.app-shell:not(.dark-mode) :is(.todo-list li,.board-card,.board-task-card,.kanban-task,.profile-stats article,.dashboard-overview article,.admin-report-panel article,.user-row,.admin-payment-row,.plan-price-card,.pricing-card,.task-comment-list article,.checklist-row,.attachment-list a,.activity-log-list article,.notification-item,.board-chat-list article){border-color:#d7e2eb;background:#fff;color:#172033;box-shadow:0 8px 18px #1e293b0e}.app-shell:not(.dark-mode) :is(.board-task-panel,.opened-board-panel,.opened-board-header,.member-panel,.board-chat-panel,.profile-billing-panel,.profile-notification-section,.activity-log-panel,.task-collaboration-section,.kanban-column,.task-modal,.summary){border-color:#d2dee8;background:#f7fafc;color:#172033}.app-shell:not(.dark-mode) .task-modal,.app-shell:not(.dark-mode) .confirm-modal,.app-shell:not(.dark-mode) .date-popover,.app-shell:not(.dark-mode) .notification-panel{border-color:#cbd8e5;background:#fff;box-shadow:0 24px 64px #0f172a33}.app-shell:not(.dark-mode) .primary-action,.auth-shell:not(.dark-mode) .primary-action,.auth-shell:not(.dark-mode) .public-login-button{border-color:#0f7f8c;background:#0f7f8c;color:#fff;box-shadow:0 10px 20px #0f7f8c29}.app-shell:not(.dark-mode) .primary-action:hover:not(:disabled),.auth-shell:not(.dark-mode) .primary-action:hover:not(:disabled),.auth-shell:not(.dark-mode) .public-login-button:hover:not(:disabled){border-color:#0a5964;background:#0a5964}.app-shell:not(.dark-mode) .cancel-button,.auth-shell:not(.dark-mode) .cancel-button{border-color:#c7d4e2;background:#fff;color:#26354a}.app-shell:not(.dark-mode) .cancel-button:hover:not(:disabled),.auth-shell:not(.dark-mode) .cancel-button:hover:not(:disabled){border-color:#aebfce;background:#f2f6f9}.app-shell:not(.dark-mode) .danger-button,.app-shell:not(.dark-mode) .delete-button{border-color:#efb8b8;background:#fff4f4;color:#9f2f2f}.app-shell:not(.dark-mode) .danger-button:hover:not(:disabled),.app-shell:not(.dark-mode) .delete-button:hover:not(:disabled){border-color:#c43b3b;background:#c43b3b;color:#fff}.app-shell:not(.dark-mode) :is(.segmented-control,.billing-toggle,.task-search-field,.date-field,.menu-install-button,.menu-plan-badge,.subscription-summary,.member-chip,.role-badge,.status-badge,.overview-badge){border-color:#c4dce3;background:#edf7f8;color:#0a5964}.app-shell:not(.dark-mode) .segmented-control button,.app-shell:not(.dark-mode) .billing-toggle button{color:#526173}.app-shell:not(.dark-mode) .segmented-control button.selected,.app-shell:not(.dark-mode) .billing-toggle button.selected{background:#0f7f8c;color:#fff}.app-shell:not(.dark-mode) .priority-select.high,.app-shell:not(.dark-mode) .priority-badge.high{border-color:#f2b5b5;background:#fff1f1;color:#9f2f2f}.app-shell:not(.dark-mode) .priority-select.medium,.app-shell:not(.dark-mode) .priority-badge.medium{border-color:#e8cd83;background:#fff8e5;color:#7a5200}.app-shell:not(.dark-mode) .priority-select.low,.app-shell:not(.dark-mode) .priority-badge.low{border-color:#abd8bd;background:#f0fbf5;color:#22613e}.app-shell:not(.dark-mode) .kanban-column.drop-target{border-color:#007c89;background:linear-gradient(180deg,#effbfcfa,#f8fdfdfa);box-shadow:none}.app-shell:not(.dark-mode) .board-card:hover,.app-shell:not(.dark-mode) .board-task-card:hover,.app-shell:not(.dark-mode) .todo-list li:hover{border-color:#b8d2dd;box-shadow:0 12px 24px #1e293b17}.app-shell:not(.dark-mode) .task-comment-list article,.app-shell:not(.dark-mode) .checklist-row{background:#fff}.app-shell:not(.dark-mode) .checklist-row:has(input:checked){border-color:#9ed4da;background:#edf9fa}.app-shell:not(.dark-mode) .task-comment-list article p{color:#2f3d50}.app-shell:not(.dark-mode) .task-comment-list article small,.app-shell:not(.dark-mode) .task-timestamps span,.app-shell:not(.dark-mode) .activity-log-list small,.app-shell:not(.dark-mode) .notification-item small{color:#6b7a8d}.auth-shell:not(.dark-mode) .public-menu{background:#fffffffa}.auth-shell:not(.dark-mode) .public-menu-links button:hover:not(:disabled),.auth-shell:not(.dark-mode) .public-menu-links button.selected{background:#edf7f8;color:#0a5964}.app-shell:not(.dark-mode) :is(.primary-action,.public-login-button,.segmented-control button.selected,.billing-toggle button.selected,.date-grid button.selected,.complete-button.completed,.preference-state-button.active,.auto-renew-on-button,.notification-badge,.plan-benefit-card>div:first-child span,.dashboard-overview strong),.auth-shell:not(.dark-mode) :is(.primary-action,.public-login-button,.segmented-control button.selected,.billing-toggle button.selected){color:#fff}.app-shell:not(.dark-mode) :is(.primary-action,.public-login-button,.segmented-control button.selected,.billing-toggle button.selected,.date-grid button.selected,.complete-button.completed,.preference-state-button.active,.auto-renew-on-button,.notification-badge,.plan-benefit-card>div:first-child span,.dashboard-overview strong) :is(svg,span,small,strong),.auth-shell:not(.dark-mode) :is(.primary-action,.public-login-button,.segmented-control button.selected,.billing-toggle button.selected) :is(svg,span,small,strong){color:inherit;stroke:currentColor}@media (max-width: 700px){.app-guide-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);padding:14px;border-radius:12px}.app-guide-header{grid-template-columns:minmax(0,1fr) 36px;gap:10px;padding-bottom:12px}.app-guide-header h2{font-size:1.25rem}.app-guide-body{grid-template-columns:1fr;gap:12px}.app-guide-toc{position:static;display:flex;gap:6px;overflow-x:auto;padding:8px;scrollbar-width:none}.app-guide-toc::-webkit-scrollbar{display:none}.app-guide-toc strong{display:none}.app-guide-toc button{flex:0 0 auto;white-space:nowrap}.app-guide-content{min-height:0;padding-right:2px}.app-guide-content section{padding:12px}.app-shell:not(.dark-mode) .menu-links button.selected,.auth-shell:not(.dark-mode) .public-menu-links button.selected{background:#0f7f8c;color:#fff}.app-shell:not(.dark-mode) .menu-links button.selected :is(svg,span,small,strong),.auth-shell:not(.dark-mode) .public-menu-links button.selected :is(svg,span,small,strong){color:inherit;stroke:currentColor}.app-shell:not(.dark-mode) .logout-button{border-color:#efb8b8;background:#fff;color:#b83232}.app-shell:not(.dark-mode) .logout-button:hover:not(:disabled){border-color:#9f2f2f;background:#fff4f4;color:#9f2f2f}.app-shell:not(.dark-mode) .logout-button :is(svg,span,small,strong){color:inherit;stroke:currentColor}}@media (max-width: 700px){.app-shell .menu-links{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.app-shell .menu-links button{gap:2px;min-height:34px;padding:0 2px;font-size:.66rem;line-height:1}.app-shell .menu-help-link svg{width:12px;height:12px}.app-shell .app-header .header-actions{width:100%;min-width:0}.app-shell .app-header .dashboard-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;max-width:100%;overflow:hidden}.app-shell .app-header .dashboard-overview article{justify-content:center;gap:4px;min-width:0;min-height:30px;padding:4px 3px}.app-shell .app-header .dashboard-overview strong{min-width:20px;width:20px;height:20px;font-size:.72rem}.app-shell .app-header .dashboard-overview span{min-width:0;overflow:hidden;font-size:.64rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}}
