@charset "UTF-8";
.broadcast-account-identity{min-width:0;flex:1}.broadcast-account-identity>strong{display:block;white-space:nowrap}.line-proxy-summary{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5;max-width:100%;min-width:0}.line-proxy-summary>.icon{width:13px;height:13px;flex-shrink:0}.line-proxy-summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-proxy-summary.unavailable{color:var(--negative)}.account-network-summary{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:15px 17px;margin:0 0 22px}.account-network-summary>.icon{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:3px}.account-network-summary>div{min-width:0}.account-network-summary span{display:block;color:var(--muted);font-size:11px}.account-network-summary strong{display:block;font-size:15px;overflow-wrap:anywhere}.account-network-summary p{display:flex;align-items:flex-start;gap:6px;color:var(--muted);font-size:12px;overflow-wrap:anywhere;margin:5px 0 0}.account-network-summary p>.icon{width:14px;height:14px;flex-shrink:0;margin-top:3px}.proxy-auth-summary{display:block;color:var(--muted);font-size:11px;line-height:1.8;margin-top:5px}.proxy-management-link{font-size:12px;color:var(--muted);line-height:1.8;margin-top:16px}.proxy-management-link a{text-decoration:underline}.proxy-clear-password{margin-bottom:18px}.qr-network-summary{display:flex;align-items:flex-start;gap:7px;overflow-wrap:anywhere}.qr-network-summary>.icon{width:15px;height:15px;flex-shrink:0;margin-top:4px}.proxy-dialog select{max-width:100%}
@font-face{font-family:"Anuphan";src:url("/fonts/anuphan/Anuphan-VariableFont_wght.ttf") format("truetype");font-style:normal;font-weight:100 700;font-display:swap}
.account-verified{display:block;color:var(--muted);font-size:11px;margin-top:5px}.header-actions{flex-wrap:wrap}.qr-dialog{width:min(550px,calc(100vw - 32px))}.qr-dialog .dialog-body{padding-top:21px}.qr-intro .badge{font-size:11px}.qr-intro p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.qr-steps{display:flex;list-style:none;padding:0;margin:22px 0;gap:10px;justify-content:space-between}.qr-step{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap}.qr-step>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px;background:var(--surface-2)}.qr-step.current{color:var(--accent);font-weight:650}.qr-step.current>span{background:var(--accent);color:var(--surface);border-color:var(--accent)}.qr-step.complete>span{background:var(--tint);color:var(--accent);border-color:var(--tint)}.qr-status{font-size:15px!important;text-align:center;font-weight:650;line-height:1.7;margin:0 0 17px}.qr-stage{text-align:center;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column}.qr-stage>p{font-size:13px;color:var(--muted);line-height:1.9;margin:17px 0 3px}.qr-image-frame{padding:12px;background:#fff;border:1px solid #eee;border-radius:17px;box-shadow:0 7px 24px #2720300b;max-width:100%}.qr-image{display:block;width:260px;height:260px;max-width:100%;object-fit:contain;image-rendering:pixelated}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:22px;color:var(--accent);font-size:14px;padding:24px 0}.qr-spinner{display:inline-block;width:25px;height:25px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:qr-spin .85s linear infinite;flex-shrink:0}.qr-timer{display:flex;justify-content:center;align-items:flex-start;gap:8px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);text-align:left;color:var(--muted)}.qr-timer[hidden]{display:none}.qr-timer>.icon{width:16px;height:16px;margin-top:3px}.qr-timer strong{font-size:12px;display:block;font-weight:600;font-variant-numeric:tabular-nums}.qr-timer small{font-size:11px;display:block;line-height:1.7;margin-top:3px}.qr-phone-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:var(--tint);color:var(--accent);margin:7px 0 15px}.qr-phone-icon>.icon{width:27px;height:27px}.qr-pin-label{font-size:12px;color:var(--muted);margin:0 0 8px}.qr-pin{font-family:Consolas,monospace;font-size:clamp(28px,8vw,43px);letter-spacing:.17em;font-weight:700;font-variant-numeric:tabular-nums;background:var(--tint);border:1px solid var(--line);color:var(--accent);border-radius:11px;padding:10px 16px 10px 23px;overflow-wrap:anywhere;max-width:100%}.qr-waiting{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:20px}.qr-waiting .qr-spinner{width:15px;height:15px}.qr-result-icon{width:66px;height:66px;border-radius:22px;background:var(--tint);color:var(--accent);display:grid;place-items:center;margin:15px 0 18px}.qr-result-icon>.icon{width:30px;height:30px}.qr-result-icon.success{background:var(--positive-bg);color:var(--positive)}.qr-result-note{font-size:12px;color:var(--muted);background:var(--surface-2);border-radius:8px;line-height:1.8;padding:12px 19px;margin-top:19px}.qr-stage>.button{margin-top:18px}.qr-delete-note{margin-top:15px}@keyframes qr-spin{to{transform:rotate(360deg)}}@media(max-width:400px){.qr-dialog .dialog-body{padding:18px 16px}.qr-steps{gap:5px}.qr-step{font-size:10px;gap:4px}.qr-step>span{width:20px;height:20px}.qr-image{width:235px;height:235px}.qr-status{font-size:14px!important}.header-actions{width:100%}.header-actions>.button{flex:1}}
:root{font-family:"Anuphan","Segoe UI","Leelawadee UI",Tahoma,sans-serif;color:#252331;background:#f8f9fc;font-synthesis:none;--bg:#f8f9fc;--surface:#fff;--surface-2:#f5f5fa;--text:#252331;--muted:#7a798a;--line:#eaeaf1;--accent:#7654db;--accent-hover:#6542c6;--tint:#f1edff;--positive:#248866;--positive-bg:#eaf8f1;--negative:#c84e62;--shadow:0 4px 24px #2b1d5110;color-scheme:light}
:root[data-theme=dark]{--bg:#111017;--surface:#1a1823;--surface-2:#211e2c;--text:#f0eef7;--muted:#a29bb5;--line:#302b3e;--accent:#a88af8;--accent-hover:#b99aff;--tint:#2b2143;--positive:#7acbac;--positive-bg:#192f2a;--negative:#ff94a5;--shadow:0 4px 24px #0002;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ae95f8;outline-offset:3px}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.4;letter-spacing:-.6px}h2{font-size:20px;line-height:1.5}h3{font-size:16px}small{font-size:13px}.muted{color:var(--muted)}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.6px;color:var(--text)}.brand-logo{display:block;flex-shrink:0;width:46px;height:46px;object-fit:contain}.login-story .brand-logo{width:55px;height:55px}.boot .brand-logo{width:82px;height:82px}.workspace-environment{margin-left:auto;font-size:10px;padding:2px 5px}.workspace-label{flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 18px;border-radius:9px;border:1px solid transparent;background:var(--accent);color:#fff;font-size:14px;font-weight:650;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{background:var(--accent-hover)}[data-theme=dark] .button:not(.secondary):not(.ghost):not(.danger){color:#191122}.button:active{transform:translateY(1px)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.button.secondary:hover{background:var(--surface-2)}.button.ghost{background:transparent;color:var(--muted)}.button.danger{background:#c9475c;color:white}.button.small{padding:6px 10px;min-height:34px;font-size:13px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}.icon-button:hover{color:var(--accent);background:var(--tint)}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--muted);padding:4px 10px;font-size:12px;font-weight:600;border-radius:6px;white-space:nowrap}.badge.purple{background:var(--tint);color:var(--accent)}.badge.green{background:var(--positive-bg);color:var(--positive)}.badge.red{background:#c84e6214;color:var(--negative)}.badge.amber{background:#c78a1b14;color:#b17b28}.dot{width:6px;height:6px;background:currentColor;border-radius:50%}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}
.login-layout{display:grid;grid-template-columns:1.02fr 1fr;min-height:100vh;background:var(--surface)}.login-story{padding:45px 8%;background:#f2effa;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;bottom:-340px;left:-130px;width:750px;height:750px;border:1px solid #b9a5e82b;border-radius:50%;pointer-events:none;box-shadow:0 0 0 80px #b9a5e809,0 0 0 160px #b9a5e806}.login-story .brand{position:relative;z-index:1}.story-body{max-width:490px;margin:auto 0;padding:72px 0;position:relative;z-index:1}.story-body h1{font-size:clamp(36px,3.8vw,56px);font-weight:700;line-height:1.3;letter-spacing:-1.5px;margin:19px 0 24px}.story-body h1 span{color:#7855d8}.story-description{font-size:17px;color:#777184;max-width:390px;line-height:1.9}.story-features{margin-top:42px;display:grid;gap:24px}.story-feature{display:flex;gap:15px;align-items:flex-start}.feature-icon{width:41px;height:41px;display:grid;place-items:center;background:#fff9;border:1px solid #fff;border-radius:12px;color:#8366c5}.story-feature h3{font-size:15px;font-weight:650;margin-bottom:2px}.story-feature p{font-size:14px;color:#82798e}.story-footer{position:relative;z-index:1;color:#92899f;font-size:12px;display:flex;justify-content:space-between;align-items:center}.story-footer span:last-child{letter-spacing:1px}.login-main{position:relative;display:flex;align-items:center;justify-content:center;padding:100px 50px 80px}.login-tools{position:absolute;z-index:2;right:34px;top:30px;display:flex;gap:14px;align-items:center}.login-form{width:100%;max-width:370px}.login-form .eyebrow{margin-bottom:12px}.login-form h2{font-size:30px;letter-spacing:-.7px;margin-bottom:9px}.login-form>p{font-size:15px;color:var(--muted);margin-bottom:31px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.field label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 14px;background:var(--surface);color:var(--text);outline:none;font-size:15px;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}.field input::placeholder,.field textarea::placeholder{color:#a6a2af}.field textarea{resize:vertical;min-height:120px;line-height:1.8}.field .hint{font-size:12px;color:var(--muted)}.input-wrap{position:relative}.input-wrap input{padding-left:44px;padding-right:45px;height:50px}.input-wrap>.icon{position:absolute;left:15px;top:15px;color:var(--muted);width:18px;height:18px}.password-eye{position:absolute;right:6px;top:6px;width:38px;height:38px;display:grid;place-items:center;background:none;border:0;color:var(--muted)}.login-submit{width:100%;min-height:49px;margin-top:7px;font-size:15px}.login-note{margin-top:25px;border-top:1px solid var(--line);padding-top:22px;display:flex;gap:10px;color:var(--muted);font-size:13px;line-height:1.8}.login-note .icon{width:17px;height:17px;margin-top:3px}.login-bottom{position:absolute;bottom:27px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}.form-error{color:var(--negative);font-size:14px;line-height:1.7;margin:0 0 15px;background:#c84e620a;border-radius:7px;padding:10px 12px}.form-error:empty{display:none}[data-theme=dark] .login-story{background:#211a30}[data-theme=dark] .feature-icon{background:#31253f;border-color:#463357;color:#c2a6fa}[data-theme=dark] .story-feature p,[data-theme=dark] .story-description{color:#b3a8c5}[data-theme=dark] .story-body h1 span{color:#b995ff}
.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:244px;z-index:30;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 17px 15px}.sidebar .brand{padding:0 12px;margin-bottom:31px}.workspace-label{display:flex;align-items:center;gap:9px;margin:0 5px 23px;padding:10px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:600}.workspace-mark{width:28px;height:28px;display:grid;place-items:center;background:var(--tint);color:var(--accent);border-radius:7px}.workspace-label .icon{width:16px;height:16px}.nav-scroll{overflow:auto;flex:1;scrollbar-width:thin}.nav-label{padding:0 14px;color:var(--muted);font-size:11px;letter-spacing:.5px;margin:17px 0 8px}.nav-link{display:flex;align-items:center;gap:11px;color:var(--muted);padding:10px 13px;border-radius:8px;margin:3px 0;font-size:14px;font-weight:500;min-height:43px;transition:background .15s}.nav-link .icon{width:19px;height:19px}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--tint);color:var(--accent);font-weight:650}.nav-link.active:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.sidebar-foot{border-top:1px solid var(--line);margin-top:15px;padding:17px 6px 0;display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:11px;background:var(--tint);color:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.identity{min-width:0;flex:1}.identity strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity small{font-size:11px;color:var(--muted)}.sidebar-foot .icon-button{width:31px;height:31px;border:0}.main{grid-column:2;min-width:0}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted)}.breadcrumbs strong{color:var(--text);font-weight:500}.top-actions{display:flex;gap:12px;align-items:center}.top-actions .avatar{width:33px;height:33px;border-radius:50%}.top-actions .divider{height:23px;width:1px;background:var(--line);margin:0 5px}.content{padding:30px 36px 45px;max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-header p{color:var(--muted);font-size:14px;margin-top:6px}.page-header h1{font-size:27px;font-weight:700;letter-spacing:-.7px}.page-header .eyebrow{font-size:10px;margin-bottom:5px}.header-actions{display:flex;gap:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--line);padding:20px 22px;border-radius:12px}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--muted);font-size:13px}.stat-head .stat-icon{width:31px;height:31px;background:var(--tint);color:var(--accent);display:grid;place-items:center;border-radius:9px}.stat-head .icon{width:16px;height:16px}.stat strong{font-size:29px;line-height:1.4;font-weight:650;display:block;margin:9px 0 6px;letter-spacing:-.5px}.stat-foot{font-size:11px;color:var(--muted)}.stat-foot b{font-weight:500;color:var(--positive)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-body{padding:23px}.panel-title{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.panel-title h2{font-size:16px}.panel-title p{font-size:12px;color:var(--muted);margin-top:3px}.welcome-card{border:1px solid #dcd1f7;border-radius:12px;background:linear-gradient(115deg,var(--tint),var(--surface));padding:27px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.welcome-card .eyebrow{font-size:10px}.welcome-card h2{font-size:21px;margin:6px 0 9px}.welcome-card p{color:var(--muted);font-size:14px;max-width:660px}.welcome-icon{width:76px;height:76px;border-radius:22px;background:var(--surface);color:var(--accent);display:grid;place-items:center;box-shadow:var(--shadow);flex-shrink:0;transform:rotate(-7deg)}.welcome-icon .icon{width:34px;height:34px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px;margin-bottom:23px}.chart-empty{min-height:230px;padding:25px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(to top,transparent,transparent 45px,var(--line) 46px,transparent 47px);margin:0 24px 18px}.chart-empty>div{background:var(--surface);padding:16px 20px;color:var(--muted);max-width:360px}.chart-empty p{font-size:13px}.chart-empty .icon{color:var(--accent);margin-bottom:9px;width:27px;height:27px}.quick-step{display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.quick-step:last-child{border:0;padding-bottom:0}.quick-step:first-child{padding-top:0}.step-number{width:31px;height:31px;border-radius:50%;background:var(--tint);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.quick-step p{font-size:12px;color:var(--muted);margin-top:3px}.quick-step a{font-size:14px;color:var(--text);font-weight:600}.quick-step a:hover{color:var(--accent)}.table-toolbar{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.search-wrap{position:relative;max-width:330px;width:100%}.search-wrap .icon{position:absolute;top:11px;left:12px;width:17px;height:17px;color:var(--muted)}.search-wrap input{width:100%;padding:9px 13px 9px 37px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;outline:none}.search-wrap input:focus{border-color:var(--accent)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;white-space:nowrap}th{font-size:12px;font-weight:500;color:var(--muted);background:var(--surface-2);padding:13px 23px;border-bottom:1px solid var(--line)}td{padding:17px 23px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}.table-name{display:flex;align-items:center;gap:11px}.table-name strong{font-size:13px;font-weight:600}.table-name small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.table-actions{display:flex;gap:6px;justify-content:flex-end}.table-actions .icon-button{width:31px;height:31px;border-color:transparent;background:transparent}.table-actions .icon{width:16px;height:16px}.table-footer{padding:13px 23px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.empty{padding:55px 22px;text-align:center}.empty-icon{width:56px;height:56px;border-radius:16px;margin:0 auto 18px;background:var(--tint);color:var(--accent);display:grid;place-items:center}.empty-icon .icon{width:25px;height:25px}.empty h3{font-size:16px;font-weight:600;margin-bottom:7px}.empty p{font-size:13px;color:var(--muted);margin:0 auto 20px;max-width:430px}.empty .button{font-size:13px}.notice{background:var(--tint);color:var(--accent);border:1px solid var(--line);border-radius:9px;display:flex;gap:11px;padding:12px 15px;margin-bottom:20px;font-size:13px;line-height:1.7}.notice .icon{width:17px;height:17px;margin-top:3px}.notice.neutral{background:var(--surface-2);color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-panel{padding:25px}.form-panel h2{font-size:18px;margin-bottom:6px}.form-panel>p{font-size:13px;color:var(--muted);margin-bottom:25px}.settings-stack{display:grid;gap:23px}.preview-phone{border:1px solid var(--line);border-radius:24px;max-width:320px;margin:20px auto;background:var(--surface-2);padding:12px;min-height:330px}.phone-top{text-align:center;padding:10px;color:var(--muted);font-size:12px}.message-bubble{border-radius:13px 13px 13px 3px;background:var(--surface);box-shadow:var(--shadow);margin-top:23px;padding:18px;font-size:14px;white-space:pre-wrap;word-break:break-word}.message-bubble .badge{margin-bottom:10px}.code{font-family:Consolas,monospace!important;font-size:13px!important}.key-output{padding:17px;border:1px solid var(--accent);background:var(--tint);border-radius:9px;font-family:Consolas,monospace;word-break:break-all;line-height:1.8;color:var(--accent);margin:20px 0}.key-card{padding:32px}.key-card>.icon{width:33px;height:33px;color:var(--accent);margin-bottom:15px}.key-card h2{font-size:22px;margin-bottom:12px}.key-card p{color:var(--muted);font-size:14px}.license-days{font-size:44px!important;font-weight:650;letter-spacing:-1px;color:var(--text)!important;margin:23px 0 5px}.row{display:flex;align-items:center;gap:12px}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.mobile-menu{display:none}.footer-note{margin-top:25px;font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-note .icon{width:12px;height:12px}.footer-note span{display:flex;align-items:center;gap:6px}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;width:min(530px,calc(100vw - 32px));max-height:90vh;padding:0;box-shadow:0 25px 100px #0003}dialog.wide{width:min(760px,calc(100vw - 32px))}dialog::backdrop{background:#19142480;backdrop-filter:blur(3px)}.dialog-header{padding:22px 25px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:19px}.dialog-body{padding:23px 25px}.dialog-actions{border-top:1px solid var(--line);padding:16px 25px;display:flex;justify-content:flex-end;gap:10px}.dialog-body>p{font-size:14px;color:var(--muted);line-height:1.9}.dialog-body .field:last-child{margin-bottom:0}.checkbox-label{display:flex;gap:9px;align-items:center;font-size:14px}.checkbox-label input{accent-color:var(--accent);width:17px;height:17px}.divider-line{border:0;border-top:1px solid var(--line);margin:20px 0}#toasts{position:fixed;right:23px;bottom:23px;z-index:100;display:grid;gap:10px;max-width:calc(100vw - 46px)}.toast{background:var(--text);color:var(--surface);padding:13px 20px;border-radius:11px;box-shadow:var(--shadow);font-size:14px;animation:toast-in .2s ease-out}.toast.error{background:#b84759;color:#fff}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Mheeline sidebar: layered purple selection, with native scrolling kept intact. */
.nav-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 10px 14px;margin:0 -10px}
.nav-scroll::-webkit-scrollbar{display:none;width:0;height:0}
.nav-link{min-height:46px;margin:5px 0;border-radius:10px;transition:background .18s,color .18s,box-shadow .18s}
.nav-link>span{min-width:0}
.nav-link:hover{background:linear-gradient(110deg,var(--tint),var(--surface-2));color:var(--accent);box-shadow:inset 0 1px 0 #ffffff80}
.nav-link.active,.nav-link.active:hover{background:linear-gradient(112deg,#8057df 0%,#6943c2 52%,#513395 100%);color:#fff;font-weight:650;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #37176933,0 6px 13px -4px #7654db66}
.nav-link.active .icon{filter:drop-shadow(0 1px 1px #28144c40)}
.nav-link.active:after{content:"";width:7px;height:7px;flex-shrink:0;margin-left:auto;margin-right:2px;background:none;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;border-radius:1px;transform:rotate(45deg)}
.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-theme=dark] .nav-link:hover{box-shadow:inset 0 1px 0 #ffffff0c}
[data-theme=dark] .nav-link.active,[data-theme=dark] .nav-link.active:hover{background:linear-gradient(112deg,#8055da 0%,#623bad 54%,#432969 100%);color:#fff;box-shadow:inset 0 1px 0 #dac8ff40,inset 0 -1px 0 #1d102c55,0 7px 16px -4px #8b55ef59}
@media(prefers-reduced-motion:reduce){.nav-link{transition:none}}
@media(max-width:700px){.sidebar{visibility:hidden}.shell.menu-open .sidebar{visibility:visible}}
@media(min-width:1600px){.login-story{padding-left:12%;padding-right:12%}.content{padding-top:38px}.story-body h1{font-size:60px}}
@media(max-width:1150px){.shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{width:215px;padding-left:12px;padding-right:12px}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:12px}.stat{padding:17px}.stat-head{font-size:12px}.dashboard-grid{grid-template-columns:1fr 300px}.login-story{padding:34px 7%}.story-body h1{font-size:43px}.story-body{padding:60px 0}.login-main{padding:100px 35px 70px}}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.two-col{grid-template-columns:1fr}.login-layout{grid-template-columns:.9fr 1fr}.story-features{gap:22px}.story-body h1{font-size:35px}.story-description{font-size:15px}.story-feature p{font-size:12px}.story-feature h3{font-size:14px}.feature-icon{display:none}.story-footer span:last-child{display:none}.top-actions .badge{display:none}}
@media(max-width:700px){.login-layout{display:block}.login-story{padding:26px 27px;background:var(--surface)}.login-story:after,.story-body,.story-footer{display:none}.login-main{min-height:calc(100vh - 90px);padding:38px 27px 95px;align-items:flex-start}.login-tools{top:-66px;right:25px}.login-tools .badge{display:none}.login-form{max-width:430px;margin:auto}.login-form h2{font-size:29px}.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px;box-shadow:var(--shadow)}.shell.menu-open .sidebar{transform:translateX(0)}.shell.menu-open:before{content:"";position:fixed;inset:0;background:#0006;z-index:25}.main{width:100%}.topbar{height:67px;padding:0 19px}.mobile-menu{display:inline-flex}.breadcrumbs>span{display:none}.breadcrumbs{gap:9px}.top-actions .divider,.top-actions>.avatar{display:none}.content{padding:24px 19px}.page-header{align-items:flex-start;flex-wrap:wrap}.page-header h1{font-size:24px}.page-header p{font-size:13px}.stats{gap:10px}.stat{padding:15px}.stat-head .stat-icon{display:none}.stat strong{font-size:27px}.stat-foot{font-size:10px}.welcome-card{padding:22px}.welcome-icon{display:none}.welcome-card h2{font-size:19px}.welcome-card p{font-size:13px}.panel-title,.panel-body{padding:19px}.table-toolbar{padding:15px}.table-footer{padding:13px 17px}td,th{padding-left:18px;padding-right:18px}.footer-note span:last-child{display:none}.two-col{gap:18px}.form-panel,.key-card{padding:23px}.dialog-header,.dialog-body{padding:20px}.dialog-actions{padding:15px 20px}.login-bottom{bottom:25px}.row.wrap{flex-wrap:wrap}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.key-create-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.key-create-form,.key-preview{padding:28px}.access-heading{display:flex;align-items:center;gap:14px;margin-bottom:28px}.access-heading h2{font-size:19px;font-weight:650;letter-spacing:-.3px}.access-heading p{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.7}.access-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--tint);color:var(--accent);flex-shrink:0}.access-icon .icon{width:23px;height:23px}.duration-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:4px}.duration-preset{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;border-radius:8px;padding:9px 8px;min-height:43px}.duration-preset.active{border-color:var(--accent);background:var(--tint);color:var(--accent);font-weight:650}.duration-preset:hover{background:var(--tint);color:var(--accent)}.key-form-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}.key-create-form .field:last-of-type{margin-bottom:22px}.key-preview{background:linear-gradient(145deg,var(--surface),var(--surface-2))}.key-preview-details,.key-result-details{margin:0 0 23px}.key-preview-details>div,.key-result-details>div{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.key-preview-details dt,.key-result-details dt{color:var(--muted);flex-shrink:0}.key-preview-details dd,.key-result-details dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600}.key-preview-details>div:first-child{padding-top:0}.key-preview-details>div:nth-child(2) dd{color:var(--accent)}.key-preview-rule{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.9;margin-top:19px}.key-preview-rule .icon{width:17px;height:17px;color:var(--accent);margin-top:3px}.key-result-details{margin:23px 0 0}.key-result-details>div{font-size:12px;gap:12px}.key-result-timezone{font-size:11px!important;margin-top:12px}.license-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.license-redeem-card,.license-status-card{padding:28px}.license-redeem-card .access-heading{margin-bottom:26px}.license-redeem-card .access-help{margin-top:24px}.access-help{font-size:12px;color:var(--muted);line-height:1.8}.access-help strong{font-weight:600;color:var(--text);overflow-wrap:anywhere}.license-status-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.license-status-card h2{font-size:21px;margin-bottom:19px}.license-status-details{margin:0 0 20px;border-top:1px solid var(--line);padding-top:17px}.license-status-details>div{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 0;font-size:14px}.license-status-details dt{color:var(--muted);flex-shrink:0}.license-status-details dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.license-status-details dd.is-active{color:var(--positive)}.license-status-details time{white-space:nowrap}.license-timezone{font-size:10px;color:var(--muted);margin-top:8px}.license-status-card .access-icon{background:var(--positive-bg);color:var(--positive)}
@media(max-width:1100px){.key-create-layout,.license-layout{gap:18px}.key-create-form,.key-preview,.license-redeem-card,.license-status-card{padding:23px}.license-status-details>div{font-size:12px;gap:10px}.access-heading{gap:11px}.access-heading h2{font-size:17px}.access-heading p{font-size:12px}}
@media(max-width:950px){.key-create-layout,.license-layout{grid-template-columns:1fr}.key-preview-details>div,.license-status-details>div{font-size:14px}.license-status-card{min-height:290px}}
@media(max-width:480px){.key-create-form,.key-preview,.license-redeem-card,.license-status-card{padding:21px}.access-heading{align-items:flex-start;gap:11px}.access-icon{width:42px;height:42px;border-radius:11px}.access-icon .icon{width:20px;height:20px}.access-heading h2{font-size:17px}.access-heading p{font-size:12px}.duration-presets{gap:6px}.duration-preset{font-size:12px;padding-left:4px;padding-right:4px}.key-preview-details>div,.license-status-details>div{font-size:12px}.license-status-details>div{gap:9px}.license-status-details time{font-size:11px}.key-form-actions .button{flex:1}.key-preview-details>div{gap:14px}.license-status-card{min-height:275px}.key-result-details>div{flex-wrap:wrap;gap:5px}.key-result-details dd{text-align:left;width:100%}}
.broadcast-table-scroll{position:relative}
.contacts-dialog{width:min(640px,calc(100vw - 32px))}.contact-source-file{display:block;margin-top:4px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.contact-input-hint{font-size:12px;color:var(--muted);margin:-10px 0 19px;line-height:1.8}.contact-file-field input[type=file]{padding:11px;font-size:13px;background:var(--surface-2);min-height:52px;cursor:pointer}.contact-file-field input[type=file]::file-selector-button{font:inherit;font-size:12px;padding:7px 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);margin-right:10px;cursor:pointer}.contact-file-field input[type=file]::file-selector-button:hover{border-color:var(--accent);color:var(--accent)}.contact-file-existing{padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);margin-bottom:19px}.contact-file-existing[hidden]{display:none}.contact-file-existing .badge{font-size:10px;margin-bottom:7px}.contact-file-existing strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.contact-file-existing p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.8}.contact-import-status{font-size:13px;line-height:1.8;color:var(--muted);display:flex;gap:9px;align-items:center;min-height:24px;margin:0 0 13px;overflow-wrap:anywhere}.contact-import-status.is-ready{color:var(--positive)}.contact-import-status.is-error{color:var(--negative)}.contact-import-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.contact-import-counts>div{border:1px solid var(--line);border-radius:9px;padding:13px 15px;background:var(--surface-2)}.contact-import-counts strong{display:block;color:var(--accent);font-size:23px;font-weight:650;line-height:1.5;font-variant-numeric:tabular-nums}.contact-import-counts span{font-size:11px;color:var(--muted);line-height:1.6;display:block}.contact-import-counts .has-errors strong{color:var(--negative)}.contact-import-note{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0}.contact-scope-note{border-top:1px solid var(--line);padding-top:15px;margin:19px 0 0}.contact-invalid{border:1px solid #c84e622e;border-radius:9px;background:#c84e6207;padding:12px 15px;margin:0 0 18px;color:var(--negative)}.contact-invalid summary{cursor:pointer;font-size:12px;font-weight:600}.contact-invalid ul{list-style:none;margin:10px 0 0;padding:0}.contact-invalid li{font-size:12px;line-height:1.8;padding:6px 0;border-top:1px solid #c84e621c;overflow-wrap:anywhere}.contact-invalid li:first-child{border:0}.contact-invalid small{display:block;font-size:11px;color:var(--muted)}.contact-invalid bdi,.contact-numbers-preview bdi{font-variant-numeric:tabular-nums}.contact-numbers-preview{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.contact-preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 15px;background:var(--surface-2);border-bottom:1px solid var(--line)}.contact-preview-heading h3{font-size:12px;font-weight:600}.contact-preview-heading span{font-size:10px;color:var(--muted);white-space:nowrap}.contact-numbers-preview ol{padding:10px 15px;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-height:205px;overflow:auto;font-size:13px}.contact-numbers-preview li{padding:6px 2px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.contact-numbers-preview .contact-import-note{padding:0 15px;margin:0 0 11px}@media(max-width:480px){.contacts-dialog .dialog-header,.contacts-dialog .dialog-body{padding:18px}.contact-import-counts{gap:7px}.contact-import-counts>div{padding:11px 9px}.contact-import-counts strong{font-size:21px}.contact-import-counts span{font-size:10px}.contact-preview-heading{padding:12px;align-items:flex-start;gap:8px}.contact-preview-heading h3{font-size:11px}.contact-numbers-preview ol{padding:8px 12px;gap:0 10px;font-size:12px}.contact-file-field input[type=file]{font-size:11px;padding:8px}.contact-file-field input[type=file]::file-selector-button{font-size:11px;margin-right:7px}}
.broadcast-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 22px}.broadcast-stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 21px;min-height:99px;display:flex;flex-direction:column;gap:2px}.broadcast-stat strong{font-size:27px;font-weight:650;line-height:1.35;font-variant-numeric:tabular-nums}.broadcast-stat span{font-size:13px;color:var(--muted)}.broadcast-stat.purple strong{color:var(--accent)}.broadcast-stat.green strong{color:var(--positive)}.broadcast-stat.amber strong{color:#b58728}.broadcast-stat.red strong{color:var(--negative)}
.broadcast-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}.broadcast-toolbar .search-wrap{max-width:390px;flex:1 1 280px}.broadcast-toolbar .search-wrap input{min-height:46px;font-size:14px;background:var(--surface);padding-top:11px;padding-bottom:11px}.broadcast-toolbar .search-wrap .icon{top:14px}.broadcast-filters{display:flex;gap:7px;flex-wrap:wrap}.broadcast-filter{padding:9px 14px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface);font-size:13px;font-weight:500;min-height:42px}.broadcast-filter:hover{color:var(--accent);background:var(--tint)}.broadcast-filter.active{background:var(--tint);color:var(--accent);border-color:var(--tint);font-weight:650}
.broadcast-table-panel{border-radius:11px}.broadcast-table-scroll{min-height:242px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.broadcast-table{min-width:1080px;table-layout:fixed}.broadcast-table th{height:50px;font-size:12px;padding:12px 16px}.broadcast-table td{height:92px;padding:20px 16px;font-size:14px}.broadcast-table th:nth-child(1){width:47px}.broadcast-table th:nth-child(2){width:200px}.broadcast-table th:nth-child(3){width:110px}.broadcast-table th:nth-child(4){width:150px}.broadcast-table th:nth-child(5){width:133px}.broadcast-table th:nth-child(6){width:155px}.broadcast-table th:nth-child(7){width:155px}.broadcast-table th:nth-child(8){width:55px}.broadcast-table .broadcast-check{text-align:center;padding:12px}.broadcast-check input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;vertical-align:middle}.broadcast-check input:focus-visible{outline:3px solid #ae95f8;outline-offset:3px}.broadcast-table tr.is-selected{background:var(--tint)}.broadcast-table tr.is-new .broadcast-name strong{color:var(--accent)}.broadcast-table .table-name{gap:11px}.broadcast-table .table-name strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.broadcast-avatar{width:44px;height:44px;border-radius:14px;font-size:15px;border:1px solid var(--line);background:var(--tint);letter-spacing:.5px}.broadcast-group-count{font-weight:600;font-variant-numeric:tabular-nums}.broadcast-added time{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px}.note-trigger{border:0;background:transparent;color:var(--muted);font-size:13px;display:block;width:100%;padding:7px 0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-trigger:hover{color:var(--accent)}.note-trigger.has-note{color:var(--text)}.broadcast-activity .badge{font-size:11px;padding:4px 7px}.broadcast-activity .icon{width:12px;height:12px}.broadcast-activity>small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.broadcast-more .icon-button{border:0;background:transparent;width:31px;height:35px}.broadcast-more .icon-button:hover,.broadcast-more .icon-button[aria-expanded=true]{background:var(--tint);color:var(--accent)}.broadcast-more .icon{width:17px;height:17px}.broadcast-table-footer{min-height:76px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.broadcast-table-footer strong{font-weight:500;color:var(--text)}.broadcast-pagination{display:flex;gap:8px;align-items:center}.broadcast-pagination select{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:6px 10px;min-height:34px;font-size:13px}.broadcast-pagination select:focus-visible{outline:2px solid var(--accent)}.broadcast-page{border:0;background:transparent;border-radius:8px;min-width:33px;height:34px;display:inline-grid;place-items:center;color:var(--muted);font-size:12px;padding:0 6px}.broadcast-page .icon{width:15px;height:15px}.broadcast-page.current{background:var(--accent);color:var(--surface);font-weight:650}.broadcast-page:not(.current):hover:not(:disabled){background:var(--tint);color:var(--accent)}.broadcast-page.page-arrow .icon{transform:rotate(180deg)}.broadcast-pagination>span{margin-right:7px}.broadcast-footnote{display:flex;align-items:flex-start;gap:8px;margin-top:17px;color:var(--muted);font-size:11px;line-height:1.85}.broadcast-footnote>.icon{width:15px;height:15px;margin-top:2px}.broadcast-table-empty{padding:25px 10px;text-align:center}.broadcast-table-empty>.icon{display:block;margin:0 auto 10px;color:var(--accent);width:25px;height:25px}.broadcast-table-empty strong{display:block;font-size:15px;font-weight:600}.broadcast-table-empty p{font-size:12px;color:var(--muted);margin:6px 0 16px}.broadcast-table td:has(.broadcast-table-empty){height:241px;padding:15px}
.broadcast-menu{position:fixed;z-index:90;width:239px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 40px #24183729;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}.broadcast-menu button{display:flex;gap:11px;align-items:center;text-align:left;padding:12px 11px;width:100%;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:13px;line-height:1.5}.broadcast-menu button>.icon{width:17px;height:17px;color:var(--muted)}.broadcast-menu button:hover,.broadcast-menu button:focus-visible{background:var(--tint);color:var(--accent);outline:none}.broadcast-menu button small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.broadcast-menu button.menu-danger{color:var(--negative);border-top:1px solid var(--line);border-radius:0 0 7px 7px;margin-top:3px;padding-top:14px}.broadcast-menu button.menu-danger>.icon{color:var(--negative)}.broadcast-counts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 0 20px}.broadcast-counts>div{padding:22px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.broadcast-counts strong{font-size:31px;color:var(--accent);font-variant-numeric:tabular-nums}.broadcast-counts span{font-size:12px;color:var(--muted)}.broadcast-preview{padding-top:8px;font-size:12px}.broadcast-preview .message-bubble{margin-top:9px;max-height:220px;overflow:auto;border:1px solid var(--line);box-shadow:none;line-height:1.8}.broadcast-missing-template{font-size:13px;color:var(--muted);margin:0 0 15px}.dialog-body .broadcast-table-footer{padding:15px 0}.dialog-body table small{display:block;margin-top:3px}
@media(max-width:900px){.broadcast-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.broadcast-toolbar .search-wrap{max-width:none}.broadcast-filters{width:100%}.broadcast-table-footer{flex-wrap:wrap}.broadcast-pagination{margin-left:auto}}
@media(max-width:480px){.broadcast-stats{gap:10px;margin-top:23px}.broadcast-stat{padding:16px;min-height:92px}.broadcast-stat strong{font-size:25px}.broadcast-stat span{font-size:12px}.broadcast-filter{padding:8px 11px;font-size:11px;min-height:37px}.broadcast-filters{gap:5px}.broadcast-table-footer{padding:15px;gap:14px}.broadcast-pagination{margin-left:0;width:100%;gap:6px}.broadcast-pagination label,.broadcast-pagination>span{font-size:11px}.broadcast-page{min-width:30px}.broadcast-footnote{font-size:10px}.broadcast-counts{gap:10px}.broadcast-counts>div{padding:17px 11px}}
.line-avatar{position:relative;overflow:hidden;flex-shrink:0}.line-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.line-avatar>span{display:block}.line-connection .badge{white-space:nowrap}.line-connection .account-verified{font-size:10px;line-height:1.5}.line-account-groups{display:block;color:var(--muted);font-size:11px;margin-top:5px}.line-account-groups .broadcast-group-count{color:var(--text);font-size:12px}.line-group-stale{display:block;font-size:10px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:3px}.line-mini-spinner{display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:qr-spin .85s linear infinite;flex-shrink:0}.broadcast-menu button:disabled{opacity:.55;cursor:wait}.broadcast-table th:nth-child(5){width:165px}.broadcast-table{min-width:1112px}
.friend-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:24px;align-items:stretch}
.friend-setup-panel,.friend-preview-panel{padding:27px;min-width:0}
.friend-setup-panel .access-heading{margin-bottom:25px}
.friend-setup-panel .access-heading h2{font-size:18px}
.friend-setup-panel .access-heading p{font-size:12px}
.friend-setup-panel .field{margin-bottom:20px}
.friend-form-hint{font-size:12px;color:var(--muted);line-height:1.8;margin:-3px 0 17px}
.friend-empty-link{font-size:13px;line-height:1.8;color:var(--muted);padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;margin-bottom:17px}
.friend-empty-link a{font-weight:600;white-space:nowrap}
.friend-preview-panel{background:linear-gradient(140deg,var(--surface),var(--surface-2))}
.friend-preview-empty{height:100%;min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}
.friend-preview-empty .access-icon{margin-bottom:20px;width:58px;height:58px;border-radius:17px}
.friend-preview-empty h3{font-size:17px;font-weight:600;margin-bottom:8px}
.friend-preview-empty p{font-size:13px;color:var(--muted);line-height:1.9}
.friend-preview-title{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:20px}
.friend-preview-title h2{font-size:18px;font-weight:650}
.friend-preview-title .badge{font-size:10px}
.friend-preview-details{margin:0 0 18px}
.friend-preview-details>div{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}
.friend-preview-details>div:first-child{padding-top:0}
.friend-preview-details dt{color:var(--muted);flex-shrink:0}
.friend-preview-details dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
.friend-preview-details>div:nth-child(3) dd{color:var(--accent)}
.friend-muted{color:var(--muted);font-size:11px;line-height:1.8;margin:11px 0}
.friend-preview-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;max-height:153px;overflow:auto;padding:12px 14px;border-radius:9px;border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;font-size:12px}
.friend-preview-numbers bdi{overflow-wrap:anywhere;padding:3px 0}
.friend-send-note{font-size:12px;line-height:1.9;color:var(--muted);margin:18px 0 17px}
.friend-send-note strong{color:var(--text);font-weight:600;overflow-wrap:anywhere}
.friend-preview-panel>.button{width:100%}
.friend-job-panel{padding:25px 27px;margin-bottom:24px;scroll-margin-top:20px}
.friend-job-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.friend-job-heading .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:5px}
.friend-job-heading h2{font-size:21px;overflow-wrap:anywhere;font-weight:650}
.friend-job-heading p{font-size:12px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.friend-job-heading>.badge{margin-top:5px}
.friend-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;margin-bottom:7px}
.friend-progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:var(--surface-2);accent-color:var(--accent);margin-bottom:22px}
.friend-progress::-webkit-progress-bar{background:var(--surface-2);border-radius:10px}
.friend-progress::-webkit-progress-value{background:var(--accent);border-radius:10px}
.friend-progress::-moz-progress-bar{background:var(--accent);border-radius:10px}
.friend-result-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:20px}
.friend-result-counts>div{border:1px solid var(--line);border-radius:9px;background:var(--surface-2);padding:13px 14px;min-height:88px}
.friend-result-counts strong{display:block;font-size:25px;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums}
.friend-result-counts span{display:block;color:var(--muted);font-size:11px;line-height:1.6}
.friend-result-counts .green strong{color:var(--positive)}
.friend-result-counts .purple strong{color:var(--accent)}
.friend-result-counts .amber strong{color:#b17b28}
.friend-result-counts .red strong{color:var(--negative)}
.friend-result-note{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 20px;padding:13px 15px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}
.friend-result-note>.icon{width:16px;height:16px;margin-top:3px;color:var(--accent)}
.friend-stop-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 22px}
.friend-stop-row p{font-size:11px;color:var(--muted);line-height:1.8}
.friend-stop-row .button{font-size:12px;min-height:38px}
.friend-stop-row .button>.icon{width:15px;height:15px}
.friend-results-scroll{max-height:352px;overflow:auto;border:1px solid var(--line);border-radius:9px;scrollbar-width:thin}
.friend-results-table{min-width:380px}
.friend-results-table th{position:sticky;top:0;z-index:1;background:var(--surface-2);font-size:12px;height:43px;padding:12px 17px}
.friend-results-table td{font-size:13px;padding:11px 17px;font-variant-numeric:tabular-nums}
.friend-results-table td:last-child{width:58%;white-space:normal}
.friend-results-table td small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.7}
.friend-results-table .badge{font-size:11px;white-space:normal}
.friend-history-panel .panel-title{padding:20px 24px}
.friend-history-panel .panel-title .button>.icon{width:15px;height:15px}
.friend-history-table{min-width:680px}
.friend-history-table td{font-size:12px;padding-top:15px;padding-bottom:15px}
.friend-history-table strong{display:block;font-weight:600;font-size:13px}
.friend-history-table small{display:block;color:var(--muted);font-size:11px;margin-top:3px;max-width:230px;overflow:hidden;text-overflow:ellipsis}
.friend-history-table tr.is-selected{background:var(--tint)}
.friend-history-table .badge{font-size:11px}
.friend-history-empty{padding:32px 24px;font-size:13px;color:var(--muted);text-align:center}
.friend-sync-status{color:var(--negative);font-size:12px;line-height:1.8;margin:16px 24px}
.friend-sync-status:empty{display:none}
@media(max-width:1200px){.friend-result-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.friend-setup-layout{gap:18px}.friend-setup-panel,.friend-preview-panel{padding:23px}.friend-setup-panel .access-heading{align-items:flex-start;gap:11px}.friend-setup-panel .access-heading h2{font-size:17px}.friend-preview-details>div{font-size:12px;gap:12px}}
@media(max-width:950px){.friend-setup-layout{grid-template-columns:1fr}.friend-preview-empty{min-height:225px;padding:15px}.friend-preview-numbers{max-height:145px}.friend-preview-details>div{font-size:13px}.friend-job-panel{padding:23px}}
@media(max-width:480px){.friend-setup-layout,.friend-job-panel{margin-bottom:18px}.friend-setup-panel,.friend-preview-panel,.friend-job-panel{padding:20px}.friend-setup-panel .access-heading{gap:10px}.friend-setup-panel .access-heading h2{font-size:16px}.friend-setup-panel .access-heading p{font-size:11px}.friend-setup-panel .access-icon{width:40px;height:40px;border-radius:12px}.friend-preview-empty h3{font-size:16px}.friend-preview-empty p{font-size:12px}.friend-preview-details>div{font-size:12px;gap:10px}.friend-preview-numbers{font-size:11px;gap:5px 9px;padding:11px}.friend-job-heading{gap:12px;flex-wrap:wrap;margin-bottom:20px}.friend-job-heading h2{font-size:19px}.friend-job-heading p{font-size:11px}.friend-job-heading .badge{font-size:10px;margin:0}.friend-result-counts{gap:7px}.friend-result-counts>div{padding:11px 9px;min-height:85px}.friend-result-counts strong{font-size:22px}.friend-result-counts span{font-size:10px}.friend-progress-heading{font-size:11px}.friend-result-note{font-size:11px;padding:11px 12px}.friend-stop-row{gap:11px}.friend-results-table{min-width:310px}.friend-results-table th,.friend-results-table td{padding:11px 12px;font-size:11px}.friend-results-table .badge{font-size:10px}.friend-history-panel .panel-title{padding:18px;align-items:flex-start}.friend-history-panel .panel-title h2{font-size:15px}.friend-history-panel .panel-title p{font-size:10px}.friend-history-panel .panel-title .button{font-size:11px}.friend-sync-status{margin:14px 18px;font-size:11px}}


