html{background:#f4f7fb}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#0b1730 0%,#101d3d 100%);flex-direction:column;width:270px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-logo{border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.brand-logo img{object-fit:cover;width:100%;height:100%;display:block}.brand-title{font-size:15px;font-weight:700}.brand-subtitle{color:#8fa0c0;margin-top:3px;font-size:12px}.menu{flex-direction:column;gap:5px;margin-top:22px;display:flex}.menu-item{color:#b7c2d8;cursor:pointer;border-radius:10px;padding:12px 14px;font-size:14px;text-decoration:none}.menu-item:hover,.menu-item.active{color:#fff;background:#2bd57621}.menu-item.active{border-left:3px solid #2bd576}.sidebar-footer{color:#9eb0ca;align-items:center;gap:9px;margin-top:auto;padding:12px;font-size:13px;display:flex}.status-dot{background:#2bd576;border-radius:50%;width:9px;height:9px}.main-content{width:calc(100% - 270px);margin-left:270px;padding:28px 34px 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.topbar h1{letter-spacing:-.7px;margin:0;font-size:30px}.topbar p{color:#7a8599;margin:7px 0 0}.topbar-actions{align-items:center;gap:12px;display:flex}.secondary-button,.small-button{color:#32405a;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:10px 14px}.avatar{color:#fff;background:#16264a;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.card{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:20px;box-shadow:0 8px 28px #22304a0d}.stat-card{min-height:138px}.stat-title{color:#748096;font-size:13px}.stat-value{margin-top:10px;font-size:32px;font-weight:800}.stat-change{color:#18a95a;margin-top:8px;font-size:12px}.stat-subtitle{color:#8a95a8;margin-top:8px;font-size:12px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px;display:grid}.large-card{min-width:0}.card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.card-header h2{margin:0;font-size:18px}.card-header p{color:#8a95a8;margin:5px 0 0;font-size:13px}.funnel-row{justify-content:space-between;margin-top:15px;font-size:13px;display:flex}.bar{background:#edf1f7;border-radius:999px;height:9px;margin-top:7px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg,#2bd576,#1aa767);height:100%}.width-100{width:100%}.width-76{width:76%}.width-59{width:59%}.width-40{width:40%}.width-32{width:32%}.health-list,.manager-list{flex-direction:column;gap:15px;display:flex}.health-item,.manager-item{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;padding-bottom:13px;font-size:14px;display:flex}.manager-item div{flex-direction:column;gap:3px;display:flex}.manager-item span{font-size:12px}.badge{border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.success{color:#14824c;background:#e8f8ef}.badge.warning{color:#a66b00;background:#fff4df}.badge.danger{color:#bd3737;background:#fdeaea}.badge.info{color:#356eaf;background:#e7f1ff}.table{flex-direction:column;width:100%;display:flex}.table-row{border-bottom:1px solid #edf1f6;grid-template-columns:1.3fr 1.3fr 1fr 1fr;align-items:center;gap:12px;min-height:52px;font-size:13px;display:grid}.table-head{color:#7f8a9c;min-height:38px;font-weight:700}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{display:none}.main-content{width:100%;margin-left:0;padding:20px}.stats-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.table-row{grid-template-columns:1fr 1fr}}.menu-item{align-items:center;gap:11px;display:flex}.stat-top{justify-content:flex-end;display:flex}.stat-icon{color:#179b58;background:#edf9f2;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.stat-change{align-items:center;gap:3px;display:flex}.secondary-button{align-items:center;gap:7px;display:flex}.health-label{color:#35425a;align-items:center;gap:9px;display:flex}.badge{gap:5px}.menu button{text-align:left;width:100%;font:inherit;background:0 0;border:0}.company-select{color:#32405a;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:10px 14px}.leads-stats-grid{grid-template-columns:minmax(220px,280px)}.leads-header{align-items:flex-end}.lead-search{align-items:center;gap:10px;display:flex}.lead-search input{width:340px;max-width:50vw;font:inherit;color:#172033;border:1px solid #dfe5ee;border-radius:10px;outline:none;padding:10px 12px}.lead-search input:focus,.company-select:focus{border-color:#2bd576;box-shadow:0 0 0 3px #2bd5761f}.leads-table-wrapper{width:100%;overflow-x:auto}.leads-table{border-collapse:collapse;width:100%;min-width:980px}.leads-table th{text-align:left;color:#748096;border-bottom:1px solid #e6ebf2;padding:12px 10px;font-size:12px;font-weight:700}.leads-table td{color:#32405a;vertical-align:middle;border-bottom:1px solid #edf1f6;padding:14px 10px;font-size:13px}.leads-table tbody tr:hover{background:#f8fafc}.pagination{color:#748096;justify-content:space-between;align-items:center;margin-top:18px;font-size:13px;display:flex}.pagination-actions{gap:8px;display:flex}.small-button:disabled{opacity:.45;cursor:not-allowed}.error-box{color:#9f2f2f;background:#fdeaea;border-radius:10px;margin-bottom:16px;padding:14px;font-size:13px}.empty-state{text-align:center;color:#8a95a8;padding:32px 12px}@media (width<=900px){.sidebar{width:220px}.main-content{width:calc(100% - 220px);margin-left:220px;padding:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.leads-header{flex-direction:column;align-items:stretch}.lead-search{width:100%}.lead-search input{flex:1;width:auto;max-width:none}}.auth-page{background:radial-gradient(circle at 15% 10%,#2bd57614,#0000 28%),radial-gradient(circle at 90% 90%,#395ff617,#0000 30%),#f3f6fb;place-items:center;min-height:100vh;padding:34px;display:grid;position:relative;overflow:hidden}.auth-background-orb{filter:blur(5px);pointer-events:none;border-radius:999px;position:absolute}.auth-orb-one{background:#2bd57612;width:420px;height:420px;bottom:-180px;left:-220px}.auth-orb-two{background:#2a50be12;width:350px;height:350px;top:-120px;right:-140px}.auth-shell{z-index:1;background:#fff;border:1px solid #dae2eee6;border-radius:26px;grid-template-columns:1.08fr .92fr;width:min(1180px,100%);min-height:700px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #16264a24,0 2px 6px #16264a0a}.auth-visual{color:#fff;background:radial-gradient(circle at 75% 15%,#2bd5763b,#0000 30%),linear-gradient(145deg,#08152c 0%,#0c1a37 48%,#102551 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.auth-visual:after{content:"";border:1px solid #ffffff0e;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-190px;right:-230px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.auth-brand{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.auth-brand-logo{border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 10px 30px #2bd5762e}.auth-brand-name{font-size:16px;font-weight:750}.auth-brand-product{color:#91a5c5;margin-top:2px;font-size:12px}.auth-visual-content{z-index:2;max-width:510px;margin-top:80px;position:relative}.auth-eyebrow{color:#78e8a8;background:#2bd5761a;border:1px solid #2bd5762e;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:650;display:flex}.auth-visual-content h1{letter-spacing:-2.1px;max-width:500px;margin:24px 0 18px;font-size:clamp(38px,4vw,54px);font-weight:800;line-height:1.04}.auth-visual-content>p{color:#a7b6cf;max-width:470px;margin:0;font-size:16px;line-height:1.75}.auth-features{flex-direction:column;gap:16px;margin-top:34px;display:flex}.auth-feature{color:#dbe5f4;align-items:center;gap:11px;font-size:14px;display:flex}.auth-feature svg{color:#39df80}.auth-security-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;width:fit-content;padding:14px 16px;display:flex;position:relative}.auth-security-card svg{color:#52df8c}.auth-security-card div{flex-direction:column;gap:3px;display:flex}.auth-security-card strong{font-size:12px}.auth-security-card span{color:#8fa3c3;font-size:11px}.auth-form-section{background:linear-gradient(#fff 0%,#fbfcfe 100%);flex-direction:column;justify-content:center;padding:64px 70px 30px;display:flex}.auth-form-container{width:100%;max-width:410px;margin:auto}.auth-mobile-logo{display:none}.auth-form-heading{margin-bottom:34px}.auth-form-icon{color:#146c42;background:#eafaf1;border:1px solid #d7f2e2;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.auth-mfa-icon{color:#315fbd;background:#edf3ff;border-color:#dce8ff}.auth-form-heading h2{color:#132039;letter-spacing:-.8px;margin:0;font-size:31px;line-height:1.15}.auth-form-heading p{color:#7d899d;margin:10px 0 0;font-size:14px;line-height:1.55}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field>span{color:#394761;font-size:13px;font-weight:650}.auth-input-wrapper{background:#fff;border:1px solid #dce3ed;border-radius:12px;align-items:center;gap:11px;min-height:52px;padding:0 15px;transition:border-color .18s,box-shadow .18s;display:flex}.auth-input-wrapper:focus-within{border-color:#2acb72;box-shadow:0 0 0 4px #2bd5761a}.auth-input-wrapper>svg{color:#8c98aa;flex-shrink:0}.auth-input-wrapper input{color:#172033;width:100%;height:50px;font:inherit;background:0 0;border:0;outline:none;font-size:14px}.auth-input-wrapper input::placeholder{color:#abb4c3}.auth-password-toggle{color:#8a96a9;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.auth-primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#172d59 0%,#0d1e3d 100%);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:54px;margin-top:2px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 28px #11254d2b}.auth-primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 32px #11254d38}.auth-primary-button:disabled{opacity:.65;cursor:default}.auth-spinner{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-error{color:#a73535;background:#fff0f0;border:1px solid #f4dada;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.45}.auth-trust{color:#919caf;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:11px;display:flex}.auth-trust svg{color:#4bc77e}.auth-footer{color:#a2acba;text-align:center;margin-top:auto;padding-top:30px;font-size:11px}.auth-back{color:#718097;cursor:pointer;background:0 0;border:0;margin-bottom:28px;padding:0;font-size:13px}.mfa-code{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.mfa-code input{text-align:center;color:#172033;caret-color:#24be69;background:#fff;border:1px solid #dce3ed;border-radius:12px;outline:none;width:100%;min-width:0;height:62px;font-size:25px;font-weight:750;transition:border-color .18s,box-shadow .18s,transform .15s}.mfa-code input:focus{border-color:#2bd576;transform:translateY(-1px);box-shadow:0 0 0 4px #2bd5761a}.auth-mfa-help{color:#8c98aa;justify-content:center;align-items:center;gap:7px;margin-top:24px;font-size:12px;display:flex}@media (width<=900px){.auth-page{padding:18px}.auth-shell{max-width:540px;min-height:auto;display:block}.auth-visual{display:none}.auth-form-section{min-height:680px;padding:44px 32px 28px}.auth-mobile-logo{align-items:center;gap:11px;margin-bottom:52px;display:flex}.auth-mobile-logo>div:last-child{flex-direction:column;gap:2px;display:flex}.auth-mobile-logo strong{color:#18243b;font-size:14px}.auth-mobile-logo span{color:#8d98aa;font-size:11px}}@media (width<=520px){.auth-page{background:#fff;padding:0}.auth-shell{min-height:100vh;box-shadow:none;border:0;border-radius:0}.auth-form-section{min-height:100vh;padding:35px 22px 25px}.mfa-code{gap:6px}.mfa-code input{height:55px;font-size:21px}}.session-loading{color:#7a8599;background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;font-size:13px;display:flex}.session-loading-logo{border-radius:17px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden;box-shadow:0 12px 30px #2bd5762e}.session-loading-spinner{border:3px solid #dce4ed;border-top-color:#22bd68;border-radius:50%;width:27px;height:27px;animation:.75s linear infinite auth-spin}.admin-profile{border-top:1px solid #ffffff14;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:auto;padding:13px 10px;display:grid}.admin-profile-avatar{color:#52e38d;background:#2bd57624;border-radius:11px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.admin-profile-info{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-profile-info strong{color:#f2f6fc;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-profile-info span{color:#8498b8;font-size:10px}.admin-logout-button{color:#d7dfed;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.admin-logout-button:hover:not(:disabled){color:#fff;background:#ff545421;border-color:#ff545447}.admin-logout-button:disabled{opacity:.55;cursor:default}.sidebar .sidebar-footer{margin-top:0}.conversations-table-wrapper{width:100%;overflow-x:auto}.conversations-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1450px}.conversations-table th{text-align:left;color:#748096;white-space:nowrap;border-bottom:1px solid #e6ebf2;padding:12px 14px;font-size:12px;font-weight:700}.conversations-table td{color:#32405a;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf1f6;padding:14px;font-size:13px}.conversations-table tbody tr:hover{background:#f8fafc}.conversations-table th:first-child,.conversations-table td:first-child{width:70px}.conversations-table th:nth-child(2),.conversations-table td:nth-child(2){min-width:180px}.conversations-table th:nth-child(3),.conversations-table td:nth-child(3){min-width:150px}.conversations-table th:nth-child(4),.conversations-table td:nth-child(4){min-width:145px}.conversations-table th:nth-child(5),.conversations-table td:nth-child(5),.conversations-table th:nth-child(6),.conversations-table td:nth-child(6),.conversations-table th:nth-child(7),.conversations-table td:nth-child(7),.conversations-table th:nth-child(10),.conversations-table td:nth-child(10){min-width:180px}.managers-create-card{margin-bottom:20px}.manager-create-form{grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:12px;display:grid}.manager-create-form input{width:100%;font:inherit;color:#172033;border:1px solid #dfe5ee;border-radius:10px;outline:none;padding:10px 12px}.manager-create-form input:focus{border-color:#2bd576;box-shadow:0 0 0 3px #2bd5761f}.managers-table{min-width:1050px}.manager-switch{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.manager-switch input{cursor:pointer;accent-color:#20bd67;width:17px;height:17px}.manager-switch input:disabled{cursor:wait}.manager-delete-button{color:#b42318;font:inherit;cursor:pointer;background:#fff5f5;border:1px solid #efb7b7;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700}.manager-delete-button:hover{background:#fdecec}.manager-delete-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=1100px){.manager-create-form{grid-template-columns:1fr 1fr}}@media (width<=700px){.manager-create-form{grid-template-columns:1fr}}.manager-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08122485;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.manager-modal{background:#fff;border:1px solid #e4e9f1;border-radius:20px;width:min(460px,100%);padding:28px;box-shadow:0 30px 90px #0f1f3d3d,0 4px 12px #0f1f3d14}.manager-modal-icon{color:#c62828;background:#fff0f0;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:24px;font-weight:800;display:grid}.manager-modal-content h2{color:#172033;margin:0 0 10px;font-size:22px}.manager-modal-content p{color:#667085;margin:0;line-height:1.55}.manager-modal-phone{color:#172033;letter-spacing:.3px;background:#f6f8fb;border:1px solid #e4e9f1;border-radius:10px;margin:16px 0;padding:12px 14px;font-weight:700}.manager-modal-warning{font-size:13px}.manager-modal-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.manager-modal-delete{color:#fff;font:inherit;cursor:pointer;background:#d92d20;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700}.manager-modal-delete:hover{background:#b42318}.manager-modal-delete:disabled{opacity:.55;cursor:not-allowed}@media (width<=600px){.manager-modal{padding:22px}.manager-modal-actions{flex-direction:column-reverse}.manager-modal-actions button{width:100%}}.manager-modal-delete{justify-content:center;align-items:center;gap:9px;display:inline-flex}.manager-button-spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;flex:0 0 16px;width:16px;height:16px;animation:.75s linear infinite manager-spinner-rotate}@keyframes manager-spinner-rotate{to{transform:rotate(360deg)}}.manager-success-toast{z-index:10050;background:#fff;border:1px solid #d6f0df;border-radius:14px;align-items:center;gap:14px;width:min(390px,100vw - 40px);padding:16px 18px;animation:.25s ease-out manager-toast-enter;display:flex;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 18px 50px #0f1f3d2e,0 3px 8px #0f1f3d14}.manager-success-icon{color:#16803a;background:#eaf8ef;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.manager-success-toast div:last-child{flex-direction:column;gap:3px;display:flex}.manager-success-toast strong{color:#172033;font-size:14px}.manager-success-toast span{color:#667085;font-size:13px;line-height:1.4}@keyframes manager-toast-enter{0%{opacity:0;transform:translate(-50%,calc(-50% - 12px))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=600px){.manager-success-toast{width:calc(100vw - 40px);top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}}.auth-brand-logo,.session-loading-logo{overflow:hidden}.auth-brand-logo img,.session-loading-logo img{object-fit:cover;width:100%;height:100%;display:block}.conversations-table tbody tr.conversation-row{transition:background-color .18s,box-shadow .18s}.conversations-table tbody tr.conversation-row-converted{background:#edf9f1}.conversations-table tbody tr.conversation-row-converted:hover{background:#e3f6e9}.conversations-table tbody tr.conversation-row-pending{background:#fff9e6}.conversations-table tbody tr.conversation-row-pending:hover{background:#fff4cf}.conversations-table tbody tr.conversation-row-abandoned{background:#ede0d4}.conversations-table tbody tr.conversation-row-abandoned:hover{background:#e6d5c3}.conversations-table tbody tr.conversation-row-rejected{background:#f3d6d9}.conversations-table tbody tr.conversation-row-rejected:hover{background:#efc9ce}.conversation-state-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:6px 10px;font-size:11px;font-weight:750;display:inline-flex}.conversation-state-converted{color:#137333;background:#d9f4e2}.conversation-state-pending{color:#8a6200;background:#fff0b8}.conversation-state-abandoned{color:#8a5a2b;background:#e9d8c7}.conversation-state-rejected{color:#a61b29;background:#efc2c8}.conversation-filters{flex-wrap:wrap;align-items:flex-end;gap:14px;padding:0 0 20px;display:flex}.conversation-filter-group{flex-direction:column;gap:6px;display:flex}.conversation-filter-group label{color:#667085;font-size:12px;font-weight:700}.conversation-filter-group select{color:#172033;min-width:190px;height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:10px;outline:none;padding:0 36px 0 12px;font-size:13px}.conversation-filter-group select:focus{border-color:#2bd576;box-shadow:0 0 0 3px #2bd5761f}@media (width<=700px){.conversation-filter-group,.conversation-filter-group select{width:100%}}.manager-actions{align-items:center;gap:8px;display:flex}.manager-edit-button{color:#344054;font:inherit;cursor:pointer;background:#fff;border:1px solid #d7e0eb;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700}.manager-edit-button:hover:not(:disabled){background:#f4f7fb;border-color:#bcc8d8}.manager-edit-button:disabled{opacity:.5;cursor:not-allowed}.manager-edit-input{color:#172033;width:100%;height:44px;font:inherit;background:#fff;border:1px solid #dce3ec;border-radius:10px;outline:none;margin-top:16px;padding:0 13px;font-size:14px}.manager-edit-input:focus{border-color:#2bd576;box-shadow:0 0 0 3px #2bd5761f}.manager-save-button{color:#fff;font:inherit;cursor:pointer;background:#20bd67;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.manager-save-button:hover:not(:disabled){background:#18a959}.manager-save-button:disabled{opacity:.55;cursor:not-allowed}.templates-table .template-name{color:#172033;font-weight:700}.template-category{color:#475467;background:#f1f4f8;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.template-status{border-radius:999px;justify-content:center;align-items:center;min-width:82px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.template-status-approved{color:#137333;background:#d9f4e2}.template-status-pending{color:#8a6200;background:#fff0b8}.template-status-rejected{color:#a61b29;background:#efc2c8}.template-status-paused{color:#8a5a2b;background:#ede0d4}.template-status-disabled{color:#667085;background:#e9edf3}.template-active{color:#137333;font-weight:700}.template-inactive{color:#98a2b3;font-weight:700}.template-sync-button{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#20bd67;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.template-sync-button:hover:not(:disabled){background:#18a959}.template-sync-button:disabled{opacity:.65;cursor:not-allowed}.template-sync-success{color:#137333;background:#dff6e7;border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:13px;font-weight:700}.template-send-button{color:#fff;min-height:34px;font:inherit;cursor:pointer;background:#20252b;border:0;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700}.template-send-button:disabled{opacity:.4;cursor:not-allowed}.template-modal-backdrop{z-index:1000;background:#0000007a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.template-send-modal{background:#fff;border-radius:18px;width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #00000038}.template-send-modal-header{border-bottom:1px solid #eceff2;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.template-send-modal-header h2{margin:0}.template-send-modal-header p{color:#67717d;margin:5px 0 0;font-size:13px}.template-modal-close{cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.template-send-form{gap:17px;padding:24px;display:grid}.template-field{gap:7px;display:grid}.template-field>span{font-size:13px;font-weight:700}.template-field input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d8dde3;border-radius:9px;padding:11px 12px}.template-field small{color:#727b86}.template-preview{gap:9px;display:grid}.template-preview-message{white-space:pre-wrap;background:#f7f9fa;border:1px solid #dfe4e8;border-radius:12px;padding:15px;line-height:1.55}.template-send-warning{background:#fff5d9;border-radius:10px;padding:11px 13px;font-size:13px}.template-modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.template-send-confirm{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#20bd67;border:0;border-radius:9px;padding:9px 17px;font-weight:700}.template-send-confirm:disabled,.template-modal-close:disabled{opacity:.55;cursor:not-allowed}@media (width<=640px){.template-modal-backdrop{padding:12px}.template-send-modal{max-height:calc(100vh - 24px)}.template-modal-actions{flex-direction:column-reverse}.template-modal-actions button{width:100%}}@keyframes template-send-spin{to{transform:rotate(360deg)}}.template-send-confirm{justify-content:center;align-items:center;gap:8px;display:inline-flex}.template-send-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite template-send-spin}.template-send-success{color:#137333;word-break:break-word;background:#dff6e7;border-radius:10px;gap:5px;padding:13px 14px;font-size:13px;display:grid}.template-send-error{color:#b42318;background:#fde7e7;border-radius:10px;padding:13px 14px;font-size:13px;font-weight:600}.template-confirm-backdrop{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050f1c9e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-confirm-modal{background:#fff;border-radius:18px;width:min(430px,100%);padding:28px;box-shadow:0 28px 80px #00000047}.template-confirm-icon{color:#159447;background:#dff6e7;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;font-size:22px;font-weight:800;display:flex}.template-confirm-modal h2{margin:0;font-size:22px}.template-confirm-description{color:#697381;margin:8px 0 22px;line-height:1.5}.template-confirm-details{background:#f8fafb;border:1px solid #e2e7ec;border-radius:12px;gap:12px;padding:16px;display:grid}.template-confirm-details div{justify-content:space-between;gap:20px;display:flex}.template-confirm-details span{color:#76808c;font-size:13px}.template-confirm-details strong{text-align:right;word-break:break-word;max-width:65%}.template-confirm-warning{color:#745600;background:#fff5d9;border-radius:10px;margin-top:16px;padding:11px 13px;font-size:13px}.template-confirm-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.template-confirm-send{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#20bd67;border:0;border-radius:9px;padding:9px 18px;font-weight:700}.template-confirm-send:hover{background:#18aa5a}.template-confirm-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:24px 20px;display:flex}.template-confirm-state h2{color:#172033;margin:26px 0 8px;font-size:30px;font-weight:800}.template-confirm-state>p{color:#687386;max-width:430px;margin:0;font-size:16px;line-height:1.55}.template-spinner-hero{box-sizing:border-box;border:10px solid #18b65f;border-color:#18b65f #0d9449 #dcf5e7 #dcf5e7;border-radius:50%;width:112px;height:112px;animation:.85s linear infinite templateHeroSpin;box-shadow:0 0 0 12px #18b65f0f,0 14px 35px #18b65f2e}@keyframes templateHeroSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.template-sending-destination{color:#43505c;background:#f1f5f4;border-radius:999px;margin-top:22px;padding:9px 18px;font-size:14px;font-weight:700}.template-success-hero{color:#15974c;background:#dcf7e7;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;font-size:58px;font-weight:800;animation:.38s ease-out templateSuccessPop;display:flex;box-shadow:0 0 0 12px #15974c0f,0 14px 35px #15974c24}@keyframes templateSuccessPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.template-success-detail{color:#15783e;word-break:break-word;background:#edf9f1;border-radius:12px;max-width:480px;margin-top:22px;padding:12px 16px;font-size:13px;line-height:1.45}.template-auto-close{color:#929aa5;margin-top:16px;font-size:12px}.template-error-hero{color:#d92d20;background:#fee9e7;border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;font-size:52px;font-weight:800;display:flex}.template-confirm-error-text{color:#b42318!important}.template-confirm-actions-center{justify-content:center;margin-top:24px}@media (width<=640px){.template-spinner-hero,.template-success-hero{width:88px;height:88px}.template-spinner-hero{border-width:8px}.template-success-hero{font-size:46px}.template-confirm-state{min-height:330px}.template-confirm-state h2{font-size:25px}}.template-history-card{margin-top:24px}.template-history-table td{vertical-align:middle}.send-history-status{border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.send-history-status-read{color:#137a3b;background:#dcfce7}.send-history-status-delivered{color:#0369a1;background:#e0f2fe}.send-history-status-sent{color:#4338ca;background:#eef2ff}.send-history-status-accepted{color:#475569;background:#f1f5f9}.send-history-status-failed{color:#b42318;background:#fee2e2}.send-history-error{color:#b42318;gap:3px;max-width:360px;font-size:12px;display:grid}.send-history-error strong{font-weight:800}.send-history-error span{line-height:1.4}.template-emoji-wrapper{margin-top:10px;position:relative}.template-emoji-trigger{cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:10px;padding:8px 12px;font-weight:600;transition:border-color .2s,background .2s}.template-emoji-trigger:hover{background:#f7f9fc;border-color:#b8c0cf}.template-emoji-trigger:disabled{cursor:not-allowed;opacity:.6}.template-emoji-picker{background:#fff;border:1px solid #e1e5ec;border-radius:12px;grid-template-columns:repeat(8,1fr);gap:6px;max-width:360px;margin-top:8px;padding:10px;display:grid;box-shadow:0 10px 30px #1923371f}.template-emoji-item{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:34px;min-height:34px;font-size:21px;display:flex}.template-emoji-item:hover{background:#f0f3f8;transform:scale(1.08)}.templates-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1200px){.templates-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.templates-stats-grid{grid-template-columns:1fr}}.template-row-actions{align-items:center;gap:8px;display:flex}.template-delete-button{color:#c43a3a;cursor:pointer;background:#fff7f7;border:1px solid #f2c5c5;border-radius:9px;padding:8px 12px;font-weight:700}.template-delete-button:hover{background:#ffeded;border-color:#e9a9a9}.template-delete-button:disabled{opacity:.45;cursor:not-allowed}.template-delete-hero{color:#d83b3b;background:#fff0f0;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:34px;font-weight:800;display:grid}.template-delete-warning{color:#a92f2f;background:#fff7f7;border:1px solid #f2c5c5;border-radius:12px;margin-top:18px;padding:12px 14px;font-size:13px;line-height:1.5}.template-confirm-delete{color:#fff;cursor:pointer;background:#d93d3d;border:0;border-radius:10px;padding:10px 16px;font-weight:800}.template-confirm-delete:hover{background:#bf3030}