@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-SemiBold.ttf) format("truetype");font-weight:600 800;font-display:swap}:root{font-family:Google Sans Flex,Arial,sans-serif;color:#12171f;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand: #00688a;--brand-dark: #005875;--brand-light: #f2f9fb;--ink: #12171f;--muted: #566171;--subtle: #737d8c;--line: #e5e9f0;--surface: #fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d1e4ea;outline-offset:2px}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px 16px;background:linear-gradient(180deg,#eaf5f8 0,#f8fafc 43%)}.login-card{width:min(100%,470px);padding:36px 38px 38px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 52px #12171f12}.login-logo{display:block;width:255px;max-width:100%;height:auto;object-fit:contain;margin:0 auto 34px}.login-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e2f3f7;color:var(--brand-dark);margin-bottom:18px}.login-card h1{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:7px 0 10px}.login-description{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:21px}.login-demo-note{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #d1e4ea;border-radius:11px;background:#f2f9fb;color:#005875;font-size:12px;line-height:1.45}.login-demo-note svg{flex:none;margin-top:1px}.login-form{display:flex;flex-direction:column;gap:17px;margin-top:24px}.login-form .field small{color:var(--subtle);font-weight:400}.login-error{display:flex;align-items:center;gap:8px;margin:0;color:#b42318;font-size:12px}.login-submit{width:100%;margin-top:7px}.login-footer{color:var(--subtle);font-size:11px;text-align:center}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;padding:28px 16px 22px}.brand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:2px 8px 32px}.brand-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}.brand-caption{color:#005875;font-size:11px;font-weight:600;letter-spacing:.02em;text-align:center}.sidebar-section-label{color:#a8b0bd;font-size:10px;font-weight:700;letter-spacing:.13em;padding:0 15px 12px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.nav-link{border:0;border-radius:12px;background:transparent;color:#566171;width:100%;display:flex;align-items:center;gap:13px;padding:13px 15px;font-size:14px;font-weight:500;text-align:left;transition:background .18s,color .18s}.nav-link:hover{background:#f8fafc;color:var(--brand)}.nav-link--active{background:#ebf3f6;color:var(--brand);font-weight:600}.sidebar-bottom{margin-top:auto;border-radius:14px;background:#f8fafc;border:1px solid #e5e9f0;padding:13px 11px;display:flex;align-items:flex-start;gap:9px}.sidebar-bottom-icon{color:var(--brand);background:#e2f3f7;border-radius:9px;width:31px;height:31px;display:grid;place-items:center;flex:none}.sidebar-bottom strong,.sidebar-bottom span{display:block}.sidebar-bottom strong{font-size:11px;font-weight:600;margin:1px 0 4px}.sidebar-bottom span{color:var(--subtle);font-size:10px;line-height:1.4}.workspace{min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:16px}.breadcrumb{display:flex;gap:12px;align-items:center;color:var(--subtle);font-size:13px}.breadcrumb strong{color:#3b4452;font-weight:500}.topbar-right{display:flex;align-items:center;gap:10px;color:#566171;font-size:12px;font-weight:500;white-space:nowrap}.connection-dot{width:8px;height:8px;background:#a8b0bd;border-radius:50%;box-shadow:0 0 0 4px #f1f4f8}.connection-dot--online{background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.connection-dot--offline{background:#f04438;box-shadow:0 0 0 4px #fef3f2}.icon-button{border:1px solid var(--line);color:#566171;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff;margin-left:8px}.icon-button:hover{background:#f8fafc;color:var(--brand)}.operator-badge{max-width:130px;overflow:hidden;text-overflow:ellipsis;padding:8px 11px;border-radius:9px;background:#f2f9fb;color:var(--brand-dark);font-size:11px}.logout-button{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;font-weight:600}.logout-button:hover:not(:disabled){background:#f2f9fb;color:var(--brand-dark)}.main-content{max-width:1510px;margin:0 auto;padding:37px 42px 26px}.service-offline{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:14px 16px;border:1px solid #fee4e2;border-radius:12px;background:#fef3f2;color:#b42318;font-size:13px;line-height:1.45}.service-offline>svg{flex:none}.service-offline>span{flex:1}.service-offline>button{flex:none}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.13em;color:#00688a}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow-mark{width:6px;height:6px;border-radius:50%;background:#6dc0d5}h1,h2,p{margin-top:0}h1{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-.045em;margin:8px 0 6px}.page-intro p{color:var(--muted);font-size:14px;margin:0}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.summary-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;min-height:91px;box-shadow:0 2px 8px #12171f04}.summary-card--link{width:100%;text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s}.summary-card--link:hover{border-color:#83c9db;box-shadow:0 5px 16px #00688a1a;transform:translateY(-1px)}.summary-card--link:focus-visible{outline:3px solid #d1e4ea;outline-offset:2px}.summary-link-arrow{flex:none;margin-left:auto;color:var(--brand)}.summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;flex:none}.summary-icon--blue{background:#e2f3f7;color:var(--brand)}.summary-icon--mint{background:#ecfdf3;color:#027a48}.summary-icon--violet{background:#f3efff;color:#7656ba}.summary-card div{display:flex;flex-direction:column;gap:4px;min-width:0}.summary-card span:not(.summary-icon){color:var(--subtle);font-size:12px}.summary-card strong{font-size:20px;font-weight:600;color:#242b35;line-height:1.1}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 14px #12171f06}.composer-card{overflow:visible}.card-header{padding:25px 28px 22px;border-bottom:1px solid #f1f4f8;display:flex;justify-content:space-between;gap:16px}.card-header h2,.preview-card h2,.detail-card h2{font-size:20px;letter-spacing:-.025em;font-weight:600;margin:5px 0}.card-header p{color:var(--subtle);font-size:12px;margin:0}.card-header-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e2f3f7;color:var(--brand);flex:none}.form-section{padding:25px 28px;border-bottom:1px solid #f1f4f8;display:flex;flex-direction:column;gap:18px}.sender-context{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;line-height:1.4}.sender-context svg{flex:none;color:var(--brand)}.sender-context strong{color:var(--ink)}.field-title{font-size:13px;font-weight:600;color:#242b35}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mode-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:104px;padding:15px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:13px;color:#737d8c;transition:border .18s,background .18s,box-shadow .18s}.mode-option:hover{border-color:#a6cad6;background:#f8fcfd}.mode-option--selected{background:#f2f9fb;color:var(--brand);border-color:#83c9db;box-shadow:inset 0 0 0 1px #83c9db}.mode-option strong{color:#242b35;font-size:13px;font-weight:600}.mode-option--selected strong{color:#005875}.mode-option span{color:var(--subtle);font-size:11px}.mode-help{margin:-6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span:first-child{font-size:13px;font-weight:600;color:#3b4452}.field em{color:#d92d20;font-style:normal}input,textarea,select{width:100%;border:1px solid #d3d9e2;border-radius:11px;background:#fff;color:#242b35;outline:none;transition:border .18s,box-shadow .18s}input,select{height:44px;padding:0 14px}textarea{padding:12px 14px;min-height:98px;line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:#a8b0bd}input:hover,textarea:hover,select:hover{border-color:#a8b0bd}input:focus,textarea:focus,select:focus{border-color:#00688a;box-shadow:0 0 0 3px #e2f3f7}.field small{color:#737d8c;font-size:11px;line-height:1.4}.field .character-count{text-align:right;margin-top:-2px}.field-row{display:flex;gap:12px;align-items:flex-start}.field-row .field{flex:1}.group-selector{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.group-selector .field{width:100%}.field-label{font-size:13px;font-weight:600;color:#3b4452}.recipient-composer{display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:100%;min-height:56px;padding:6px;border:1px solid #d3d9e2;border-radius:11px;background:#fff;cursor:text;transition:border .18s,box-shadow .18s}.recipient-composer:hover{border-color:#a8b0bd}.recipient-composer:focus-within{border-color:#00688a;box-shadow:0 0 0 3px #e2f3f7}.recipient-composer .recipient-composer-input{flex:1;width:auto;min-width:130px;height:34px;padding:0 7px;border:0;outline:0;box-shadow:none;background:transparent}.recipient-composer .recipient-composer-input:hover,.recipient-composer .recipient-composer-input:focus{border:0;box-shadow:none}.recipient-chip{display:inline-flex;align-items:center;gap:9px;max-width:100%;min-height:43px;padding:5px 6px 5px 11px;border:1px solid #a6cad6;border-radius:12px;background:#f2f9fb;color:#005875}.recipient-chip--pending{border-style:dashed;color:#566171}.recipient-chip>span{display:flex;flex-direction:column;min-width:0}.recipient-chip strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-chip small{color:#566171;font-size:10px}.recipient-chip button{flex:none;display:grid;place-items:center;border:0;border-radius:7px;width:27px;height:27px;background:transparent;color:#005875}.recipient-chip button:hover{background:#dceef3}.recipient-chip button:focus-visible{outline:2px solid #00688a;outline-offset:1px}.recipient-lookup{margin:0;color:#566171;font-size:12px}.recipient-lookup--error{color:#b42318}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:16px;border:1px solid transparent;height:48px;padding:0 20px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .18s,border .18s,transform .18s}.button:not(:disabled):active{transform:translateY(1px)}.button--primary{color:#fff;background:#005875}.button--primary:hover:not(:disabled){background:#004961}.button--outline{color:#005875;border-color:#a6cad6;background:#fff}.button--outline:hover:not(:disabled){border-color:#00688a;background:#f2f9fb;color:#004961}.check-button{margin-top:25px}.preview-button{align-self:flex-start}.ids-input{min-height:76px}.select-wrap{position:relative;width:100%}.select-wrap--open{z-index:30}.select-trigger{width:100%;height:44px;border:1px solid #d3d9e2;border-radius:12px;background:#fff;color:#242b35;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:13px}.select-trigger:hover,.select-trigger[aria-expanded=true]{border-color:#00688a}.select-trigger:focus-visible{outline:3px solid #d1e4ea;outline-offset:2px}.select-trigger>svg{color:#566171;flex:none;transition:transform .18s}.select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.select-menu{position:absolute;top:calc(100% + 5px);left:0;width:100%;max-height:252px;overflow-y:auto;padding:5px;border:1px solid #d1e4ea;border-radius:12px;background:#fff;box-shadow:0 12px 28px #12171f26;z-index:40}.select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;border:0;border-radius:8px;background:transparent;color:#242b35;padding:8px 10px;text-align:left;font-size:12px}.select-option:hover,.select-option:focus-visible{background:#f2f9fb;outline:none}.select-option--selected{color:#005875;background:#ebf3f6;font-weight:600}.form-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audience-result{background:#ecfdf3;border:1px solid #d1fadf;color:#027a48;border-radius:12px;padding:13px;display:flex;gap:10px;align-items:flex-start}.audience-result>svg{flex:none;margin-top:1px}.audience-result strong,.audience-result span{display:block}.audience-result strong{font-size:12px;margin-bottom:3px}.audience-result span{color:#356a50;font-size:11px;line-height:1.4}.audience-result .result-warning{color:#b54708;margin-top:4px}.broadcast-options{display:flex;flex-direction:column;gap:14px}.broadcast-all{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:17px;border:1px solid #60bad1;border-radius:12px;background:#f2f9fb}.broadcast-all-heading{display:flex;align-items:flex-start;gap:11px}.broadcast-all-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#d8eef4;color:#00688a}.broadcast-all-heading strong,.broadcast-all-heading span{display:block}.broadcast-all-heading strong{color:#005875;font-size:13px;line-height:1.4}.broadcast-all-heading span{margin-top:3px;color:#566171;font-size:11px;line-height:1.5}.broadcast-all small{color:#566171;font-size:11px;line-height:1.4}.broadcast-all .broadcast-all-feedback{width:100%;margin:0;border-radius:9px;padding:10px 12px;font-size:11px;line-height:1.5}.broadcast-all-feedback--error{background:#fef3f2;color:#b42318}.broadcast-all-feedback--success{background:#ecfdf3;color:#027a48}.broadcast-manual{border:1px solid #dce5ed;border-radius:12px;background:#fff}.broadcast-manual>summary{cursor:pointer;padding:15px 17px;color:#005875;font-size:12px;font-weight:700}.broadcast-manual>summary span{display:block;margin:4px 0 0 18px;color:#566171;font-size:11px;font-weight:400}.broadcast-manual>summary:focus-visible{outline:3px solid #83cbdc;outline-offset:2px}.broadcast-manual[open]>summary{border-bottom:1px solid #dce5ed}.broadcast-setup{display:flex;flex-direction:column;gap:15px;padding:16px}.broadcast-note{display:flex;gap:11px;background:#f2f9fb;border:1px solid #d1e4ea;color:#005875;border-radius:12px;padding:15px}.broadcast-note svg{flex:none}.broadcast-note strong,.broadcast-note span{display:block}.broadcast-note strong{font-size:12px;margin-bottom:4px}.broadcast-note span{font-size:11px;line-height:1.5}.broadcast-size{display:flex;flex-wrap:wrap;align-items:flex-end;gap:9px 12px}.broadcast-size .field{width:min(220px,100%)}.broadcast-size .button{height:44px}.broadcast-size>small{width:100%;color:#737d8c;font-size:11px}.broadcast-blocks-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#242b35;font-size:13px}.broadcast-refresh{height:34px;padding:0 12px;border-radius:9px;font-size:11px}.broadcast-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.broadcast-counts>div{padding:12px;border:1px solid #dce5ed;border-radius:11px;background:#f8fafc}.broadcast-counts strong,.broadcast-counts span{display:block}.broadcast-counts strong{color:#005875;font-size:20px;line-height:1.1}.broadcast-counts span{margin-top:5px;color:#566171;font-size:11px;line-height:1.3}.broadcast-exclusion{margin:-6px 0 0;color:#566171;font-size:11px;line-height:1.5}.broadcast-block-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.broadcast-block-jump{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.broadcast-block-jump label,.broadcast-block-jump span{color:#566171;font-size:12px}.broadcast-block-jump input{width:90px;height:38px;padding:0 10px;border:1px solid #cbd8e3;border-radius:9px;font:inherit}.broadcast-block-jump .button{min-height:38px;padding:0 12px;font-size:11px}.broadcast-block-option{min-width:0;padding:13px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid #d5dfe8;border-radius:11px;background:#fff;color:#242b35;text-align:left;cursor:pointer}.broadcast-block-option:hover{border-color:#529eb2;background:#f7fcfd}.broadcast-block-option:focus-visible{outline:3px solid #83cbdc;outline-offset:2px}.broadcast-block-option:disabled{cursor:wait;opacity:.6}.broadcast-block-option--selected{border:2px solid #00688a;background:#f2f9fb;padding:12px}.broadcast-block-option strong{color:#005875;font-size:13px}.broadcast-block-option span{font-size:12px;font-weight:600}.broadcast-block-option small{color:#687586;font-size:10px;line-height:1.35}.broadcast-block-option .broadcast-block-option__sent{color:#027a48;font-weight:700}.broadcast-guide{margin:0;color:#566171;font-size:11px;line-height:1.5}.field .broadcast-sent{color:#027a48;font-weight:600}.broadcast-ids{margin:7px 0}.broadcast-ids summary{cursor:pointer;font-size:11px;font-weight:600}.broadcast-ids span{overflow-wrap:anywhere;margin-top:5px}.broadcast-next{margin-top:10px;height:36px;border-radius:10px;font-size:11px}.broadcast-dialog{width:min(440px,calc(100vw - 32px));max-width:none;border:1px solid #d1e4ea;border-radius:20px;padding:28px;background:#fff;color:#242b35;box-shadow:0 24px 70px #12171f38}.broadcast-dialog::backdrop{background:#121e2a85}.broadcast-dialog-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e2f3f7;color:#005875}.broadcast-dialog h2{margin:18px 0 10px;font-size:20px;line-height:1.3}.broadcast-dialog p{margin:0;color:#566171;font-size:13px;line-height:1.6}.broadcast-dialog p strong{color:#242b35}.broadcast-dialog .broadcast-dialog-detail{margin-top:12px}.broadcast-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.notice{display:flex;gap:10px;align-items:flex-start;margin:17px 28px 0;border-radius:11px;padding:13px;font-size:12px;line-height:1.45}.notice svg{flex:none}.notice--error{background:#fef3f2;border:1px solid #fee4e2;color:#b42318}.notice--success{background:#ecfdf3;border:1px solid #d1fadf;color:#027a48}.form-actions{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.form-actions>span{color:#a8b0bd;font-size:11px;max-width:210px;line-height:1.4}.form-actions-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.right-column{display:flex;flex-direction:column;gap:16px}.preview-card{padding:22px 24px 26px;overflow:hidden}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-live{color:#737d8c;font-size:9px;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:6px}.preview-live span{width:6px;height:6px;border-radius:50%;background:#12b76a}.preview-card h2{margin:6px 0 20px}.iphone-frame{width:min(100%,330px);height:660px;margin:0 auto;border:7px solid #242b35;border-radius:37px;background:#242b35;box-shadow:0 17px 32px #12171f29;overflow:hidden}.iphone-screen{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:29px;background:#f8fafc}.iphone-status{height:35px;position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;padding:5px 17px 0;background:#fff;color:#12171f;font-size:10px;font-weight:600}.iphone-island{position:absolute;left:50%;top:6px;transform:translate(-50%);width:59px;height:17px;border-radius:11px;background:#12171f}.iphone-signals{display:flex;align-items:center;gap:2px}.iphone-header{height:58px;display:flex;align-items:center;padding:0 18px;flex:none;background:#fff;color:#12171f;font-size:19px;font-weight:600}.iphone-content{flex:1;min-height:0;padding:24px 17px 12px}.iphone-tabs{display:flex;align-items:center;gap:7px;margin-bottom:20px}.iphone-tab{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e9f0;border-radius:999px;padding:5px 9px;background:#fff;color:#566171;font-size:10px;white-space:nowrap}.iphone-tab--active{border-color:#60bad1;background:#f2f9fb;color:#005875}.iphone-tab b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#f2f9fb;color:#00688a;font-size:10px;font-weight:600}.iphone-tab--active b{background:#529eb2;color:#fff}.iphone-notification{min-height:130px;display:flex;gap:9px;border:1px solid #60bad1;border-radius:12px;padding:14px 11px;background:#f2f9fb}.iphone-notification-icon{width:27px;height:27px;flex:none;display:grid;place-items:center;border-radius:9px;background:#fffaeb;color:#b54708}.iphone-notification-icon--info{background:#e2f3f7;color:#00688a}.iphone-notification-icon--warning{background:#fffaeb;color:#b54708}.iphone-notification-icon--danger{background:#fef3f2;color:#d92d20}.iphone-notification-icon--muted{background:#f1f4f8;color:#a8b0bd}.iphone-notification-body{min-width:0;flex:1;position:relative}.iphone-notification-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;color:#12171f}.iphone-notification-title strong{min-width:0;font-size:11px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.iphone-notification-toggle{flex:none;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#00688a;cursor:pointer}.iphone-notification-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.iphone-notification p{margin:5px 0 11px;color:#12171f;font-size:10px;line-height:1.38;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.iphone-notification p.iphone-notification-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.iphone-notification p.iphone-notification-measure{position:absolute;left:0;right:0;top:0;visibility:hidden;display:block;-webkit-line-clamp:unset;overflow:visible;pointer-events:none}.iphone-notification-link{color:#00688a}.iphone-notification time{color:#737d8c;font-size:9px}.iphone-nav{height:48px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e5e9f0;background:#fff;flex:none}.iphone-nav span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#737d8c;font-size:8px;white-space:nowrap}.iphone-nav .iphone-nav--active{color:#00688a}.iphone-home-indicator{height:16px;display:grid;place-items:center;background:#fff;flex:none}.iphone-home-indicator span{width:73px;height:3px;border-radius:999px;background:#12171f}.preview-footnote{text-align:center;color:#737d8c;margin:18px 0 0;font-size:11px;line-height:1.45}.preview-footnote strong{color:#00688a;font-weight:600}.help-card{background:#eaf5f8;border:1px solid #d1e4ea;border-radius:15px;padding:17px;display:flex;gap:12px;color:#00688a}.help-card svg{flex:none}.help-card strong{display:block;font-size:12px;margin-bottom:5px}.help-card p{color:#438292;font-size:11px;line-height:1.5;margin:0}.history-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.65fr);gap:20px;align-items:start}.history-card{min-height:420px}.history-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 27px 0}.history-filter-help{margin:0;padding:12px 27px 20px;border-bottom:1px solid #f1f4f8;color:#737d8c;font-size:11px}.history-list{padding:4px 14px 16px}.history-row{width:100%;display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid #f1f4f8;background:transparent;padding:14px;text-align:left;border-radius:10px}.history-row:hover,.history-row--selected{background:#f2f9fb}.history-row-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;background:#e2f3f7;color:var(--brand)}.history-row-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.history-row-main strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-row-main small{color:#737d8c;font-size:10px}.history-row-main .history-recipient{color:#00688a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-arrow{color:#a8b0bd;flex:none}.status-pill{display:inline-flex;width:max-content;align-items:center;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:600;white-space:nowrap}.status-pill--success{background:#ecfdf3;color:#027a48}.status-pill--warning{background:#fffaeb;color:#b54708}.status-pill--danger{background:#fef3f2;color:#b42318}.status-pill--info{background:#e2f3f7;color:#00688a}.empty-history{padding:70px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;color:#a8b0bd}.empty-history strong{color:#566171;font-size:13px}.empty-history span{font-size:11px}.detail-card{padding:25px;min-height:420px}.detail-card h2{margin-bottom:26px}.detail-placeholder{min-height:254px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;color:#a8b0bd}.detail-placeholder strong{color:#566171;font-size:13px}.detail-placeholder span{font-size:11px;line-height:1.4;max-width:185px}.detail-title{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #f1f4f8;padding-bottom:16px}.detail-title strong{font-size:14px}.detail-title span{color:#737d8c;font-size:11px}.detail-recipient{display:flex;flex-direction:column;gap:6px;padding:14px 0 2px}.detail-recipient span{color:#737d8c;font-size:11px}.detail-recipient strong{max-height:125px;overflow:auto;overflow-wrap:anywhere;color:#242b35;font-size:11px;line-height:1.5}.refresh-detail{width:100%;margin:16px 0 9px}.detail-data{display:flex;flex-direction:column}.detail-data>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f1f4f8}.detail-data span{color:#737d8c;font-size:11px}.detail-data strong{color:#242b35;font-size:11px;text-align:right}.detail-muted{color:#737d8c;font-size:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a8b0bd;font-size:10px;padding:28px 3px 0}@media(max-width:1180px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.brand-logo{width:180px}.main-content{padding:30px 26px 22px}.topbar{padding:0 26px}.content-grid{grid-template-columns:minmax(0,1fr) 335px}.mode-option{padding:11px}}@media(max-width:980px){.content-grid,.history-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.sidebar{width:72px;padding:24px 10px}.app-shell{grid-template-columns:72px minmax(0,1fr)}.brand{padding:0 0 35px}.brand-logo{width:54px}.brand-caption,.sidebar-section-label{display:none}.nav-link{justify-content:center;gap:0;padding:14px;font-size:0}.sidebar-bottom{justify-content:center;padding:9px}.sidebar-bottom div:last-child{display:none}}@media(max-width:640px){.login-card{padding:28px 22px 30px}.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;min-height:0;padding:8px 16px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;margin-right:auto}.brand-logo{width:180px}.sidebar-nav{flex-direction:row}.nav-link{padding:10px}.sidebar-bottom{display:none}.topbar{min-height:50px;height:auto;padding:9px 18px;flex-wrap:wrap}.topbar-right{width:100%;flex-wrap:wrap;white-space:normal}.breadcrumb{font-size:11px}.main-content{padding:24px 16px}.service-offline{flex-wrap:wrap}.service-offline>button{margin-left:31px}h1{font-size:28px}.page-intro p{font-size:12px}.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.summary-card{min-height:72px;padding:11px;gap:9px}.summary-card:first-child{grid-column:span 2}.summary-icon{width:34px;height:34px}.summary-card strong{font-size:16px}.summary-card span:not(.summary-icon){font-size:10px}.card-header,.form-section{padding-left:17px;padding-right:17px}.mode-grid{gap:7px}.mode-option{min-height:98px;padding:10px 7px}.mode-option strong{font-size:11px}.mode-option span{font-size:9px}.form-two-columns,.right-column{grid-template-columns:1fr}.field-row{flex-direction:column}.check-button{margin-top:0}.form-actions{flex-direction:column;align-items:stretch;padding:18px}.form-actions>span{max-width:unset}.form-actions-buttons{flex-direction:column}.broadcast-dialog{padding:22px}.broadcast-dialog-actions{flex-direction:column-reverse}.broadcast-dialog-actions .button{width:100%}.history-filters{grid-template-columns:1fr;padding:17px 14px 0}.history-filter-help{padding:12px 14px 17px}.footer{flex-direction:column;align-items:flex-start}}