/* Keep the streamlined login balanced without clipping shorter viewports. */
.login-layout{min-height:100svh}
.login-story{padding:clamp(24px,4vh,40px) clamp(28px,4vw,80px)}
.story-body{padding:clamp(24px,4vh,42px) 0}
.story-body h1{font-size:clamp(30px,3.2vw,58px);line-height:1.25;margin:0 0 20px}
.story-features{margin-top:28px;gap:18px}
.story-footer span:last-child{display:inline;letter-spacing:0}
.login-main{padding:88px clamp(28px,5vw,80px) 64px}
.login-form{max-width:380px}
.login-form input{font-size:16px}
@media(max-width:700px){
  .login-story{padding:24px}
  .login-main{min-height:calc(100svh - 103px);padding:32px 24px;align-items:center}
  .login-tools{top:-76px;right:24px}
  .login-form{max-width:430px;margin:auto}
}
#message-test-form [hidden]{display:none!important}

/* Real LINE campaigns */
dialog.campaign-dialog{width:min(960px,calc(100vw - 32px))}
.campaign-dialog [hidden]{display:none!important}
.campaign-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
.campaign-compose-grid>section{min-width:0}
.campaign-section-title,.campaign-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.campaign-section-title h3,.campaign-result-heading h3{font-size:16px;margin:0}
.campaign-compose-grid .search-wrap{max-width:none;margin-bottom:12px}
.campaign-selection-tools,.campaign-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#campaign-selected-count{font-size:12px;margin:10px 0}
.campaign-recipient-list{min-height:120px;max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.campaign-recipient{display:flex;gap:11px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}
.campaign-recipient:last-child{border-bottom:0}
.campaign-recipient:hover{background:var(--surface-2)}
.campaign-recipient:has(input:checked){background:var(--tint)}
.campaign-recipient input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}
.campaign-recipient>span:last-child{min-width:0;overflow-wrap:anywhere}
.campaign-recipient strong{display:block;font-weight:600}
.campaign-recipient small,.campaign-result-table td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.campaign-recipient .avatar{width:32px;height:32px;border-radius:10px}
.campaign-recipient .avatar .icon{width:17px;height:17px}
.campaign-no-results{padding:25px 18px;text-align:center;font-size:13px}
.campaign-preview-label{font-size:12px;margin:16px 0 7px}
.campaign-content-preview{font:inherit;font-size:13px;max-height:240px;min-height:120px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;box-shadow:none;border:1px solid var(--line);background:var(--surface-2)}
.campaign-flex-help{font-size:12px;line-height:1.8;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--tint);margin:10px 0 16px}
.campaign-flex-help code{overflow-wrap:anywhere}
.campaign-flex-help a{text-decoration:underline}
.campaign-result-heading p{color:var(--muted);font-size:12px;margin-top:5px}
.campaign-result-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:18px 0}
.campaign-result-counts>div{padding:15px 12px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);min-width:0}
.campaign-result-counts strong{display:block;font-size:24px;line-height:1.4;color:var(--accent);font-variant-numeric:tabular-nums}
.campaign-result-counts span{font-size:11px;color:var(--muted)}
.campaign-result-note{font-size:12px;line-height:1.8;margin:12px 0;color:var(--muted)}
.campaign-result-table{max-height:310px;border:1px solid var(--line);border-radius:10px;margin-top:15px}
.campaign-result-table th{position:sticky;top:0;z-index:1}
.campaign-result-table td{white-space:normal;overflow-wrap:anywhere}
.campaign-dialog .dialog-actions{position:sticky;bottom:0;background:var(--surface);z-index:2}
@media(max-width:700px){.campaign-compose-grid{grid-template-columns:1fr;gap:20px}.campaign-recipient-list{max-height:220px}.campaign-result-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-result-heading{align-items:flex-start}.campaign-content-preview{max-height:190px}.campaign-dialog .dialog-body{padding:18px}.campaign-dialog .dialog-actions{flex-wrap:wrap}}

