:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17211e;background:#f3f6f5;font-synthesis:none;--green: #14735d;--green-dark: #0c5846;--green-soft: #e5f2ed;--blue: #2668b2;--orange: #d96435;--red: #c64242;--ink: #17211e;--muted: #66736e;--line: #dce3e0;--panel: #ffffff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#f3f6f5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,p{margin:0}h1{font-size:25px;line-height:1.25;letter-spacing:0}h2{font-size:17px;line-height:1.35;letter-spacing:0}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;font-weight:700}.brand-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border-radius:7px}.brand-mark svg{width:23px}.eyebrow{display:block;color:var(--green);font-size:12px;line-height:1.5;font-weight:700;letter-spacing:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr);background:#fff}.auth-scene{position:relative;overflow:hidden;padding:48px 56px;color:#fff;background:#173f38}.scene-brand{display:flex;align-items:center;gap:12px;font-size:22px}.scene-brand .brand-mark{background:#d8f26a;color:#153d35}.scene-brand>span:last-child{margin-left:2px;padding:4px 8px;border:1px solid #739089;border-radius:4px;font-size:12px;font-weight:600}.scene-route{position:absolute;left:17%;top:22%;bottom:20%;display:flex;flex-direction:column;justify-content:space-between}.scene-route:before{content:"";position:absolute;left:17px;top:16px;bottom:16px;width:4px;background:#d8f26a}.scene-stop{position:relative;z-index:1;display:flex;align-items:center;gap:18px;color:#dae8e4;font-size:15px;font-weight:600}.scene-dot{width:38px;height:38px;border:4px solid #d8f26a;background:#173f38;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#173f38}.scene-stop:nth-child(2) .scene-dot{width:48px;height:48px;margin-left:-5px;background:#d8f26a;box-shadow:0 0 0 7px #d8f26a24}.scene-status{position:absolute;left:56px;bottom:48px;display:flex;align-items:center;gap:9px;padding:10px 13px;background:#24574e;border:1px solid #4f756d;border-radius:6px;font-size:13px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px}.auth-box{width:min(390px,100%)}.auth-heading{margin-bottom:24px}.auth-heading h1{margin-top:5px;font-size:31px}.segmented{display:grid;grid-template-columns:1fr 1fr;height:42px;padding:3px;margin-bottom:24px;background:#edf1ef;border-radius:6px}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:4px;font-weight:600}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #192a241f}form label{display:grid;gap:7px;margin-bottom:17px;color:#3d4945;font-size:13px;font-weight:650}input,select{width:100%;height:44px;border:1px solid #ccd6d2;border-radius:6px;padding:0 12px;color:var(--ink);background:#fff;outline:none}textarea{width:100%;min-height:120px;padding:10px 12px;resize:vertical;border:1px solid #ccd6d2;border-radius:6px;color:var(--ink);background:#fff;outline:none;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #14735d1a}.primary{min-height:42px;border:0;border-radius:6px;padding:0 16px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700}.primary:hover{background:var(--green-dark)}.primary.full{width:100%;margin-top:5px}.form-error,.inline-error{padding:10px 12px;margin:0 0 14px;color:#9e3030;background:#fae9e9;border:1px solid #efcaca;border-radius:5px;font-size:13px}.form-note{padding:9px 11px;margin:0 0 14px;color:#56635e;background:#f1f5f3;border:1px solid var(--line);border-radius:5px;font-size:12px}.mobile-brand{display:none}.app-shell{min-height:100vh;display:grid;grid-template:64px 1fr / 218px 1fr}.topbar{grid-column:1 / -1;position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:19px}.brand .brand-mark{width:34px;height:34px}.city-picker{position:relative;margin-left:5px}.city-pill{max-width:132px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:5px;display:inline-flex;align-items:center;gap:4px;color:var(--muted);background:#fff;font-size:12px;font-weight:600}.city-pill span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.city-pill svg{flex:0 0 auto}.city-pill:hover,.city-pill[aria-expanded=true]{color:var(--green-dark);border-color:#9ebfb5;background:#f2f8f6}.city-popover{position:absolute;z-index:70;top:39px;left:0;width:260px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 14px 34px #17211e2e}.city-search{height:38px;margin:0 0 8px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #ccd6d2;border-radius:5px;color:var(--green)}.city-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #14735d1a}.city-search input{height:34px;min-width:0;padding:0;border:0;box-shadow:none}.city-options{max-height:290px;overflow-y:auto;display:grid;gap:3px}.city-options button{min-height:38px;padding:0 9px;border:0;border-radius:5px;display:flex;align-items:center;gap:7px;color:#46534e;background:transparent;text-align:left;font-size:12px;font-weight:650}.city-options button:hover{background:#f1f5f3}.city-options button.active{color:var(--green-dark);background:var(--green-soft)}.city-options button small{padding:2px 4px;border-radius:3px;color:#7c4b16;background:#f7ead6;font-size:9px}.city-options button svg{margin-left:auto}.city-empty{padding:18px 8px;color:var(--muted);text-align:center;font-size:11px}.account{display:flex;align-items:center;gap:10px}.service-indicator{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#aeb7b3;box-shadow:0 0 0 3px #aeb7b329}.service-indicator.available{background:#249b70;box-shadow:0 0 0 3px #249b7024}.service-indicator.unavailable{background:var(--red);box-shadow:0 0 0 3px #c642421f}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8edf4;color:var(--blue);font-weight:800}.account-text{display:grid;gap:2px}.account-text strong{font-size:12px;font-weight:650}.account-text span{color:var(--muted);font-size:11px}.icon-button{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:#53605b}.icon-button:hover{color:var(--green);background:#f2f7f5}.icon-button.danger:hover{color:var(--red);background:#fdf0f0;border-color:#efcccc}.sidebar{grid-row:2;display:flex;flex-direction:column;justify-content:space-between;padding:20px 14px;background:#fff;border-right:1px solid var(--line)}.sidebar nav{display:grid;gap:5px}.sidebar nav button{height:43px;border:0;border-radius:6px;padding:0 12px;display:flex;align-items:center;gap:11px;background:transparent;color:#56635e;font-weight:650;text-align:left}.sidebar nav button:hover{background:#f1f5f3}.sidebar nav button.active{color:var(--green-dark);background:var(--green-soft)}.main-content{min-width:0;overflow:auto}.view-panel{min-height:100%}.view-panel[hidden],.mobile-nav{display:none}.page-title{min-height:91px;padding:22px 26px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#fff}.page-title h1{margin-top:2px}.page-actions{display:flex;align-items:center;gap:8px}.push-guide-trigger{min-height:42px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bfd0ca;border-radius:6px;color:var(--green-dark);background:#fff;font-size:11px;font-weight:700}.push-guide-trigger:hover{background:#f0f7f4}.transit-workspace{height:calc(100vh - 155px);min-height:600px;display:grid;grid-template-columns:285px minmax(380px,1fr) 314px;background:#fff}.route-browser,.route-detail,.reminder-builder{min-width:0;overflow:hidden}.route-browser{padding:18px 14px;border-right:1px solid var(--line)}.search-box{height:42px;margin-bottom:17px;padding-left:11px;display:flex;align-items:center;border:1px solid #cbd5d1;border-radius:6px;background:#fff}.search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #14735d14}.search-box input{height:38px;min-width:0;border:0;box-shadow:none}.search-box button{width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:var(--green)}.section-label{display:flex;align-items:center;justify-content:space-between;padding:0 3px 9px;font-size:12px;font-weight:700;color:#4d5a55}.section-label small{color:#8a9591;font-weight:500}.route-list{max-height:calc(100% - 80px);overflow:auto;display:grid;gap:7px}.route-item{width:100%;min-height:70px;padding:10px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:9px;border:1px solid #e1e7e4;border-radius:7px;background:#fff;color:var(--ink);text-align:left}.route-item:hover{border-color:#a9c8bd}.route-item.active{border-color:#66a996;background:#edf7f3}.route-number{width:42px;height:38px;min-width:0;padding:3px;overflow:hidden;display:grid;place-items:center;border-radius:5px;background:var(--green);color:#fff;font-size:15px;line-height:1;font-weight:800;overflow-wrap:anywhere}.route-number.route-code-compact{font-size:11px}.route-number.route-code-dense{font-size:9px}.route-copy{min-width:0;display:grid;gap:5px}.route-copy strong{font-size:13px}.route-copy>span{overflow:hidden;display:flex;align-items:center;gap:3px;color:var(--muted);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.route-copy>span svg{flex:0 0 auto}.route-detail{display:flex;flex-direction:column;background:#f9fbfa}.detail-header{min-height:97px;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--line)}.route-hero-number{width:50px;min-width:50px;height:50px;padding:4px;overflow:hidden;display:grid;place-items:center;border-radius:7px;background:var(--green);color:#fff;font-size:19px;line-height:1;font-weight:800;overflow-wrap:anywhere}.route-hero-number.route-code-compact{font-size:13px}.route-hero-number.route-code-dense{font-size:10px}.direction-label{color:var(--green);font-size:11px;font-weight:700}.detail-header h2{margin:3px 0;display:flex;align-items:center;gap:6px}.detail-header p{color:var(--muted);font-size:11px}.vehicle-strip{min-height:45px;padding:0 18px;display:flex;align-items:center;gap:16px;color:var(--muted);background:#eef3f1;border-bottom:1px solid var(--line);font-size:11px}.vehicle-strip>div{display:flex;align-items:center;gap:6px;color:var(--green);font-weight:700}.vehicle-strip strong{color:var(--ink);font-size:12px}.timetable-panel{flex:0 0 auto;background:#fff;border-bottom:1px solid var(--line)}.timetable-toggle{width:100%;min-height:39px;padding:0 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:0;color:#53605b;background:#fff;text-align:left}.timetable-toggle:hover{background:#f4f7f6}.timetable-toggle>span{display:flex;align-items:center;gap:6px;color:var(--green-dark);font-size:11px;font-weight:700}.timetable-toggle small{overflow:hidden;color:#8a9591;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.timetable-toggle>svg{transition:transform .16s ease}.timetable-panel.open .timetable-toggle>svg{transform:rotate(180deg)}.timetable-content{max-height:205px;padding:4px 18px 12px;overflow-y:auto;border-top:1px solid #edf1ef}.departure-times{padding:10px 0 7px;display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}.departure-times time{min-height:27px;display:grid;place-items:center;border:1px solid #dce6e2;border-radius:4px;color:#33413c;background:#f7faf9;font-size:11px;font-variant-numeric:tabular-nums}.timetable-content p{color:#8a9591;font-size:9px;line-height:1.5}.timetable-message{min-height:62px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px}.timetable-message.error{color:var(--red)}.timetable-message button{padding:2px 5px;border:0;color:var(--green);background:transparent;font-weight:700}.stop-list{flex:1;overflow:auto;padding:8px 14px 30px}.stop-row{position:relative;width:100%;height:47px;padding:0 10px 0 4px;display:grid;grid-template-columns:30px 24px 1fr auto;align-items:center;border:0;background:transparent;color:var(--ink);text-align:left}.stop-row:hover{background:#eff5f2;border-radius:5px}.stop-row.selected{background:#e3f2ec;border-radius:5px}.stop-order{color:#84908b;font-size:11px;text-align:center}.stop-line{position:relative;align-self:stretch;display:grid;place-items:center}.stop-line:before{content:"";position:absolute;top:0;bottom:0;width:3px;background:#8bbcaf}.stop-row:first-child .stop-line:before{top:50%}.stop-row:last-child .stop-line:before{bottom:50%}.stop-line i{position:relative;z-index:1;width:11px;height:11px;border:3px solid var(--green);border-radius:50%;background:#fff}.stop-row.selected .stop-line i{width:15px;height:15px;background:#d8f26a}.stop-name{padding-left:7px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.stop-name small{padding:2px 5px;background:var(--green);color:#fff;border-radius:3px;font-size:9px}.bus-at-stop{display:flex;gap:3px}.bus-at-stop>span{width:28px;height:24px;display:grid;place-items:center;border-radius:4px;color:#fff;background:var(--orange)}.reminder-builder{padding:20px;overflow-y:auto;background:#fff;border-left:1px solid var(--line)}.builder-title{padding-bottom:18px;display:flex;gap:11px;border-bottom:1px solid var(--line)}.builder-title .icon-box{width:38px;height:38px;display:grid;place-items:center;color:#a14523;background:#fae8df;border-radius:6px}.builder-title p{margin-top:2px;color:var(--muted);font-size:11px}.builder-block{padding:17px 0;border-bottom:1px solid #e7ecea}.builder-block>label{display:flex;justify-content:space-between;margin-bottom:8px;color:#56625d;font-size:11px;font-weight:700}.builder-block>label span{color:#9aa39f;font-weight:500}.selected-value{min-height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;background:#f0f5f3;border-radius:5px;font-size:12px;font-weight:650}.selected-value svg{color:var(--green)}.eta-line{margin-top:9px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--muted);font-size:10px}.eta-line strong{color:var(--orange)}.eta-line span{margin-left:auto}.stepper{height:46px;display:grid;grid-template-columns:42px 1fr 42px;border:1px solid #d3ddd9;border-radius:6px;overflow:hidden}.stepper button{border:0;background:#f2f6f4;color:var(--green);font-size:20px}.stepper-output{min-width:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:19px;line-height:1}.stepper-output>span{grid-column:2}.stepper-output small{grid-column:3;justify-self:start;margin-left:4px;color:var(--muted);font-size:10px;line-height:1}.dashed-button{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #8db7aa;border-radius:6px;background:#f4f9f7;color:var(--green);font-weight:650}.channel-setup-prompt{display:grid;gap:7px}.channel-setup-prompt small{color:#9a5737;font-size:10px;line-height:1.45}.channel-multi-select{max-height:228px;overflow:auto;display:grid;gap:6px}.channel-multi-select label{min-width:0;min-height:48px;margin:0;padding:7px 9px;display:grid;grid-template-columns:17px 30px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #d8e1de;border-radius:6px;color:var(--ink);background:#fff;cursor:pointer}.channel-multi-select label.selected{border-color:#79ad9e;background:#edf7f3;box-shadow:inset 3px 0 0 var(--green)}.channel-multi-select label.unavailable{color:var(--muted);background:#f4f6f5}.channel-multi-select input{width:16px;height:16px;margin:0;accent-color:var(--green);box-shadow:none}.channel-choice-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:5px;color:#fff;background:#64716c}.channel-choice-icon.webpush{background:var(--green)}.channel-choice-icon.telegram{background:#2774aa}.channel-choice-icon.dingtalk{background:#1677d2}.channel-choice-icon.webhook{background:#9a5737}.channel-choice-icon svg{width:15px;height:15px}.channel-choice-copy{min-width:0;display:grid;gap:2px}.channel-choice-copy strong{overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.channel-choice-copy small{color:var(--muted);font-size:9px;font-weight:500}.channel-choice-state{color:#6e7b76;font-size:9px;font-weight:650;white-space:nowrap}.channel-multi-select label.selected .channel-choice-state{color:var(--green-dark)}.quiet-action{justify-self:center;padding:2px 5px;border:0;color:var(--green);background:transparent;font-size:11px;font-weight:650}.quiet-action:hover{color:var(--green-dark);text-decoration:underline}.time-window{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:7px}.time-window>svg{margin-bottom:13px;color:#8b9692}.time-window>label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:650}.time-input{min-width:0;height:43px;padding:0 9px;display:flex;align-items:center;gap:6px;border:1px solid #cbd8d3;border-radius:6px;background:#fff}.time-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #287e611c}.time-input svg{flex:0 0 auto;color:var(--green)}.time-input input{min-width:0;height:40px;padding:0;border:0;background:transparent;font-size:12px;font-weight:700}.time-input input:focus{box-shadow:none}.schedule-fields{min-width:0}.schedule-mode{height:40px;padding:3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;border-radius:6px;background:#edf1ef}.schedule-mode button{min-width:0;padding:0 4px;border:0;border-radius:4px;color:var(--muted);background:transparent;font-size:11px;font-weight:650;white-space:nowrap}.schedule-mode button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #192a241f}.custom-schedule{padding-top:13px;display:grid;gap:13px}.schedule-interval{min-height:34px;display:flex;align-items:center;gap:8px;color:#56625d;font-size:12px;font-weight:650}.compact-stepper{width:116px;height:34px;display:grid;grid-template-columns:34px 1fr 34px;overflow:hidden;border:1px solid #d3ddd9;border-radius:5px}.compact-stepper button{padding:0;border:0;color:var(--green);background:#f2f6f4;font-size:16px}.compact-stepper strong{display:grid;place-items:center;font-size:13px}.weekday-fieldset{min-width:0;margin:0;padding:0;border:0}.weekday-fieldset legend{margin-bottom:7px;padding:0;color:#66736e;font-size:10px;font-weight:650}.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday-grid label{min-width:0;margin:0;display:block}.weekday-grid input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.weekday-grid span{aspect-ratio:1;min-height:30px;display:grid;place-items:center;border:1px solid #d3ddd9;border-radius:50%;color:var(--muted);background:#fff;font-size:11px;font-weight:650;cursor:pointer}.weekday-grid input:checked+span{color:#fff;border-color:var(--green);background:var(--green)}.weekday-grid input:focus-visible+span{box-shadow:0 0 0 3px #14735d29}.schedule-anchor{margin:0;display:grid;gap:6px;color:#66736e;font-size:10px;font-weight:650}.schedule-anchor input{height:40px;font-size:12px}.check-row{margin:0;display:flex;align-items:center;gap:8px;color:#4d5a55;font-size:11px;font-weight:600;cursor:pointer}.check-row input{width:16px;height:16px;margin:0;accent-color:var(--green);box-shadow:none}form .weekday-grid label,form .schedule-anchor,form .check-row{margin-bottom:0}.form-field{display:grid;gap:7px;margin-bottom:17px}.form-field-label{display:flex;justify-content:space-between;color:#3d4945;font-size:13px;font-weight:650}.form-field-label span:last-child{color:var(--muted);font-size:10px;font-weight:500}.empty-state{flex:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8b9692}.empty-state.large{min-height:360px}.empty-state strong{font-size:14px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-frame{min-height:100%}.page-frame>:not(.page-title){margin-left:26px;margin-right:26px}.reminder-grid{padding:22px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.reminder-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:7px}.reminder-card.muted{opacity:.6}.reminder-card.needs-channel{border-color:#e4b88e}.reminder-route{display:flex;gap:12px;align-items:center}.reminder-route>div{min-width:0}.reminder-route>span{width:47px;min-width:47px;height:40px;padding:3px;overflow:hidden;display:grid;place-items:center;border-radius:5px;background:var(--green);color:#fff;line-height:1;font-weight:800;overflow-wrap:anywhere}.reminder-route>span.route-code-compact{font-size:11px}.reminder-route>span.route-code-dense{font-size:9px}.reminder-route strong{font-size:14px}.reminder-route p{margin-top:4px;color:var(--muted);font-size:11px}.reminder-delivery{margin-top:15px;display:flex;align-items:flex-start;gap:9px}.reminder-delivery-label{min-height:27px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:650;white-space:nowrap}.reminder-delivery-label svg{color:var(--green)}.reminder-channel-badges{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.reminder-channel-badge{min-width:0;min-height:27px;padding:4px 7px;display:inline-flex;align-items:center;gap:5px;border:1px solid #cfe0da;border-radius:5px;color:#34534a;background:#f1f8f5;font-size:10px;font-weight:650}.reminder-channel-badge>span{min-width:0;overflow-wrap:anywhere}.reminder-channel-badge svg{width:13px;height:13px;flex:0 0 auto}.reminder-channel-badge>svg:last-child{width:12px;height:12px}.reminder-channel-badge.unavailable{color:#7e6250;border-color:#e7ccb5;background:#fff6ed}.reminder-meta{margin:13px 0 17px;display:flex;flex-wrap:wrap;gap:9px 16px;color:var(--muted);font-size:11px}.reminder-meta span{min-width:0;display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}.reminder-meta svg{flex:0 0 auto}.reminder-channel-warning,.form-warning{display:flex;align-items:center;gap:7px;color:#8a4b22;background:#fff3e7;border:1px solid #efd2b8;border-radius:5px;font-size:11px;line-height:1.4}.reminder-channel-warning{margin-top:13px;padding:8px 9px}.form-warning{margin:-7px 0 17px;padding:9px 10px}.reminder-channel-warning svg,.form-warning svg{flex:0 0 auto}.card-actions{padding-top:12px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.card-actions>.icon-button:first-of-type{margin-left:auto}.switch{position:relative;width:36px;height:20px;display:inline-flex}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{width:36px;height:20px;border-radius:10px;background:#c9d1ce;transition:.2s}.switch span:after{content:"";display:block;width:16px;height:16px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #81908a;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{outline:3px solid rgba(20,115,93,.2);outline-offset:2px}.channel-list{padding:22px 0;display:grid;gap:9px}.channel-row{min-height:72px;padding:12px 15px;display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;grid-template-areas:"icon copy status actions";align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:7px}.channel-row.needs-attention{border-color:#e4c2a2}.channel-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;color:#fff;background:#64716c}.channel-row>.channel-icon{grid-area:icon}.channel-icon.webpush{background:var(--green)}.channel-icon.telegram{background:#2774aa}.channel-icon.dingtalk{background:#1677d2}.channel-icon.webhook{background:#9a5737}.channel-icon svg{width:20px}.channel-row.paused .channel-icon{filter:grayscale(.7);opacity:.72}.channel-copy{grid-area:copy;min-width:0}.channel-row strong{font-size:13px}.channel-row p{margin-top:3px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.channel-copy small{display:block;margin-top:5px;color:#9a5737;font-size:10px;line-height:1.4}.channel-usage{width:fit-content;margin-top:6px;display:inline-flex;align-items:center;gap:5px;color:#77827e;font-size:10px;font-weight:650}.channel-usage:before{content:"";width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#aeb7b3}.channel-usage.on{color:var(--green-dark)}.channel-usage.on:before{background:#249b70}.channel-usage.warn{color:#8a4b22}.channel-usage.warn:before{background:#d6803e}.status-dot{grid-area:status;display:flex;align-items:center;gap:6px;color:#8b9692;font-size:11px;white-space:nowrap}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#aeb7b3}.status-dot.on:before{background:#249b70}.status-dot.warn{color:#8a4b22}.status-dot.warn:before{background:#d6803e}.test-button{height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #aac8bf;border-radius:6px;color:var(--green-dark);background:#f2f8f6;font-size:11px;font-weight:700}.test-button:hover{background:var(--green-soft)}.channel-actions{grid-area:actions;min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.channel-toggle{min-height:34px;margin:0;display:inline-flex;align-items:center;gap:7px;color:#68746f;font-size:10px;font-weight:650;white-space:nowrap;cursor:pointer}.channel-toggle.active{color:var(--green-dark)}.channel-toggle.busy{opacity:.55;cursor:wait}.device-action{min-width:88px}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0d1d1894}.dialog{width:min(460px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border-radius:8px;background:#fff;box-shadow:0 24px 60px #0000003d}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.dialog-header h2{margin-top:3px;font-size:21px}.dialog-header p{margin-top:5px;color:var(--muted);font-size:11px}.channel-copy small.current-device-ready{color:var(--green-dark)}.push-help-dialog{width:min(520px,100%)}.push-help-summary{padding:13px;display:flex;align-items:flex-start;gap:11px;border:1px solid #e8c9aa;border-radius:6px;background:#fff6ec}.push-help-summary>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:5px;color:#9a5737;background:#f5dfc9}.push-help-summary strong{font-size:13px;line-height:1.45}.push-help-summary p{margin-top:4px;color:#725a4c;font-size:11px;line-height:1.55}.push-capabilities{margin-top:12px;color:var(--muted);font-size:10px}.push-capabilities summary{width:fit-content;cursor:pointer;font-weight:650}.push-capabilities[open] summary{color:var(--ink)}.capability-list{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}.capability-list>div{min-height:41px;padding:0 10px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;border-bottom:1px solid #edf0ef;font-size:11px}.capability-list>div:nth-child(odd){border-right:1px solid #edf0ef}.capability-list>div:nth-last-child(-n+2){border-bottom:0}.capability-list>div>span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%}.capability-list .ok>span{color:var(--green-dark);background:var(--green-soft)}.capability-list .missing>span{color:#a63737;background:#fae9e9}.capability-list strong{min-width:0;font-size:11px}.capability-list small{color:var(--muted);font-size:9px}.push-recovery-guide{margin-top:15px}.push-help-steps{margin:0;padding-left:24px;color:#4d5a55;font-size:12px;line-height:1.6}.push-help-steps li+li{margin-top:6px}.push-settings-list{margin-top:13px;display:grid;gap:8px}.push-settings-address{min-height:52px;padding:8px 9px 8px 11px;display:flex;align-items:center;gap:10px;border:1px solid #d8e1de;border-radius:6px;background:#f7faf9}.push-settings-address>div{min-width:0;flex:1;display:grid;gap:3px}.push-settings-address span{color:var(--muted);font-size:9px}.push-settings-address code{min-width:0;color:#30413b;font-size:10px;overflow-wrap:anywhere}.push-settings-address .test-button{width:72px;flex:0 0 72px}.push-help-note{margin-top:12px;padding:10px 11px;color:#5d6965;background:#f1f5f3;border-left:3px solid #9bb8ae;font-size:10px;line-height:1.6}.mobile-push-guide{width:min(540px,100%)}.mobile-platform-tabs{height:43px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:6px;background:#edf1ef}.mobile-platform-tabs button{border:0;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);background:transparent;font-size:12px;font-weight:700}.mobile-platform-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #192a241f}.mobile-push-steps{margin:19px 0 0;padding:0;list-style:none;display:grid}.mobile-push-steps li{position:relative;min-height:66px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px}.mobile-push-steps li:not(:last-child):after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:1px;background:#cbd8d3}.mobile-push-steps li>span{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid #9ebdb3;border-radius:50%;color:var(--green-dark);background:#edf7f3;font-size:11px;font-weight:800}.mobile-push-steps strong{display:block;padding-top:1px;font-size:13px}.mobile-push-steps p{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5}.mobile-push-status{min-height:60px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid #d6e0dc;border-radius:6px;background:#f5f8f7}.mobile-push-status>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;color:var(--green-dark);background:var(--green-soft)}.mobile-push-status strong{display:block;font-size:12px}.mobile-push-status p{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.mobile-push-status.ready{border-color:#acd0c3;background:#f0f8f5}.mobile-push-status.blocked{border-color:#e4c2a2;background:#fff6ec}.mobile-push-status.blocked>span{color:#9a5737;background:#f5dfc9}.device-dialog{width:min(650px,100%)}.device-list{display:grid;border:1px solid var(--line);border-radius:7px;overflow:hidden}.device-row{min-height:77px;padding:11px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 78px;align-items:center;gap:11px;border-top:1px solid var(--line);background:#fff}.device-row:first-child{border-top:0}.device-row.inactive{background:#f7f9f8}.device-kind{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;color:var(--green-dark);background:var(--green-soft)}.device-row.inactive .device-kind{color:#7c8783;background:#e8ecea}.device-copy{min-width:0}.device-copy>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.device-copy strong{font-size:12px}.device-copy p{margin-top:3px;color:var(--muted);font-size:10px}.device-copy small{display:block;margin-top:5px;color:#61706a;font-size:9px}.current-device-badge{padding:2px 5px;border-radius:3px;color:var(--green-dark);background:var(--green-soft);font-size:8px;font-weight:800}.device-status{color:#8b9692;font-size:10px;font-weight:700;white-space:nowrap}.device-status.active{color:var(--green-dark)}.device-row-actions{width:78px;display:flex;justify-content:flex-end;gap:6px}.device-row-actions .icon-button{width:34px;height:34px}.device-dialog-note{min-height:39px;margin-top:11px;padding:0 11px;display:flex;align-items:center;gap:8px;color:#56635e;background:#f2f6f4;border-radius:5px;font-size:10px}.device-dialog-note svg{flex:0 0 auto;color:var(--green)}.device-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.device-empty svg{margin-bottom:10px;color:#80908a}.device-empty strong{color:var(--ink);font-size:13px}.device-empty p{margin-top:5px;font-size:10px}.channel-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.channel-tabs button{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fff;font-weight:650}.channel-tabs button.active{color:var(--green-dark);border-color:#7eb3a4;background:#edf7f3}.mode-field{margin-bottom:17px;display:grid;gap:7px;color:#3d4945;font-size:13px;font-weight:650}.channel-mode{height:42px;padding:3px;display:grid;grid-template-columns:1fr 1fr;background:#edf1ef;border-radius:6px}.channel-mode button{border:0;border-radius:4px;color:var(--muted);background:transparent;font-weight:650}.channel-mode button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #192a241f}.edit-summary{min-height:64px;margin-bottom:18px;padding:10px 12px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;background:#f5f8f7}.edit-summary strong{font-size:13px}.edit-summary p{margin-top:4px;color:var(--muted);font-size:11px}.template-dialog{width:min(720px,100%)}.template-toolbar{min-height:42px;margin-bottom:18px;display:flex;align-items:center;gap:9px}.template-mode{width:230px;height:40px;padding:3px;display:grid;grid-template-columns:1fr 1fr;border-radius:6px;background:#edf1ef}.template-mode button{border:0;border-radius:4px;color:var(--muted);background:transparent;font-size:12px;font-weight:650}.template-mode button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #192a241f}.format-badge{margin-left:auto;padding:5px 7px;border:1px solid #b9d0c8;border-radius:4px;color:var(--green-dark);background:#f1f7f5;font-size:10px;font-weight:700}.template-length{color:var(--muted);font-size:10px;white-space:nowrap}.template-length.over{color:var(--red);font-weight:700}.template-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:20px}.template-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.template-section-heading h3{color:var(--ink);font-size:13px}.template-section-heading small{color:var(--muted);font-size:10px}.template-section-heading-spaced{margin-top:22px}.channel-edit-fields{padding:13px;border:1px solid var(--line);border-radius:6px;background:#f8faf9}.channel-edit-fields label:last-child{margin-bottom:0}.template-editor{min-width:0}.template-editor input[readonly],.template-editor textarea[readonly]{color:#56635e;background:#f4f7f6}.template-variables>span{display:block;margin-bottom:7px;color:#3d4945;font-size:12px;font-weight:650}.template-variables>div{display:flex;flex-wrap:wrap;gap:5px}.template-variables button{min-height:39px;padding:5px 7px;display:grid;gap:2px;justify-items:start;border:1px solid #d5dfdb;border-radius:4px;color:#4d5a55;background:#f8faf9;text-align:left}.template-variables button code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.template-variables button small{color:var(--muted);font-size:9px;line-height:1.2}.template-variables button:hover{color:var(--green-dark);border-color:#9fbeb4;background:#eef6f3}.template-preview{min-width:0;padding-left:20px;border-left:1px solid var(--line)}.template-preview-heading{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;color:#3d4945;font-size:12px;font-weight:700}.template-preview-heading small{color:var(--muted);font-size:10px;font-weight:500}.template-preview>strong{display:block;color:var(--ink);font-size:15px;line-height:1.45;overflow-wrap:anywhere}.template-preview>p{margin-top:12px;color:#56635e;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.channel-edit-dialog{width:min(520px,100%)}.channel-edit-hint{display:block;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.5}.dialog-actions{margin-top:20px;padding-top:16px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line)}.secondary-button{min-height:42px;padding:0 16px;border:1px solid #cbd5d1;border-radius:6px;color:#4f5c57;background:#fff;font-weight:650}.secondary-button:hover{color:var(--green-dark);background:#f3f8f6}.toast{position:fixed;z-index:80;right:24px;bottom:24px;min-height:45px;padding:0 16px;display:flex;align-items:center;gap:8px;border-radius:6px;color:#fff;background:#1f352f;box-shadow:0 10px 28px #0003;font-size:13px}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:#7c4b16;background:#f7ead6;border:1px solid #e7cca5;border-radius:5px;font-size:12px;font-weight:700}.stat-grid{padding:22px 0 12px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stat-item{min-height:126px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:7px}.stat-item>span{width:35px;height:35px;display:grid;place-items:center;border-radius:6px;color:var(--green);background:var(--green-soft)}.stat-item strong{display:block;margin-top:12px;font-size:24px}.stat-item p{color:var(--muted);font-size:11px}.admin-section{margin-top:12px;margin-bottom:24px;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.section-heading{min-height:53px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-heading h2{font-size:14px}.section-heading span{color:var(--muted);font-size:11px}.data-table{overflow-x:auto}.table-head,.table-row{min-width:650px;display:grid;grid-template-columns:2fr .7fr .6fr .6fr 1fr;gap:12px;align-items:center;padding:0 16px}.table-head{height:38px;color:var(--muted);background:#f4f7f6;font-size:10px;font-weight:700}.table-row{min-height:48px;border-top:1px solid #edf0ef;font-size:11px}.table-row strong{font-size:12px}.event-list>div{min-height:47px;padding:0 16px;display:grid;grid-template-columns:10px 1.2fr 1fr auto;align-items:center;gap:9px;border-top:1px solid #edf0ef;font-size:11px}.event-list>div:first-child{border-top:0}.event-list span,.event-list time{color:var(--muted)}.event-status{width:7px;height:7px;border-radius:50%;background:var(--red)}.event-status.sent{background:#249b70}.account-settings-grid,.admin-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.settings-panel{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:7px}.settings-form,.admin-form{padding:17px}.settings-form .primary,.admin-form .primary{min-width:138px}.quota-overview{padding:20px;display:grid;gap:20px}.quota-overview>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px}.quota-overview span{min-width:0;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.quota-overview strong{color:var(--ink);font-size:13px}.quota-overview progress{grid-column:1 / -1;width:100%;height:8px;accent-color:var(--green)}.admin-control-grid .admin-section{margin-top:0}.admin-message{padding:10px 13px;margin:3px 0 12px;color:#4d5a55;background:#edf4f1;border:1px solid #d5e4df;border-radius:6px;font-size:12px}.compact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.generated-code{margin-top:15px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #aad0c3;border-radius:6px;background:#edf8f4}.generated-code>div{min-width:0;display:grid;gap:4px}.generated-code span{color:var(--muted);font-size:10px}.generated-code strong{overflow-wrap:anywhere;font-size:16px}.invitation-list{overflow-x:auto}.invitation-head,.invitation-row{min-width:760px;display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(120px,.8fr) minmax(120px,.8fr) 72px 116px;align-items:center;gap:14px}.invitation-head{min-height:38px;padding:0 16px;color:var(--muted);background:#f4f7f6;font-size:10px;font-weight:700}.invitation-item{min-width:760px;border-top:1px solid #edf0ef}.invitation-row{min-height:66px;padding:9px 16px;font-size:11px}.invitation-code{min-width:0;display:grid;gap:4px}.invitation-code strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.invitation-code small,.invitation-usage small{color:var(--muted);font-size:9px}.invitation-usage{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 5px}.invitation-usage strong{color:var(--green-dark);font-size:18px}.invitation-usage>span{color:var(--muted)}.invitation-usage small{grid-column:1 / -1}.invitation-row>time{color:var(--muted)}.invitation-actions{display:flex;justify-content:flex-end;gap:4px}.invitation-actions .icon-button.active{color:var(--green-dark);background:var(--green-soft)}.invitation-details{padding:13px 16px 15px;background:#f8faf9;border-top:1px solid #edf0ef}.invitation-detail-summary{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:10px}.invitation-details>p{margin:12px 0 0;color:var(--muted);font-size:11px}.redemption-list{margin-top:10px;max-width:620px;display:grid}.redemption-list>div{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e1e8e5;font-size:11px}.redemption-list strong{font-size:11px}.redemption-list time{color:var(--muted)}.status-label{width:fit-content;padding:4px 7px;border-radius:4px;background:#edf0ef}.status-label.active{color:var(--green-dark)!important;background:var(--green-soft)}.admin-users-table .table-head,.admin-users-table .table-row{min-width:880px;grid-template-columns:1.7fr .55fr .85fr .85fr .8fr 1fr}.admin-users-table .table-row>span:first-child{min-width:0;display:grid;gap:3px}.admin-users-table .table-row>span:first-child strong{overflow:hidden;text-overflow:ellipsis}.admin-users-table small{color:var(--muted);font-size:9px}.admin-users-table small.row-error{color:var(--red)}.admin-users-table .table-row>label{margin:0;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:7px}.admin-users-table input{height:32px;padding:0 7px}.status-toggle{min-height:29px;border:0;border-radius:4px;color:#9e3030;background:#fae9e9;font-size:10px;font-weight:700}.status-toggle.active{color:var(--green-dark);background:var(--green-soft)}.city-admin-toolbar{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.city-admin-toolbar label{width:min(320px,100%);height:38px;margin:0;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #ccd6d2;border-radius:5px;color:var(--green)}.city-admin-toolbar input{height:34px;border:0;box-shadow:none}.city-bulk-close{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e5bcbc;border-radius:5px;color:#a63737;background:#fff;font-size:11px;font-weight:700;white-space:nowrap}.city-bulk-close:hover:not(:disabled){background:#fdf0f0;border-color:#dca0a0}.city-bulk-close:disabled{opacity:.45;cursor:not-allowed}.managed-city-grid{max-height:360px;overflow:auto;padding:12px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.managed-city-grid>label{min-height:48px;padding:8px 10px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:6px}.managed-city-grid>label>span:first-child{display:grid;gap:2px}.managed-city-grid strong{font-size:12px}.managed-city-grid small{color:var(--muted);font-size:9px}@media(max-width:1120px){.app-shell{grid-template-columns:76px 1fr}.sidebar nav button{justify-content:center;padding:0}.sidebar nav button span{display:none}.transit-workspace{grid-template-columns:245px minmax(340px,1fr) 292px}.account-text{display:none}.stat-grid,.managed-city-grid{grid-template-columns:repeat(3,1fr)}.channel-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"icon copy status" "icon actions actions";align-items:start}.channel-icon,.channel-copy,.status-dot{align-self:center}.channel-actions{justify-content:flex-start;padding-top:5px}}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-scene{display:none}.auth-panel{min-height:100vh;align-items:flex-start;padding:34px 22px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:60px;font-size:20px}.app-shell{display:block;padding-bottom:66px}.topbar{padding:0 15px}.sidebar{display:none}.main-content{min-height:calc(100vh - 130px)}.mobile-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:66px;padding:5px 8px max(5px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line)}.mobile-nav button{min-width:0;flex:1;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#77827e;background:transparent;font-size:9px}.mobile-nav button.active{color:var(--green)}.page-title{min-height:80px;padding:18px 16px 13px}.transit-workspace{height:auto;min-height:0;grid-template-columns:1fr}.route-browser{border-right:0;border-bottom:1px solid var(--line)}.route-list{max-height:250px}.route-detail{min-height:580px}.stop-list{max-height:450px}.reminder-builder{border-left:0;border-top:1px solid var(--line);padding-bottom:30px}.page-frame>:not(.page-title){margin-left:14px;margin-right:14px}.reminder-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.account-settings-grid,.admin-control-grid{grid-template-columns:1fr;margin-left:14px;margin-right:14px}.managed-city-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.topbar .brand{gap:7px}.topbar .brand strong{font-size:17px}.city-picker{margin-left:0}.city-pill{max-width:104px;padding:0 6px}.city-popover{position:fixed;top:58px;left:14px;right:14px;width:auto}.page-title .primary{width:40px;height:40px;min-height:40px;padding:0;font-size:0}.page-title .primary svg{width:18px}.reminder-delivery{display:grid;gap:6px}.reminder-delivery-label{min-height:20px}.reminder-meta{flex-direction:column;gap:7px}.channel-row{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:11px}.stat-grid{gap:8px}.stat-item{min-height:112px;padding:14px}.compact-fields{grid-template-columns:1fr;gap:0}.managed-city-grid{grid-template-columns:1fr}.channel-tabs{grid-template-columns:1fr 1fr}.event-list>div{grid-template-columns:10px 1fr auto}.event-list>div>span:nth-of-type(2){display:none}.push-help-dialog .dialog-actions{display:grid;grid-template-columns:1fr}.push-help-dialog .dialog-actions .primary,.push-help-dialog .dialog-actions .secondary-button{width:100%}.push-help-dialog .dialog-actions .primary{grid-row:1}.push-help-dialog .dialog-actions .secondary-button{grid-row:2}.push-settings-address{align-items:stretch;flex-direction:column}.push-settings-address .test-button{width:100%;flex-basis:36px}.page-actions{gap:6px}.push-guide-trigger{width:40px;min-height:40px;padding:0;font-size:0}.push-guide-trigger svg{width:18px}}@media(max-width:680px){.dialog-backdrop{padding:0;place-items:stretch}.dialog{width:100%;max-height:100dvh;padding:18px 16px;border-radius:0}.template-layout{grid-template-columns:1fr}.template-preview{padding:18px 0 0;border-top:1px solid var(--line);border-left:0}.template-toolbar{flex-wrap:wrap}.template-mode{width:min(230px,calc(100% - 90px))}.template-variables button{min-height:30px}.capability-list{grid-template-columns:1fr}.capability-list>div,.capability-list>div:nth-child(odd),.capability-list>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #edf0ef}.capability-list>div:last-child{border-bottom:0}.push-help-summary{padding:12px}.push-help-summary>span{width:32px;height:32px}.push-help-summary strong{font-size:12px}.push-help-summary p{font-size:10px}.device-row{grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"kind copy status" "kind actions actions";align-items:start}.device-kind{grid-area:kind}.device-copy{grid-area:copy}.device-status{grid-area:status;padding-top:2px}.device-row-actions{grid-area:actions;width:auto;justify-content:flex-start;margin-top:3px}.device-dialog-note{line-height:1.45}.mobile-push-guide .dialog-actions{display:grid;grid-template-columns:1fr}.mobile-push-guide .dialog-actions .primary,.mobile-push-guide .dialog-actions .secondary-button{width:100%}.mobile-push-guide .dialog-actions .primary{grid-row:1}.mobile-push-guide .dialog-actions .secondary-button{grid-row:2}}