: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}.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-meta{margin:17px 0;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-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}.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}.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}.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-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:20px}.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:27px;padding:0 6px;border:1px solid #d5dfdb;border-radius:4px;color:#4d5a55;background:#f8faf9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.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}.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{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.quota-overview span{color:var(--muted);font-size:12px}.quota-overview strong{font-size:17px}.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)}}@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}.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:2px}}@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-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}}@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}}