/* Create LINE groups and invite selected friends. */
.line-group-dialog [hidden]{display:none!important}
.group-friends-heading{font-size:16px;margin:0 0 15px}
.group-invite-note{display:flex;align-items:flex-start;gap:9px;padding:13px;background:var(--tint);border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.8;margin:18px 0}
.group-invite-note .icon{width:17px;height:17px;flex-shrink:0;margin-top:3px;color:var(--accent)}
#group-name-count{display:block;font-size:12px;text-align:right;margin-top:-12px;margin-bottom:12px}
#group-selected-count{font-size:12px;margin:10px 0}
.group-result-counts{grid-template-columns:repeat(3,minmax(0,1fr))}
.group-result-identity{padding:15px 18px;border:1px solid var(--line);background:var(--tint);border-radius:10px;margin:16px 0;overflow-wrap:anywhere}
.group-result-identity>span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.group-result-identity strong{display:block;font-size:18px;margin:7px 0 3px}
.group-result-identity small{font-size:11px;color:var(--muted)}
.group-recent-history{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}
.group-recent-history>h3,.group-history-heading{font-size:15px;margin:0 0 14px}
.group-recent-history .empty{padding:22px 12px}
.group-recent-history .empty-icon{width:40px;height:40px;margin-bottom:10px}
.group-recent-history .table-footer{padding:12px 0}
.group-history-heading{margin-top:22px}
@media(max-width:700px){.group-result-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.group-recent-history{margin-top:20px}.line-group-dialog .dialog-header h2{font-size:18px}}

