:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#21332e;background:#f4f6f5;font-size:16px;font-synthesis:none;--green:#184d3e;--accent:#c6edb6;--line:#e3e9e5;--muted:#72817a}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7cad95;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,2.3vw,2.25rem);font-weight:600;letter-spacing:-1.1px;line-height:1.25}h2{font-size:1.05rem;font-weight:650}h3{font-size:1.15rem;line-height:1.4}p{line-height:1.65}small{display:block;font-size:.8rem;color:var(--muted);line-height:1.5}strong{font-weight:600}.shell{display:flex;min-height:100vh}aside{width:252px;flex-shrink:0;background:#142e29;color:#dbe7e1;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:34px 20px 20px}.brand{font-size:1.8rem;letter-spacing:-1px;font-weight:700;display:flex;align-items:center;gap:9px;color:inherit}.brand-dot{color:#bdeaac;margin-left:-9px}.mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:35px;background:#bdeaac;color:#153d30;border-radius:10px;font-size:1.75rem;font-weight:800;line-height:1}.workspace{display:flex;gap:10px;align-items:center;margin:38px 0 30px;padding:15px 6px;border-top:1px solid #2b433d;border-bottom:1px solid #2b433d}.workspace strong{font-size:.87rem}.workspace small,.profile small{color:#9aaea5;font-size:.76rem}.avatar{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#345047;color:#e2f3df;font-size:.8rem;flex-shrink:0}.avatar.square{border-radius:8px}.nav-label{font-size:.65rem;letter-spacing:1.5px;color:#829c90;padding:0 12px;margin-bottom:12px}nav{display:grid;gap:7px}nav button{padding:13px 12px;border-radius:8px;color:#aec2b7;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;font-size:.88rem}nav button span{font-size:1.3rem;width:23px;text-align:center}nav button.active{background:#c8edb7;color:#17372a;font-weight:600}nav button b{margin-left:auto;font-weight:400}nav button:hover:not(.active){background:#244137;color:#fff}.sidebar-foot{margin-top:auto;padding:38px 10px 24px;font-size:.84rem}.sidebar-foot p{font-size:.76rem;color:#8ea99a;margin-top:8px}.sidebar-foot .link{color:#c3d3ca;margin-top:18px}.test-dot{display:inline-block;width:7px;height:7px;background:#c5e9a5;border-radius:50%;margin-right:5px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #2b433d;padding:18px 6px 0;font-size:.83rem}.main{margin-left:252px;width:calc(100% - 252px);display:flex;flex-direction:column}header{height:83px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:.83rem;color:#89958f;display:flex;gap:15px}.breadcrumb strong{color:#3f5148}.header-right{display:flex;align-items:center;gap:20px}.mode{font-size:.65rem;letter-spacing:1px;font-weight:700;color:#798775;border:1px solid #d8e3d4;background:#f4f8f0;border-radius:5px;padding:7px 9px}.icon-btn{background:transparent;color:#728278;font-size:1.45rem;border-radius:8px;padding:3px 10px}.content{padding:43px 42px 34px;max-width:1650px;width:100%;margin:auto;flex:1}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.heading p{color:#7d8982;font-size:.9rem;margin-top:11px}.eyebrow{display:block;font-size:.65rem;letter-spacing:1.8px;font-weight:700;color:#859b8b;margin-bottom:12px}.primary,.secondary{padding:12px 19px;border-radius:7px;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap;font-weight:550}.primary{background:var(--green);color:white}.secondary{background:white;border:1px solid #dce4dd;color:#334b3d}.full{width:100%;margin-top:18px}.link{background:none;color:#31674e;font-size:.82rem;padding:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:29px}.stats>div{background:white;border:1px solid var(--line);border-radius:10px;padding:23px 24px}.stats span{font-size:.83rem;color:#6c7c72}.stats strong{font-size:2.4rem;display:flex;justify-content:space-between;align-items:center;margin:15px 0 8px;letter-spacing:-1px}.stats i{font-size:1.4rem;font-style:normal;color:#8ca190;background:#f1f6ef;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stats small{font-size:.75rem}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:23px}.panel-head{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:23px}.panel-bottom{border-top:1px solid var(--line);padding:17px 24px;font-size:.77rem;color:#8a978e;background:#fcfdfc}.empty{padding:55px 24px;text-align:center;color:#819087}.empty>span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f1f5ee;border-radius:12px;font-size:1.6rem;color:#78917a;margin-bottom:17px}.empty h3{font-size:1rem;color:#425848;margin-bottom:9px}.empty p{font-size:.83rem;max-width:370px;margin:auto}.channel-row{display:flex;align-items:center;gap:13px;padding:18px 23px;border-top:1px solid #eff2ef}.channel-row strong{font-size:.86rem}.channel-row small{font-size:.74rem}.channel-row .pill{margin-left:auto}.channel-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f5ed;border-radius:9px;color:#638666;font-size:1.1rem}.notice{padding:17px 19px;border:1px solid #e4e7d8;background:#f8f9ed;border-radius:8px;font-size:.82rem;color:#727747;line-height:1.6;margin-top:16px}.channel-panel .notice{margin:10px 22px 22px;font-size:.75rem}.notice.subtle{background:#f5f8f2;border-color:#e6eee0;color:#7b8a6f}.callout{display:flex;align-items:center;gap:22px;padding:27px;background:#e8f1e2;border:1px solid #dce8d4;border-radius:11px}.callout h3{font-size:1.02rem;color:#3b5935}.callout p{font-size:.85rem;color:#72816b;margin-top:5px}.callout button{margin-left:auto}.callout-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d4e5c9;color:#476e3a;font-size:1.5rem;flex-shrink:0}.main-foot{display:flex;justify-content:space-between;padding:22px 42px;border-top:1px solid #e3e9e1;color:#8d9b91;font-size:.77rem;letter-spacing:.4px}.main-foot span{letter-spacing:0;font-size:.72rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.83rem;text-align:left}th{font-size:.72rem;color:#89968c;background:#fafbf9;font-weight:500;padding:13px 22px;border-block:1px solid var(--line);white-space:nowrap}td{padding:19px 22px;border-bottom:1px solid #edf1eb}tr:last-child td{border-bottom:0}td strong{font-size:.86rem}td small{font-size:.73rem;margin-top:4px}.pill{display:inline-block;font-size:.69rem;font-weight:500;padding:5px 8px;background:#f0f3ef;border-radius:5px;color:#7c8a7e;white-space:nowrap}.pill.green{background:#ebf5e8;color:#567d46}.pill.amber{background:#fbf2de;color:#94742d}.actions{display:flex;gap:10px}.person{display:flex;gap:10px;align-items:center}.avatar.light{background:#edf2e7;color:#6d865c}.search{max-width:260px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #dfe6de;border-radius:7px;background:#fff;color:#314739;font-size:.9rem}input::placeholder,textarea::placeholder{color:#a2aca4}textarea{resize:vertical;min-height:110px;line-height:1.6}label{display:block;font-size:.85rem;color:#526555;margin-bottom:18px}label>input:not([type=checkbox]):not([type=radio]),label>select,label>textarea{margin-top:8px}input[type=checkbox],input[type=radio]{accent-color:#275b40;width:17px;height:17px;flex-shrink:0;vertical-align:middle}.compose-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr);gap:25px}.form-panel{padding:26px}.form-panel .panel-head{padding:0 0 22px}.form-panel h2{margin-bottom:23px}.form-panel .panel-head h2{margin:0}.step{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;background:#edf4e7;border-radius:50%;font-size:.75rem;color:#6f8c5e;margin-right:8px}.segmented{display:flex;border:1px solid #dce6d9;border-radius:7px;overflow:hidden}.segmented label{flex:1;text-align:center;padding:13px 8px;margin:0;font-size:.85rem;border-right:1px solid #e4ebe0;cursor:pointer}.segmented label:last-child{border:0}.segmented label:has(:checked){background:#edf5e7;color:#365c29}.segmented input{margin:0 7px 0 0;width:14px;height:14px}.hint{font-size:.77rem;color:#869582;line-height:1.6}.form-panel>p.hint{margin-top:15px}.pick-list{max-height:230px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;margin-bottom:15px}.pick-list label{border:1px solid #e3e9df;border-radius:7px;padding:10px;display:flex;align-items:center;gap:9px;margin:0;font-size:.8rem}.pick-list small{margin-left:auto;font-size:.7rem}.channel-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-option{padding:17px 12px;border:1px solid #e0e7dc;border-radius:8px;margin:0;cursor:pointer}.channel-option:has(:checked){border-color:#6f985d;background:#f4f8ef}.channel-option input{margin:0 8px 0 0}.channel-option strong{font-size:.85rem}.channel-option small{margin-top:11px;font-size:.7rem}.disabled{opacity:.45;cursor:not-allowed}#template-label{margin-top:20px}.form-bottom,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.check-inline{display:flex;align-items:center;gap:9px;margin:0;font-size:.83rem}.form-actions{justify-content:flex-end;margin-top:23px}.compose-aside h3{font-size:1.7rem;line-height:1.3;color:#4c6942;letter-spacing:-.5px;margin-bottom:16px}.compose-aside p{font-size:.86rem;color:#869080}.compose-aside .form-panel{background:#f8faf5}hr{border:0;border-top:1px solid #e0e8d9;margin:24px 0}.compose-aside strong{font-size:.8rem}.route-line{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid #e9eee4;font-size:.82rem}.route-line:last-child{border:0}.route-line span:last-child{color:#638053}.compact{grid-template-columns:repeat(3,1fr);margin-top:22px}.compact strong{font-size:1.8rem}.compact>div{background:#f7f9f5}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.8;color:#55664f}.consent{margin-top:24px;padding:20px;background:#fcf5e6;border-radius:7px}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.group-card{padding:26px}.group-icon{font-size:1.5rem;background:#ecf3e6;color:#718e60;display:flex;align-items:center;justify-content:center;border-radius:10px;width:45px;height:45px;margin-bottom:24px}.group-card h2{font-size:1.15rem;margin-bottom:8px}.group-card p{font-size:.83rem;color:#7d8b76;min-height:42px}.avatar-stack{display:flex;margin:24px 0}.avatar-stack span{border:2px solid white;margin-right:-8px}.group-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:.82rem;color:#6e8066}.inbox-list{max-width:900px}.setting-row{padding:18px 0;border-bottom:1px solid #edf0e9}.setting-row strong{font-size:.9rem}.setting-row small{margin-top:5px}dialog{border:1px solid #dfe7d9;box-shadow:0 24px 100px #18332033;border-radius:13px;padding:29px;width:min(650px,calc(100% - 30px));max-height:88vh;color:#31422e}dialog::backdrop{background:#15271cc0;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}dialog p{font-size:.88rem;margin-bottom:15px}dialog table{margin-top:20px}dialog pre{font-size:.73rem;overflow:auto;background:#f4f7ef;padding:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#1f4937;color:white;padding:16px 24px;border-radius:9px;box-shadow:0 10px 30px #17342122;opacity:0;pointer-events:none;transition:.2s;z-index:9999;font-size:.87rem;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;background:radial-gradient(ellipse at top,#e9f2df,transparent 70%),#f4f7f0}.login>.brand{color:#284c35;margin-bottom:34px}.login-card{width:min(480px,100%);background:white;border:1px solid #dde7d7;border-radius:15px;padding:37px;box-shadow:0 20px 90px #23432c08}.login-card h1{font-size:2rem}.login-card>p{font-size:.9rem;color:#87917e;margin:16px 0}.login-card .notice{margin:23px 0}.login-card>small{text-align:center;margin-top:17px}.login footer{font-size:.64rem;letter-spacing:2px;color:#95a18b;margin-top:40px}
@media(min-width:1500px){.content{padding-top:52px}.overview-grid{grid-template-columns:2fr 1fr}}
@media(max-width:1150px){aside{width:210px;padding-inline:15px}.main{margin-left:210px;width:calc(100% - 210px)}.content{padding:30px 24px}header{padding:0 24px}.overview-grid{grid-template-columns:1fr}.stats{gap:12px}.stats>div{padding:19px 16px}.stats strong{font-size:2rem}.compose-grid{grid-template-columns:1fr}.compose-aside{display:none}.group-grid{grid-template-columns:1fr 1fr}.heading{align-items:flex-start}.heading h1{font-size:1.7rem}.callout{flex-wrap:wrap}.callout button{margin-left:70px}.channel-panel{display:none}}
@media(max-width:760px){aside{position:static;width:100%;padding:18px 16px;gap:15px}.shell{display:block}.main{margin:0;width:100%}.brand{font-size:1.45rem}.workspace,.nav-label,.sidebar-foot,.profile{display:none}nav{display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:9px 11px;font-size:.76rem}nav button span{display:none}nav button b{display:none}header{height:60px;padding-inline:18px}.breadcrumb{font-size:.75rem;gap:10px}.mode{font-size:.58rem}.header-right{gap:4px}.content{padding:25px 16px}.heading{flex-direction:column;gap:18px;margin-bottom:24px}.heading h1{font-size:1.65rem}.heading p{font-size:.85rem}.eyebrow{font-size:.6rem}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:17px}.stats strong{font-size:2rem}.stats i{width:30px;height:30px;font-size:1.1rem}.stats span{font-size:.77rem}.stats small{font-size:.7rem}.group-grid{grid-template-columns:1fr}.main-foot{padding:20px 16px;gap:15px}.main-foot span{font-size:.64rem}.channel-options{grid-template-columns:1fr}.channel-option small{display:inline-block;margin:0 0 0 12px}.segmented label{font-size:.77rem}.form-panel{padding:20px}.pick-list{grid-template-columns:1fr}.compact{grid-template-columns:1fr}.compact>div{padding:15px}.compact strong{margin:5px 0}.actions{flex-wrap:wrap}.panel-head{padding:19px 16px}.panel-head:has(.search){align-items:flex-start;flex-direction:column}.panel-head .search{max-width:none}.two-col{grid-template-columns:1fr}.callout{padding:20px;gap:15px}.callout-icon{display:none}.callout button{margin-left:0}.primary,.secondary{font-size:.82rem;white-space:normal}.form-actions button{width:100%}.login{padding:20px}.login-card{padding:27px}.login-card h1{font-size:1.7rem}td,th{padding:14px 16px}.table-wrap table{min-width:580px}.table-wrap{max-width:100%}dialog{padding:22px}.form-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}
.billing-toggle{display:flex;justify-content:center;gap:10px;margin:30px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{padding:26px}.price-card .panel-head{padding:0 0 24px}.price{font-size:2rem;font-weight:650;letter-spacing:-1px}.price small{display:inline;font-weight:400;letter-spacing:0;margin-left:6px}.selected-plan{border:2px solid #648652}.price-card .route-line{font-size:.8rem}.price-card .hint{margin-top:15px;line-height:1.9}.billing-meters{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-bottom:20px}progress{width:100%;height:10px;accent-color:#3b7752;margin-top:12px}.billing-meters .route-line{border:0;padding:8px 0}.pricing-grid+.notice{margin-bottom:24px}@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}}@media(max-width:1100px){.billing-meters{grid-template-columns:1fr;gap:15px}.price-card{padding:20px}.price{font-size:1.65rem}}

/* Nottify citrus palette: warm surfaces, readable ink, lime accents. */
:root{color:#49382b;background:#fffaf2;--green:#ffd19c;--accent:#def29b;--line:#ebddca;--muted:#766653}
body{background:radial-gradient(ellipse at 90% 0,#fff0d8 0,transparent 42%),#fffaf2}
aside{background:#fff0dc;color:#49382b;border-right:1px solid #ead7bd}
.brand{letter-spacing:-1.2px;color:#543820}.brand-dot{color:#c15d20}.brand .mark{background:transparent url('/favicon.svg?v=citrus-1') center/contain no-repeat;color:transparent;font-size:0;width:42px;height:42px;border-radius:0;flex-shrink:0}
.workspace,.profile{border-color:#e7cfaf}.workspace small,.profile small,.sidebar-foot p,.nav-label{color:#79654e}.avatar{background:#ffdbb1;color:#633c21}.avatar.light{background:#edf6ce;color:#526125}
nav button{color:#69513b}nav button.active{background:#deef9d;color:#38471e}nav button:hover:not(.active){background:#ffe0b8;color:#543820}.sidebar-foot .link{color:#80502b}.test-dot{background:#768d29}
header{background:#fffdf9}.breadcrumb,.breadcrumb strong{color:#79634d}.mode{background:#f3f8dd;border-color:#dce7b2;color:#566329}.icon-btn{color:#816348}
h1,h2,h3{color:#503a26}.heading p,.stats span,.stats small,.eyebrow,.hint,.empty p,.empty,.group-card p,.main-foot,th{color:#786651}
.primary{background:#ffd19c;color:#563419;border:1px solid #e7b278}.secondary{background:#fffdf9;color:#67482b;border-color:#e5cfb2}.link{color:#945021}.primary:hover{background:#ffc180}.secondary:hover{background:#fff0dc}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#a35522}
.panel,.stats>div{border-color:var(--line);border-radius:15px;box-shadow:0 3px 12px #81531b04}.stats i,.channel-icon,.group-icon,.empty>span{background:#ffebd2;color:#936333}.stats>div:nth-child(2) i,.step{background:#e8f3b9;color:#5a682c}
.panel-bottom,th{background:#fffbf4}.channel-row,td,.setting-row{border-color:#eee3d4}.notice{background:#fff1de;border-color:#efd3ad;color:#7a5029}.notice.subtle{background:#f3f8dc;border-color:#dfe8b9;color:#596735}
.callout{background:linear-gradient(110deg,#fff0d9,#f1f8d4);border-color:#e5dfb9}.callout h3{color:#624624}.callout p{color:#756447}.callout-icon{background:#e1efa3;color:#566323}
.pill{background:#f6ecdc;color:#786043}.pill.green{background:#edf5ce;color:#52602a}.pill.amber{background:#ffe5be;color:#84511d}
label{color:#6a5139}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-color:#e5d4bc;color:#49382b;background:#fffefa}input::placeholder,textarea::placeholder{color:#88735c}input[type=checkbox],input[type=radio]{accent-color:#a8662b}
.segmented label:has(:checked){background:#edf5ce;color:#52602a}.segmented,.segmented label,.pick-list label,.channel-option{border-color:#e5d4bc}.channel-option:has(:checked){background:#fff0db;border-color:#d59d5d}
.compose-aside .form-panel{background:#fff4e3}.compose-aside h3{color:#805020}.compose-aside p{color:#7c694f}.message-preview{color:#614d38}.route-line,.group-footer,hr{border-color:#eadbc6}.route-line span:last-child{color:#70613f}
progress{accent-color:#a4bd43}progress::-webkit-progress-bar{background:#f6edda}progress::-webkit-progress-value{background:#a4bd43}
#toast{background:#674329;color:#fffaf2}dialog{color:#49382b;border-color:#e6cdaa}dialog::backdrop{background:#49301e80}.login{background:radial-gradient(ellipse at top,#ffe5bc,transparent 65%),#fffaf2}.login>.brand{color:#543820}.login-card{border-color:#e9d5b9;box-shadow:0 20px 70px #b8792412}.main-foot{border-color:#eadbc6}
.addon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.addon-card{padding:22px;background:#fffdf7;border:1px solid #edd8bb;border-radius:14px}.addon-card:nth-child(even){background:#f5f9e4;border-color:#dfe8bb}.addon-card h3{font-size:1rem;margin-bottom:10px}.addon-card p{font-size:.8rem;color:#776249;min-height:44px;margin-bottom:16px}.addon-card button{width:100%}.addon-card .addon-icon{display:inline-flex;background:#ffe1b8;color:#895022;padding:10px;border-radius:12px;margin-bottom:16px;font-size:1.4rem}.addon-card:nth-child(even) .addon-icon{background:#e2efa7;color:#5d6d29}
@media(max-width:1100px){.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.addon-grid{grid-template-columns:1fr}.brand .mark{width:36px;height:36px}}