/* Daily workspace overview. All colors follow the selected Mheeline theme. */
.overview-page{min-width:0}
.overview-page .page-header{margin-bottom:16px}
.overview-page .page-header p{font-size:13px}
.overview-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:8px}
.overview-meta>.badge{font-size:10px;letter-spacing:.2px}
.overview-meta>.badge .icon{width:13px;height:13px}
.overview-meta>.icon-button{width:28px;height:28px;border-radius:7px}
.overview-meta>.icon-button .icon{width:14px;height:14px}
.overview-updated{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.overview-refresh-note{font-size:10px;color:var(--muted)}
.overview-day-note{font-size:11px;color:var(--muted);margin:0 0 22px}
.overview-refresh-error{font-size:12px;color:var(--negative);padding:10px 12px;border:1px solid var(--line);border-radius:8px;margin:12px 0}
.overview-admin-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;padding:12px 15px;margin:16px 0;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.overview-admin-links>span,.overview-admin-links>a{display:inline-flex;align-items:center;gap:6px}
.overview-admin-links>span{color:var(--muted)}
.overview-admin-links .icon{width:15px;height:15px}
.overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.overview-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}
.overview-card-body{padding:23px 23px 19px;flex:1;min-height:253px}
.overview-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:15px}
.overview-icon{width:39px;height:39px;display:inline-grid;place-items:center;background:var(--tint);color:var(--accent);border-radius:10px;flex-shrink:0}
.overview-icon>.icon{width:20px;height:20px}
.overview-today{padding:3px 10px;font-size:10px;border-radius:20px;background:#ffffff20;color:inherit;font-weight:650}
.overview-card h2{font-size:13px;font-weight:500;color:var(--muted);line-height:1.7}
.overview-value{font-size:36px;font-weight:650;display:block;line-height:1.35;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin:4px 0 7px}
.overview-card-detail{font-size:12px}
.overview-card-caption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}
.overview-card-featured{background:linear-gradient(125deg,#7452d5,#553ba5);border-color:#7550d6;color:#fff}
.overview-card-featured .overview-icon{background:#ffffff24;color:#fff}
.overview-card-featured h2,.overview-card-featured .overview-card-caption{color:#e2d8fc}
.overview-card-featured .overview-card-detail{color:#f0eaff}
.overview-card-featured .overview-card-link{color:#f0eaff;border-color:#ffffff21;background:#21133b12}
.overview-card-featured .overview-card-link:hover{background:#ffffff13;color:white}
[data-theme=dark] .overview-card-featured{background:linear-gradient(125deg,#4a3476,#302143);border-color:#513977}
.overview-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 23px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;min-height:50px;margin-top:auto;transition:background .15s,color .15s}
.overview-card-link .icon{width:16px;height:16px}
.overview-card-link:hover{background:var(--tint);color:var(--accent)}
.overview-average{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;margin-top:12px}
.overview-average>span{display:block;font-size:10px;color:var(--muted);line-height:1.7}
.overview-average>strong{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.overview-average small{font-size:12px;font-weight:500}
.overview-account-bar{height:7px;background:var(--surface-2);border-radius:10px;overflow:hidden;display:flex;margin:21px 0 12px}
.overview-account-bar>span{height:100%}
.overview-account-bar .connected,.overview-dot.connected{background:var(--positive)}
.overview-account-bar .problem,.overview-dot.problem{background:var(--negative)}
.overview-account-bar .unchecked,.overview-dot.unchecked{background:var(--muted)}
.overview-dot.accent{background:var(--accent)}
.overview-account-legend,.overview-chart-legend{display:flex;gap:7px 15px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:10px}
.overview-account-legend>span,.overview-chart-legend>span{display:inline-flex;gap:5px;align-items:center}
.overview-account-legend b,.overview-chart-legend b{color:var(--text);font-weight:600}
.overview-dot{display:inline-block;width:7px;height:7px;border-radius:3px;flex-shrink:0}
.overview-chart-panel{margin-bottom:24px}
.overview-panel-heading{padding:17px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.overview-panel-heading h2{font-size:16px}
.overview-chart-controls{display:flex;align-items:center;gap:10px;margin-left:auto}
.overview-range{display:flex;background:var(--surface-2);border-radius:8px;padding:3px;gap:2px}
.overview-range button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:7px 13px;border-radius:6px;min-height:33px;font-weight:500}
.overview-range button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 5px #0000000d;font-weight:650}
.overview-range button:hover{color:var(--accent)}
.overview-chart-controls>.icon-button{width:34px;height:34px;background:transparent;border-color:transparent}
.overview-chart-controls>.icon-button .icon{width:17px;height:17px}
.overview-chart-controls>.icon-button.active{background:var(--tint);color:var(--accent)}
.overview-chart-legend{padding:17px 23px 5px;font-size:11px}
.overview-chart-other{margin-left:auto;font-size:10px}
#overview-chart-content{padding:4px 23px 0}
.overview-chart-svg{display:block;overflow:visible;max-width:100%}
.overview-gridline{stroke:var(--line);stroke-width:1}
.overview-axis{fill:var(--muted);font-family:inherit;font-size:10px}
.overview-sent-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.overview-failed-line{fill:none;stroke:var(--negative);stroke-width:1.5;stroke-dasharray:5 4;opacity:.8}
.overview-chart-point{fill:var(--accent);stroke:var(--surface);stroke-width:1.5}
.overview-chart-note{font-size:10px;color:var(--muted);padding:8px 23px 17px}
.overview-table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}
.overview-daily-table{min-width:520px}
.overview-daily-table th,.overview-daily-table td{padding:10px 14px;font-size:12px;font-variant-numeric:tabular-nums}
.overview-daily-table tbody th{background:transparent;color:var(--text);font-weight:500}
#overview-chart-content:has(.overview-daily-table){max-height:320px;overflow:auto;padding:0}
.overview-daily-table thead th{position:sticky;top:0;z-index:1}
.overview-bottom-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:18px;margin-bottom:24px;align-items:stretch}
.overview-success,.overview-workflow{display:flex;flex-direction:column;min-width:0}
.overview-section-heading{display:flex;align-items:center;gap:13px;padding:22px 23px 15px}
.overview-section-heading h2{font-size:16px}
.overview-section-heading p{font-size:11px;color:var(--muted);margin-top:2px}
.overview-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 23px 13px}
.overview-rate{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:13px}
.overview-rate>span{font-size:10px;color:var(--muted);display:block}
.overview-rate>strong{font-size:27px;color:var(--accent);font-weight:650;font-variant-numeric:tabular-nums;display:block}
.overview-rate-track{height:5px;background:var(--line);border-radius:10px;overflow:hidden;margin-top:9px}
.overview-rate-track>span{display:block;height:100%;background:var(--accent);border-radius:inherit}
.overview-rate-note{display:flex;gap:7px;margin:0 23px 9px;padding:9px 10px;background:var(--surface-2);border-radius:7px;color:var(--muted);font-size:10px;line-height:1.8}
.overview-rate-note>.icon{width:13px;height:13px;margin-top:3px;color:var(--accent)}
.overview-rate-definition{font-size:10px;line-height:1.8;color:var(--muted);margin:0 23px 20px}
.overview-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 23px 21px;flex:1}
.overview-step{display:block;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:14px 13px;color:var(--text);min-width:0}
.overview-step:hover{border-color:var(--accent);background:var(--tint)}
.overview-step .overview-icon{width:35px;height:35px;border-radius:8px;margin-bottom:10px}
.overview-step .overview-icon>.icon{width:18px;height:18px}
.overview-step>small{font-size:10px;font-weight:650;color:var(--accent);display:block;margin-bottom:3px}
.overview-step h3{font-size:12px;font-weight:600;line-height:1.75}
.overview-step p{font-size:10px;color:var(--muted);line-height:1.9;margin-top:5px}
.overview-history{margin-top:25px;min-width:0}
.overview-history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:12px}
.overview-history-heading h2{font-size:16px}
.overview-history-heading a{display:inline-flex;gap:4px;align-items:center;font-size:11px}
.overview-history-heading .icon{width:14px;height:14px}
.overview-history-empty{padding:37px 20px;min-height:182px;text-align:center;border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.overview-history-empty>.icon{color:var(--muted);width:27px;height:27px;margin-bottom:13px;opacity:.75}
.overview-history-empty h3{font-size:14px;font-weight:600}
.overview-history-empty p{font-size:12px;color:var(--muted);margin-top:6px}
.overview-history-table{min-width:690px;font-size:12px}
.overview-history-table th,.overview-history-table td{padding:15px 19px}
.overview-history-table strong{display:block;font-size:13px;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis}
.overview-history-table small{display:block;font-size:10px;color:var(--muted);margin-top:3px;max-width:250px;overflow:hidden;text-overflow:ellipsis}
.overview-history-table .badge{font-size:10px}
.overview-history-result{white-space:normal;min-width:250px;max-width:370px}
.overview-history-result span{display:block;font-size:10px;color:var(--muted);line-height:1.9}
.overview-history-result span.overview-result-positive{color:var(--positive);font-size:11px;font-weight:500}
.overview-history-table time{font-size:11px;color:var(--muted)}
.overview-history-footer{font-size:10px;color:var(--muted);padding:12px 19px;border-top:1px solid var(--line)}
@media(max-width:1200px){.overview-cards{gap:13px}.overview-card-body{padding:20px;min-height:254px}.overview-card-link{padding:14px 20px}.overview-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:15px}.overview-section-heading{padding:20px 18px 15px;gap:10px}.overview-section-heading h2{font-size:15px}.overview-rate-grid{margin-left:18px;margin-right:18px}.overview-rate-note,.overview-rate-definition{margin-left:18px;margin-right:18px}.overview-steps{padding:0 18px 19px;gap:7px}.overview-step{padding:12px 10px}.overview-step h3{font-size:11px}}
@media(max-width:1000px){.overview-bottom-grid{grid-template-columns:1fr}.overview-card-body{padding:18px}.overview-card h2{font-size:12px}.overview-card-detail{font-size:11px}.overview-card-caption,.overview-average>span{font-size:9px}.overview-value{font-size:33px}.overview-account-legend{font-size:9px;gap:7px 9px}.overview-section-heading{padding:22px 23px 16px}.overview-rate-grid{margin-left:23px;margin-right:23px}.overview-rate-note,.overview-rate-definition{margin-left:23px;margin-right:23px}.overview-steps{padding:0 23px 22px;gap:12px}.overview-step{padding:15px}.overview-step h3{font-size:13px}.overview-step p{font-size:11px}.overview-rate-grid{max-width:none}.overview-rate-note{margin-bottom:9px}}
@media(max-width:700px){.overview-cards{gap:12px}.overview-card-body{min-height:248px}.overview-refresh-note{width:100%;margin:1px 0 4px}.overview-day-note{margin-bottom:18px}.overview-panel-heading{padding:15px 18px}.overview-chart-legend{padding:15px 18px 5px}.overview-chart-other{margin-left:0;width:100%;font-size:10px}.overview-chart-note{padding:8px 18px 15px}#overview-chart-content{padding:3px 14px 0}.overview-chart-controls{gap:5px}.overview-range button{padding:7px 11px}.overview-history-heading h2{font-size:15px}.overview-admin-links{gap:12px}}
@media(max-width:560px){.overview-cards{grid-template-columns:1fr;gap:14px;margin-bottom:20px}.overview-card-body{min-height:0;padding:20px 21px}.overview-card-top{margin-bottom:10px}.overview-card h2{font-size:13px}.overview-value{font-size:36px}.overview-card-detail{font-size:12px}.overview-card-caption,.overview-average>span{font-size:10px}.overview-average{margin-top:14px}.overview-card-link{padding:13px 21px}.overview-account-bar{margin-top:17px}.overview-account-legend{font-size:10px}.overview-chart-panel{margin-bottom:20px}.overview-panel-heading h2{font-size:15px}.overview-chart-controls{margin-left:0}.overview-panel-heading{gap:12px}.overview-section-heading{padding:20px 18px 15px}.overview-section-heading h2{font-size:15px}.overview-section-heading p{font-size:10px}.overview-rate-grid{margin-left:18px;margin-right:18px;gap:10px}.overview-rate-note,.overview-rate-definition{margin-left:18px;margin-right:18px}.overview-steps{grid-template-columns:1fr;padding:0 18px 18px;gap:10px}.overview-step{display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:12px;padding:13px}.overview-step>.overview-icon{grid-row:1/4;margin-bottom:0}.overview-step>small,.overview-step h3,.overview-step p{grid-column:2}.overview-step h3{font-size:13px}.overview-step p{font-size:11px;margin-top:3px}.overview-bottom-grid{gap:18px;margin-bottom:20px}.overview-history{margin-top:21px}.overview-history-empty{min-height:165px;padding:30px 18px}.overview-history-empty p{font-size:11px}.overview-history-heading h2{font-size:14px}.overview-meta{gap:7px}.overview-updated{font-size:10px}}

.campaign-account-picker .field{margin-bottom:7px}.campaign-account-picker>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 14px}.campaign-account-picker select{max-width:100%}
/* Profile library and SMS registration use the shared Mheeline theme. */
.profile-set-dialog{width:min(720px,calc(100vw - 28px))}.profile-set-sample{display:flex;gap:5px;max-width:290px;white-space:normal;overflow-wrap:anywhere}.profile-set-sample img{width:36px;height:36px;border-radius:9px;object-fit:cover;border:1px solid var(--line)}.profile-set-used{display:block;margin-top:5px;color:var(--muted);font-size:11px}.profile-legacy{margin-top:20px}.profile-legacy summary{padding:18px 22px;cursor:pointer;font-weight:600}.profile-legacy>p{padding:0 22px 16px;font-size:13px;color:var(--muted)}.profile-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:145px;border:1px dashed var(--accent);border-radius:13px;background:var(--tint);padding:24px 16px;color:var(--accent);text-align:center;position:relative;cursor:pointer}.profile-upload-zone:focus-within{outline:3px solid var(--tint);outline-offset:3px}.profile-upload-zone>span{font-size:12px;color:var(--muted)}.profile-upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.profile-image-grid figure{position:relative;border:1px solid var(--line);padding:6px;border-radius:11px;background:var(--surface-2);margin:0;min-width:0}.profile-image-grid figure>img{display:block;aspect-ratio:1;width:100%;object-fit:cover;border-radius:7px}.profile-image-grid figcaption{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 2px 1px}.profile-image-grid figure>button{position:absolute;right:9px;top:9px;width:26px;height:26px;border-radius:50%;box-shadow:var(--shadow)}.profile-image-grid figure>button .icon{width:14px;height:14px}.profile-image-count{grid-column:1/-1;text-align:right;color:var(--muted);font-size:12px}.profile-import-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:13px}.profile-import-bar label{cursor:pointer}.profile-enabled{margin-top:22px}.registration-dialog{width:min(920px,calc(100vw - 28px));max-height:92dvh}.registration-dialog .dialog-body{padding:22px 26px}.registration-steps{list-style:none;display:flex;gap:22px;padding:0 0 22px;margin:0 0 23px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.registration-steps li{display:flex;align-items:center;gap:8px}.registration-steps li>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--surface-2);font-weight:650;flex-shrink:0}.registration-steps li.active{color:var(--accent);font-weight:650}.registration-steps li.active>span{background:var(--accent);color:var(--surface)}.registration-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.registration-phone-preview{border:1px solid var(--line);border-radius:12px;padding:15px 18px;background:var(--surface-2);margin-bottom:24px}.registration-phone-preview p{margin:10px 0 4px;font-size:14px;overflow-wrap:anywhere}.registration-phone-preview small{color:var(--muted);font-size:12px}.registration-help{font-size:13px;color:var(--muted);line-height:1.8}.registration-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.registration-counts,.registration-toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}.registration-attempts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.registration-attempt{border:1px solid var(--line);border-radius:14px;padding:19px;background:var(--surface)}.registration-attempt-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.registration-attempt-header .table-name{min-width:0;align-items:flex-start}.registration-attempt-header .table-name>div{min-width:0}.registration-attempt-header strong{display:block;overflow-wrap:anywhere;white-space:normal}.registration-attempt-header .badge{font-size:10px;padding:4px 6px;white-space:normal;text-align:right}.registration-avatar{width:43px;height:43px;border-radius:12px;overflow:hidden}.registration-avatar img{width:100%;height:100%;object-fit:cover}.registration-network{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--muted);font-size:11px;margin:13px 0 17px}.registration-network .icon{width:13px;height:13px}.registration-network>span{width:100%;padding-left:18px}.registration-message,.registration-stop-note{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 15px}.registration-warnings{font-size:12px;line-height:1.7;color:var(--negative);padding-left:18px;margin-bottom:14px}.registration-attempt .form-error{font-size:12px}.registration-otp-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.registration-otp-form .field{margin-bottom:0}.registration-otp-form input{letter-spacing:3px}.registration-otp-form .button{height:47px}.registration-otp-form .form-error{grid-column:1/-1;margin:0}.registration-attempt .field label{font-size:13px}.registration-finish-form .checkbox-label{font-size:12px;line-height:1.8;align-items:flex-start;margin-bottom:15px}.registration-finish-form .checkbox-label input{margin-top:4px;flex-shrink:0}.registration-finish-form .field .hint{font-size:11px;line-height:1.7}.registration-finish-form>.button{width:100%}.registration-cancel{margin-top:12px;font-size:11px}.registration-working{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:13px}.registration-new{margin-top:20px}.registration-dialog .dialog-actions{padding:13px 26px}.registration-dialog [hidden],.profile-set-dialog [hidden]{display:none!important}[data-theme=dark] .registration-steps li.active>span{color:#20182c}@media(max-width:700px){.registration-attempts{grid-template-columns:1fr}.registration-dialog .dialog-body{padding:20px 18px}.registration-steps{gap:10px;font-size:11px}.registration-steps li{gap:5px;flex-direction:column;align-items:flex-start;flex:1}.registration-toolbar-actions{width:100%}.registration-toolbar-actions .button{flex:1;white-space:normal}.registration-dialog .two-col{grid-template-columns:1fr;gap:0}.profile-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-actions{flex-wrap:wrap}.registration-attempt{padding:16px}.registration-dialog .dialog-header{padding:18px}.registration-dialog .dialog-header h2{font-size:17px}.registration-form-actions>.button{white-space:normal}.profile-set-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.profile-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-otp-form{grid-template-columns:1fr}.registration-otp-form .button{height:40px}.registration-list-toolbar .badge{font-size:10px}.registration-attempt-header .badge{max-width:100px}}


/* The profile form must shrink so its body scrolls without clipping the footer. */
.profile-set-dialog > form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}
.profile-set-dialog > form > .dialog-body{flex:1 1 auto}

/* Keep signup controls reachable within the viewport, including small phones. */
.registration-dialog[open],.profile-set-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.registration-dialog .dialog-header,.registration-dialog .dialog-actions,.profile-set-dialog .dialog-header,.profile-set-dialog .dialog-actions{flex-shrink:0}.registration-dialog .dialog-body,.profile-set-dialog .dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}body:has(.registration-dialog[open]),body:has(.profile-set-dialog[open]){overflow:hidden}@media(max-width:480px){.registration-form-actions{flex-direction:column-reverse}.registration-form-actions>.button{width:100%;min-height:44px}.registration-dialog .dialog-actions{padding:12px 18px}}

/* Image-and-text templates keep their actions visible while the editor scrolls. */
.template-dialog,.template-preview-dialog{width:min(640px,calc(100vw - 28px));max-height:90dvh}
.template-dialog[open],.template-preview-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.template-dialog>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}
.template-dialog .dialog-header,.template-dialog .dialog-actions,.template-preview-dialog .dialog-header,.template-preview-dialog .dialog-actions{flex-shrink:0}
.template-dialog .dialog-body,.template-preview-dialog .dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1 1 auto}
.template-dialog [hidden],.template-preview-dialog [hidden]{display:none!important}
body:has(.template-dialog[open]),body:has(.template-preview-dialog[open]){overflow:hidden}
.template-image-field{margin-bottom:8px}.template-image-field input[type=file]{width:100%;padding:11px;background:var(--surface-2);font-size:12px;cursor:pointer}
.template-image-field input[type=file]::file-selector-button{font:inherit;padding:7px 11px;margin-right:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);cursor:pointer}
.template-image-name{font-size:12px;font-weight:600;overflow-wrap:anywhere;margin:8px 0 4px}
.template-image-status{min-height:20px;font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:16px}.template-image-status.is-error{color:var(--negative)}
.template-content-hint{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 18px}.template-caption-count{font-size:11px;color:var(--muted);text-align:right;margin:-13px 0 7px;font-variant-numeric:tabular-nums}
.template-editor-preview{margin:0 0 22px;border:1px solid var(--line);box-shadow:none;background:var(--surface-2)}
.image-text-preview{white-space:normal;overflow-wrap:anywhere}.template-message-image{display:block;max-width:100%;max-height:260px;width:auto;height:auto;object-fit:contain;margin:0 auto 13px;border-radius:8px}
.template-message-caption{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.template-image-placeholder{min-height:100px;display:grid;place-items:center;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:9px;font-size:12px;margin:0 0 12px}
.template-dialog-preview{max-height:60dvh;overflow:auto}.template-format-label{display:block;color:var(--accent);font-size:11px;margin-bottom:4px}.campaign-content-preview.image-text-preview{max-height:320px}.campaign-content-preview .template-message-image{max-height:210px}
@media(max-width:480px){.template-dialog .dialog-header,.template-dialog .dialog-body,.template-preview-dialog .dialog-header,.template-preview-dialog .dialog-body{padding:18px}.template-dialog .dialog-actions,.template-preview-dialog .dialog-actions{padding:13px 18px}.template-dialog .dialog-actions>.button{min-height:44px;flex:1}.template-dialog .dialog-header h2,.template-preview-dialog .dialog-header h2{font-size:17px}.template-message-image{max-height:200px}.campaign-content-preview.image-text-preview{max-height:280px}}