:root{color:#173431;font-synthesis:none;--ink:#173431;--muted:#6c7f7b;--green:#0f665d;--green2:#168276;--mint:#dff1e9;--coral:#eb6b4d;--coral2:#d95336;--paper:#fffdf8;--line:#dbe6e0;--shadow:0 18px 50px #1d453e17;--radius:22px;background:#edf4f0;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at 80% 0,#d9eee4 0,#0000 32%),linear-gradient(135deg,#f2f6f2,#edf3ef 55%,#e8f0eb);min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button,a{transition:all .2s}a{color:inherit;text-decoration:none}svg{flex:none}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#f7fffb;z-index:30;background:#123f3b;flex-direction:column;width:265px;padding:25px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.sidebar:before{content:"";border:55px solid #ffffff09;border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;left:-120px}.sidebar-head{justify-content:space-between;align-items:center;display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand-icon{color:#eaf8f2;place-items:center;width:43px;height:43px;display:grid}.brand-icon svg{width:43px}.brand strong{letter-spacing:2px;font-family:ZCOOL XiaoWei,serif;font-size:23px;display:block}.brand small{opacity:.62;letter-spacing:1px;font-size:10px;display:block}.school-card{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;margin:25px 0 20px;padding:12px;display:flex}.school-card strong,.school-card small{display:block}.school-card strong{font-size:12px}.school-card small{opacity:.6;font-size:10px}.sidebar nav{gap:5px;display:grid;position:relative}.sidebar nav>span{letter-spacing:2px;opacity:.45;margin:12px 12px 6px;font-size:10px}.sidebar nav a{color:#ffffffb8;border-radius:13px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1f;transform:translate(2px)}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding-top:17px;display:flex}.sidebar-user div{flex:1}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:13px}.sidebar-user small{opacity:.55;font-size:11px}.icon-button{color:inherit;background:0 0;border:0;border-radius:10px;place-items:center;padding:8px;display:grid}.icon-button:hover{background:#ffffff1a}.main{min-height:100vh;margin-left:265px}.content{max-width:1480px;margin:auto;padding:30px 38px 80px}.privacy-banner{color:#775015;background:#fff0d8;border-bottom:1px solid #f0dfc2;justify-content:center;align-items:center;gap:8px;height:36px;font-size:11px;display:flex}.privacy-banner span{background:#e19b34;border-radius:50%;width:7px;height:7px}.privacy-banner p{margin:0}.offline-banner{color:#fff;text-align:center;background:#873b2e;padding:8px;font-size:12px}.mobile-header,.mobile-nav,.close-menu,.scrim{display:none}.page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin:10px 0 28px;display:flex}.eyebrow{letter-spacing:2.7px;color:var(--green2);font-size:10px;font-weight:800}.page-header h1{letter-spacing:1px;margin:6px 0 7px;font-family:ZCOOL XiaoWei,serif;font-size:34px}.page-header p{color:var(--muted);margin:0;font-size:13px}.page-actions,.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}.button svg{width:17px}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green);color:#fff}.button-coral{background:var(--coral);color:#fff}.button-light{color:var(--green);background:#fff}.button-outline{border:1px solid var(--line);color:var(--ink);background:#ffffffb3}.button-hero-outline{color:#fff;border:1px solid #fff6}.button-large{padding:14px 18px}.button-wide{width:100%}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.panel{box-shadow:var(--shadow);border-radius:var(--radius);background:#fffdf8e6;border:1px solid #ffffffb8}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.panel-head h2,.panel-head p{margin:0}.panel-head h2{font-size:17px}.panel-head p{color:var(--muted);margin-top:4px;font-size:11px}.panel-head>a{color:var(--green2);align-items:center;gap:5px;font-size:12px;display:flex}.hero{color:#fff;background:linear-gradient(125deg,#0d5b53,#15776b 65%,#289487);border-radius:28px;justify-content:space-between;align-items:center;min-height:225px;padding:38px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f665d33}.hero:after{content:"";border:55px solid #ffffff0f;border-radius:50%;width:280px;height:280px;position:absolute;top:-105px;right:-80px}.hero h1{margin:9px 0;font-family:ZCOOL XiaoWei;font-size:33px}.hero p{opacity:.75;max-width:700px;font-size:13px;line-height:1.8}.hero-actions{gap:10px;margin-top:22px;display:flex}.hero-glyph{z-index:1;background:#ffffff1c;border-radius:50%;place-items:center;width:125px;height:125px;display:grid;position:relative}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0;display:grid}.stats article{background:var(--paper);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr;column-gap:12px;padding:19px;display:grid}.stats article>span{background:var(--mint);width:40px;height:40px;color:var(--green);border-radius:12px;grid-row:1/4;place-items:center;display:grid}.stats small,.stats p{color:var(--muted)}.stats small{font-size:11px}.stats strong{font-size:25px}.stats p{margin:2px 0;font-size:10px}.stats .warm>span{color:var(--coral);background:#fff0e7}.stats .danger{border-color:#efb4a8}.dashboard-grid,.admin-grid{grid-template-columns:1.7fr 1fr;gap:18px;display:grid}.event-list{padding:0 20px}.event-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 4px;display:flex}.event-row>div{flex:1}.event-row strong{align-items:center;gap:7px;display:flex}.event-row p,.event-row time{color:var(--muted);font-size:11px}.avatar{width:38px;height:38px;color:var(--green);background:linear-gradient(135deg,#d7ece3,#bcded2);border-radius:13px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.badge{color:#57706b;white-space:nowrap;background:#e8efec;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800}.badge-danger,.badge-emergency{color:#b53523;background:#ffe0d9}.badge-warning{color:#8d671a;background:#fff0cf}.badge-success{color:#176957;background:#dcf1e7}.badge-info{color:#23665d;background:#dfecec}.quick-list{padding:11px 20px}.quick-list>a{align-items:center;gap:12px;padding:14px 0;display:flex}.quick-list>a>svg:first-child{color:var(--green)}.quick-list div{flex:1}.quick-list strong,.quick-list small{display:block}.quick-list strong{font-size:13px}.quick-list small{color:var(--muted);font-size:10px}.quick-panel footer{border-top:1px solid var(--line);color:var(--muted);padding:15px 22px;font-size:10px}.filters{gap:10px;margin-bottom:18px;display:flex}.filters select,.filters input,.form-grid input,.form-grid select,.form-grid textarea,.onboarding-card input,.add-device input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;outline:none;padding:11px 12px}.search{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1}.search svg{width:17px;color:var(--muted)}.search button{color:var(--green);background:0 0;border:0;font-weight:700}.records{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.record-head,.record-row{grid-template-columns:1.5fr 1.4fr .8fr .8fr 30px;align-items:center;gap:12px;padding:13px 20px;display:grid}.record-head{color:var(--muted);background:#f3f6f3;font-size:10px}.record-row{border-top:1px solid var(--line)}.record-row:hover{background:#f6faf7}.record-row strong,.record-row small{display:block}.record-row strong{font-size:12px}.record-row small{color:var(--muted);margin-top:3px;font-size:10px}.person{align-items:center;gap:10px;display:flex}.load-more{border:0;border-top:1px solid var(--line);width:100%;color:var(--green);background:#f6faf7;padding:13px}.state-card{text-align:center;background:var(--paper);border:1px dashed var(--line);color:var(--muted);border-radius:18px;place-items:center;gap:8px;padding:45px;display:grid}.state-card strong{color:var(--ink)}.state-card p{margin:0;font-size:12px}.state-error svg{color:var(--coral)}.spin{animation:1s linear infinite spin}.empty-orbit{border:1px solid var(--line);border-radius:50%;width:45px;height:45px;position:relative}.empty-orbit i{background:var(--green2);border-radius:50%;width:9px;height:9px;position:absolute;top:3px;right:3px}.form-layout{grid-template-columns:1.05fr 1fr;gap:18px;display:grid}.form-panel{padding:25px}.step-title{align-items:center;gap:12px;margin-bottom:22px;display:flex}.step-title>span{color:var(--coral);font-family:ZCOOL XiaoWei;font-size:25px}.step-title h2,.step-title p{margin:0}.step-title h2{font-size:17px}.step-title p{color:var(--muted);font-size:11px}.card-reader{background:#eaf5ef;border:1px solid #cee4da;border-radius:15px;grid-template-columns:auto 1fr minmax(150px,1fr) auto;align-items:center;gap:10px;padding:13px;display:grid}.card-reader>svg{color:var(--green)}.card-reader strong,.card-reader small{display:block}.card-reader small{color:var(--muted);font-size:9px}.card-reader input{border:1px solid var(--line);border-radius:9px;min-width:0;padding:9px}.or{text-align:center;color:var(--muted);margin:15px;font-size:10px}.student-picker{grid-template-columns:1fr 1fr;gap:7px;max-height:250px;margin-top:12px;display:grid;overflow:auto}.student-picker button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:9px;display:flex}.student-picker button>span:nth-child(2){flex:1}.student-picker strong,.student-picker small{display:block}.student-picker small{color:var(--muted);font-size:9px}.student-picker .selected{border-color:var(--green2);box-shadow:0 0 0 2px #1682761f}.student-picker .selected>svg{color:var(--green)}.identity-check{background:#fff4e6;border-radius:13px;align-items:center;gap:10px;margin-top:15px;padding:13px;display:flex}.identity-check>svg{color:#b47821}.identity-check>div{flex:1}.identity-check strong,.identity-check p{margin:0;font-size:11px}.identity-check label{font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label,.onboarding-card>label{gap:6px;font-size:11px;font-weight:700;display:grid}.form-grid label.full{grid-column:1/-1}.form-grid small{color:var(--muted);font-weight:400}.emergency-note,.warning-box{background:#fff0eb;border:1px solid #f5c6ba;border-radius:12px;align-items:center;gap:10px;margin:15px 0;padding:12px;font-size:11px;display:flex}.success-banner{background:#e3f2ea;border:1px solid #bfdecf;border-radius:15px;align-items:center;gap:14px;margin-bottom:17px;padding:15px 18px;display:flex}.success-banner p,.success-banner strong{margin:0}.success-banner p{color:var(--muted);font-size:11px}.detail-grid{grid-template-columns:.85fr 1.4fr;gap:18px;display:grid}.detail-card,.thread{padding:23px}.detail-card>header,.thread>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.detail-card h2,.thread h2,.thread p{margin:0}.detail-card header a{color:var(--green);font-size:11px}.detail-card dl,.profile-card dl{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.detail-card dl div,.profile-card dl div{background:#f3f7f4;border-radius:11px;padding:11px}.detail-card dl .full{grid-column:1/-1}.detail-card dt,.profile-card dt{color:var(--muted);font-size:9px}.detail-card dd,.profile-card dd{margin:4px 0 0;font-size:12px;font-weight:700}.status-control{gap:6px;font-size:11px;display:grid}.status-control select{border:1px solid var(--line);border-radius:10px;padding:10px}.ack-list{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.ack-list h3{align-items:center;gap:6px;font-size:12px;display:flex}.ack-list p{align-items:center;gap:7px;font-size:10px;display:flex}.ack-list p span{color:var(--muted)}.thread>header p{color:var(--muted);font-size:10px}.timeline{max-height:440px;padding:15px 3px;overflow:auto}.timeline article{gap:9px;margin:11px 0;display:flex}.timeline article>div{background:#f1f5f2;border-radius:4px 14px 14px;max-width:78%;padding:10px 12px}.timeline article.mine{flex-direction:row-reverse;justify-content:flex-start}.timeline article.mine>div{background:#dff0e9;border-radius:14px 4px 14px 14px}.timeline header{gap:10px;display:flex}.timeline time,.timeline small{color:var(--muted);font-size:9px}.timeline p{margin:6px 0;font-size:12px}.withdrawn{color:var(--muted);font-style:italic}.composer{border-top:1px solid var(--line);padding-top:14px}.quick-replies{flex-wrap:wrap;gap:6px;display:flex}.quick-replies button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 9px;font-size:10px}.composer label{gap:8px;margin-top:10px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);border-radius:12px;flex:1;min-height:70px;padding:10px}.composer>small{color:var(--muted);align-items:center;gap:4px;margin-top:5px;font-size:9px;display:flex}.message-list{overflow:hidden}.message-list>a{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px 20px;display:grid}.message-list>a.unread{border-left:3px solid var(--coral);background:#f1f8f4}.message-list header{gap:6px;display:flex}.message-list p{margin:5px 0;font-size:12px}.message-list small{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.message-list small svg{width:11px}.delivery-state{color:var(--muted);text-align:right;max-width:135px;font-size:9px}.delivery-legend,.support-strip{background:#ffffffa6;border-radius:13px;flex-wrap:wrap;gap:16px;margin-bottom:14px;padding:12px 16px;font-size:9px;display:flex}.delivery-legend span{align-items:center;gap:5px;display:flex}.dot{background:#aaa;border-radius:50%;width:7px;height:7px}.dot.accepted{background:#52a598}.dot.read{background:#3c819f}.dot.acknowledged{background:#2b8f60}.dot.overdue{background:#df654a}.sync-note{color:var(--muted);font-size:9px}.student-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.student-grid>a{background:var(--paper);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:15px;display:flex}.student-grid>a>div{flex:1}.student-grid strong,.student-grid p,.student-grid small{margin:0;display:block}.student-grid p,.student-grid small{color:var(--muted);margin-top:3px;font-size:9px}.student-grid>a>svg{color:var(--green2);width:18px}.profile-card{align-items:center;gap:14px;padding:22px;display:flex}.profile-card>.avatar{width:60px;height:60px}.profile-card h2,.profile-card p{margin:0}.profile-card p{color:var(--muted);font-size:11px}.profile-card dl{margin-left:auto;display:flex}.history{margin-top:16px;padding:20px}.history>header h2{align-items:center;gap:7px;display:flex}.history>header h2,.history>header p{margin:0}.history>header p{color:var(--muted);font-size:10px}.history>a{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr 70px 100px;padding:13px;font-size:11px;display:grid}.history time{color:var(--muted)}.onboarding{grid-template-columns:220px minmax(0,650px);justify-content:center;gap:20px;display:grid}.onboarding-steps{align-content:start;display:grid}.onboarding-steps>div{min-height:57px;color:var(--muted);align-items:center;gap:10px;display:flex;position:relative}.onboarding-steps>div:not(:last-child):after{content:"";background:var(--line);width:1px;height:25px;position:absolute;bottom:-2px;left:14px}.onboarding-steps span{border:1px solid var(--line);background:#edf4f0;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.onboarding-steps svg{width:15px}.onboarding-steps .active,.onboarding-steps .done{color:var(--green)}.onboarding-steps .active span,.onboarding-steps .done span{background:var(--green);color:#fff}.onboarding-card{text-align:center;padding:35px}.feature-icon{width:46px;height:46px;color:var(--green);background:var(--mint);border-radius:14px;padding:11px}.feature-icon.success{color:#fff;background:var(--green)}.onboarding-card h2{font-family:ZCOOL XiaoWei;font-size:26px}.onboarding-card>p{color:var(--muted);font-size:12px;line-height:1.8}.onboarding-card dl{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.onboarding-card dl div,.check-grid p{background:#f2f6f3;border-radius:11px;padding:12px}.onboarding-card dt,.onboarding-card dd{margin:2px;font-size:10px}.onboarding-card dd{font-weight:700}.check-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.check-grid p{justify-content:space-between;font-size:10px;display:flex}.check-grid p span{color:var(--muted)}.ios-guide{text-align:left;background:#fff4e5;border-radius:13px;gap:12px;padding:15px;display:flex}.ios-guide ol{font-size:10px;line-height:1.8}.help-link{color:var(--green);align-items:center;gap:5px;margin-top:20px;font-size:10px;display:inline-flex}.support-strip p{min-width:160px;margin:0}.support-strip span,.support-strip strong{display:block}.support-strip span{color:var(--muted);font-size:8px}.support-strip strong{font-size:11px}.add-device{align-items:center;gap:12px;margin-bottom:14px;padding:15px;display:flex}.add-device>div{flex:1;align-items:center;gap:9px;display:flex}.add-device strong,.add-device small{display:block}.add-device small{color:var(--muted);font-size:9px}.device-list{grid-template-columns:1fr 1fr;gap:13px;display:grid}.device-list article{gap:12px;padding:18px;display:flex}.device-icon{background:var(--mint);width:42px;height:42px;color:var(--green);border-radius:12px;place-items:center;display:grid}.device-list article>div:nth-child(2){flex:1}.device-list h3,.device-list p,.device-list small{margin:0;display:block}.device-list h3{font-size:13px}.device-list p,.device-list small{color:var(--muted);margin-top:4px;font-size:9px}.device-list em{color:var(--coral);font-size:9px}.device-actions{align-content:start;gap:3px;display:grid}.device-actions button{color:var(--green);background:0 0;border:0;font-size:9px}.danger-link{align-items:center;display:flex;color:var(--coral)!important}.danger-link svg{width:11px}.diagnostics,.admin-table{margin-top:16px;padding:20px}.diagnostics h2,.diagnostics p{margin:0}.diagnostics p{color:var(--muted);font-size:10px}.mini-table>div{border-bottom:1px solid var(--line);grid-template-columns:1.4fr .7fr .7fr 1fr;gap:8px;padding:9px 0;font-size:9px;display:grid}.action-cards{gap:8px;padding:17px;display:grid}.action-cards button{border:1px solid var(--line);text-align:left;background:#f6f9f7;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.action-cards strong,.action-cards small{display:block}.action-cards small{color:var(--muted);font-size:9px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px}th{color:var(--muted)}.login-page{background:#f3f4ef;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#103f3a,#0e6459 70%,#177f70);flex-direction:column;justify-content:space-between;padding:50px 7vw;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:80px solid #ffffff0a;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-180px;right:-190px}.login-visual h1{margin:13px 0;font-family:ZCOOL XiaoWei;font-size:53px;font-weight:400;line-height:1.25}.login-visual p{opacity:.7;max-width:600px;font-size:14px;line-height:1.9}.flow-line{opacity:.65;align-items:center;gap:10px;font-size:10px;display:flex}.flow-line i{background:#fff;width:32px;height:1px}.login-side{place-items:center;padding:30px;display:grid}.login-card{width:min(460px,100%);box-shadow:var(--shadow);background:#fff;border-radius:25px;padding:35px}.login-card h2{margin:0;font-family:ZCOOL XiaoWei;font-size:28px}.login-card>p{color:var(--muted);font-size:11px}.field{gap:6px;margin:15px 0;font-size:11px;font-weight:700;display:grid}.field input{border:1px solid var(--line);border-radius:11px;padding:12px}.account-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.account-grid button{border:1px solid var(--line);text-align:left;background:#f8faf8;border-radius:10px;padding:10px}.account-grid button.selected{border-color:var(--green);background:var(--mint)}.account-grid strong,.account-grid small{display:block}.account-grid small{color:var(--muted);font-size:8px}.demo-note{background:#fff4e6;border-radius:10px;gap:8px;margin-top:15px;padding:10px;font-size:9px;display:flex}.error-box{color:#9c3d2b;background:#fff0eb;border-radius:10px;padding:10px;font-size:10px}.floating-action{background:var(--coral);color:#fff;border-radius:99px;align-items:center;gap:7px;padding:12px 16px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #eb6b4d47}.reveal{animation:.4s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark]{--ink:#e6f1ed;--muted:#8da39e;--paper:#173531;--line:#31504a;color:var(--ink);background:#0d2421}[data-theme=dark] body,[data-theme=dark] #root{background:#0d2421}[data-theme=dark] .panel,[data-theme=dark] .records,[data-theme=dark] .stats article,[data-theme=dark] .student-grid>a{background:#173531;border-color:#294942}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .search,[data-theme=dark] .student-picker button{color:var(--ink);background:#122d29;border-color:#31504a}@media (width<=1050px){.sidebar{width:225px}.main{margin-left:225px}.content{padding:25px}.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.detail-grid,.form-layout{grid-template-columns:1fr}.student-grid{grid-template-columns:1fr 1fr}.card-reader{grid-template-columns:auto 1fr}.card-reader input,.card-reader button{grid-column:1/3}.device-list{grid-template-columns:1fr}}@media (width<=720px){.sidebar{width:280px;transition:all .25s;transform:translate(-105%)}.sidebar.open{transform:none}.close-menu,.scrim{display:block}.scrim{z-index:25;background:#08191673;border:0;position:fixed;inset:0}.main{margin:0;padding-bottom:63px}.privacy-banner{text-align:center;height:auto;padding:6px 12px}.privacy-banner p{display:none}.mobile-header{color:#fff;z-index:20;background:#123f3b;justify-content:space-between;align-items:center;padding:10px 15px;display:flex;position:sticky;top:0}.mobile-nav{z-index:20;border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);height:62px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);align-content:center;place-items:center;gap:2px;display:grid}.mobile-nav a.active{color:var(--green)}.mobile-nav small{font-size:9px}.content{padding:18px 14px 85px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:19px}.page-header h1{font-size:29px}.page-actions{width:100%}.hero{min-height:250px;padding:28px 22px}.hero h1{font-size:27px}.hero-glyph{display:none}.hero-actions{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr;gap:8px}.stats article{column-gap:8px;padding:13px}.stats article>span{width:34px;height:34px}.stats strong{font-size:20px}.dashboard-grid,.admin-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr;display:grid}.filters .search{grid-column:1/-1;min-height:43px}.record-head{display:none}.record-row{grid-template-columns:1fr auto;padding:14px}.record-row>span:first-of-type,.record-row>span:nth-of-type(3){grid-column:1}.record-row>span:nth-of-type(2){grid-area:1/2}.record-row>svg{grid-area:2/2}.student-picker,.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:1}.detail-grid{grid-template-columns:1fr}.timeline article>div{max-width:88%}.composer label{display:grid}.message-list>a{grid-template-columns:auto 1fr}.message-list .delivery-state{text-align:left;grid-column:2}.student-grid{grid-template-columns:1fr}.profile-card{flex-wrap:wrap;align-items:flex-start}.profile-card dl{grid-template-columns:repeat(3,1fr);width:100%;margin:0;display:grid}.history>a{grid-template-columns:1fr auto;gap:6px}.history>a time,.history>a strong{grid-column:1}.onboarding{grid-template-columns:1fr}.onboarding-steps{display:flex;overflow:auto}.onboarding-steps>div{justify-items:center;min-width:92px;display:grid}.onboarding-steps>div:after{display:none}.onboarding-card{padding:24px 17px}.check-grid,.onboarding-card dl{grid-template-columns:1fr}.add-device{align-items:stretch;display:grid}.device-list article{grid-template-columns:auto 1fr;display:grid}.device-actions{grid-column:1/-1;display:flex}.support-strip{grid-template-columns:1fr 1fr;display:grid}.login-page{grid-template-columns:1fr}.login-visual{min-height:280px;padding:28px}.login-visual h1{font-size:36px}.login-visual p{font-size:11px}.flow-line{display:none}.login-side{padding:18px}.login-card{padding:24px}.floating-action{bottom:73px;right:14px}.mini-table>div{grid-template-columns:1fr auto}.mini-table>div span:nth-child(3),.mini-table>div small{grid-column:1/-1}}@media (width<=390px){.stats{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr 1fr}.hero{padding:24px 18px}.page-header h1{font-size:26px}}.activate-link,.auth-back{color:var(--green);justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:11px;font-weight:700;display:flex}.activate-link svg{width:15px}.success-inline{color:#176957;background:#e2f2e9;border-radius:10px;padding:10px;font-size:10px}.auth-page{background:radial-gradient(circle at 12% 10%,#d3eee1,#0000 30%),linear-gradient(145deg,#edf5f0,#f6f4ec);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(520px,100%);box-shadow:var(--shadow);background:#fffdf8;border:1px solid #fff;border-radius:26px;padding:34px}.auth-card .brand{color:var(--green);margin-bottom:28px}.auth-card .brand-icon{color:var(--green)}.auth-card h1{margin:12px 0 7px;font-family:ZCOOL XiaoWei;font-size:30px}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.7}.auth-icon{background:var(--mint);width:48px;height:48px;color:var(--green);border-radius:15px;place-items:center;display:grid}.auth-card .field small{color:var(--muted);font-size:9px;font-weight:400}.account-form{padding-bottom:22px}.account-form>.form-grid,.account-form>.button{margin:0 22px 18px}.account-form>.button{margin-bottom:0}.account-form .field select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px}.security-panel{padding-bottom:20px}.security-checks{gap:8px;padding:13px 22px;display:grid}.security-checks p{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin:0;padding:9px 0;font-size:11px;display:flex}.security-checks small{color:var(--muted);font-size:9px}.activation-result{color:#fff;background:linear-gradient(120deg,#0f665d,#168276);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:18px 0;padding:20px 24px;display:grid;box-shadow:0 18px 45px #0f665d2e}.activation-result>svg{width:32px;height:32px}.activation-result strong,.activation-result p,.activation-result small{margin:0;display:block}.activation-result p{opacity:.78;margin:4px 0;font-size:11px}.activation-result code{letter-spacing:1px;background:#ffffff24;border-radius:9px;margin:4px 0 7px;padding:8px 12px;font-size:16px;display:inline-block}.activation-result small{opacity:.68;font-size:9px}.table-actions{gap:7px;display:flex}.table-actions button{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:8px;padding:6px 8px;font-size:9px}.table-actions button:disabled{opacity:.35}@media (width<=720px){.auth-card{padding:24px 18px}.activation-result{grid-template-columns:auto 1fr}.activation-result>.button{grid-column:1/-1}.account-form>.form-grid,.account-form>.button{margin-left:15px;margin-right:15px}.table-actions{display:grid}}.identity-confirm{background:#eef7f2;border-radius:12px;align-items:flex-start;gap:10px;padding:13px;display:flex!important}.identity-confirm input{margin-top:2px}.identity-confirm strong,.identity-confirm small{display:block}.recipient-preview{background:#eef7f2;border:1px solid #cee5da;border-radius:15px;margin:18px 0;padding:15px}.recipient-preview header{justify-content:space-between;gap:12px;display:flex}.recipient-preview header small,.recipient-preview footer{color:var(--muted);font-size:9px}.recipient-preview>div{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.recipient-preview>div>span{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}.recipient-preview b,.recipient-preview small{display:block}.recipient-preview b{font-size:11px}.recipient-preview small{color:var(--muted);font-size:8px}.recipient-preview p{color:var(--coral);font-size:10px}.button-link{background:0 0;border:0}.push-toast{z-index:60;text-align:left;width:min(390px,100vw - 28px);color:var(--ink);background:#fffdf8;border:1px solid #bcded0;border-radius:16px;align-items:center;gap:12px;padding:15px;animation:.25s reveal;display:flex;position:fixed;top:55px;right:24px;box-shadow:0 22px 60px #0f373138}.push-toast>svg:first-child{color:var(--coral)}.push-toast span{flex:1}.push-toast strong,.push-toast small{display:block}.push-toast strong{font-size:12px}.push-toast small{color:var(--muted);margin-top:3px;font-size:9px}.push-toast>svg:last-child{width:15px;color:var(--muted)}.security-checks .channel-status>span{gap:2px;display:grid}.security-checks .channel-status strong{font-size:11px}.security-checks .channel-status small{font-size:9px;font-weight:400;display:block}.student-import{margin:18px 0}.import-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.import-actions input{display:none}.import-summary{border:1px solid var(--line);background:#f7f9f6;border-radius:12px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.import-summary strong,.import-summary small{font-size:10px}.import-summary small{color:var(--muted)}.student-import .identity-confirm{margin:15px 0}.import-success{color:#155f50;background:#e9f6ef;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:10px;font-weight:700}@media (width<=720px){.push-toast{top:68px;right:14px}.recipient-preview header{display:grid}}.app-shell{isolation:isolate;position:relative;overflow-x:hidden}.app-shell:before,.app-shell:after{content:"";z-index:-1;filter:blur(2px);pointer-events:none;opacity:.58;border-radius:999px;position:fixed}.app-shell:before{background:radial-gradient(circle at 35% 35%,#48bfa14d,#91dcc214 55%,#0000 72%);width:430px;height:430px;animation:15s ease-in-out infinite alternate ambient-float;top:12vh;right:-160px}.app-shell:after{background:radial-gradient(circle at 45% 40%,#eb6b4d1f,#ffd6ac0f 58%,#0000 74%);width:360px;height:360px;animation:18s ease-in-out -5s infinite alternate-reverse ambient-float;bottom:-180px;left:10vw}.main{position:relative}.content{z-index:1;position:relative}.panel,.records,.student-grid>a,.login-card,.auth-card,.mobile-nav,.push-toast{-webkit-backdrop-filter:blur(22px)saturate(1.24);background:linear-gradient(145deg,#fffc,#fffdf8a8);border-color:#ffffffbd;box-shadow:0 18px 50px #18483f17,inset 0 1px #ffffffdb}.panel,.stats article,.student-grid>a,.records{position:relative;overflow:hidden}.panel:before,.stats article:before,.student-grid>a:before,.records:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fffffff2,#0000);height:1px;position:absolute;inset:0 0 auto}.sidebar{-webkit-backdrop-filter:blur(26px)saturate(1.15);background:linear-gradient(165deg,#0a3935f7,#0f544cf0);box-shadow:14px 0 45px #0d3c3624}.school-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff1a,#ffffff0b);box-shadow:inset 0 1px #ffffff1f}.brand-icon{background:linear-gradient(145deg,#ffffff24,#ffffff09);border-radius:15px;position:relative;box-shadow:inset 0 1px #fff3,0 8px 24px #00000014}.brand-icon:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26,#0000 48%);border-radius:13px;position:absolute;inset:2px}.brand strong i{letter-spacing:1.5px;vertical-align:middle;opacity:.58;border:1px solid;border-radius:99px;margin-left:4px;padding:3px 5px;font-family:inherit;font-size:8px;font-style:normal}.hero{background:radial-gradient(circle at 78% 18%,#8debcf47,#0000 28%),linear-gradient(125deg,#0a514b,#127064 58%,#269180);box-shadow:0 28px 70px #0c5b503d,inset 0 1px #ffffff2e}.hero:before{content:"";filter:blur(8px);background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:220px;height:70px;animation:8s ease-in-out infinite glass-sheen;position:absolute;top:-25px;left:-40px;transform:rotate(-9deg)}.button{isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40}.button:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff3d,#0000);width:35%;transition:transform .65s;position:absolute;inset:-2px auto -2px -45%;transform:skew(-22deg)}.button:hover:after{transform:translate(430%)skew(-22deg)}.stats article,.student-grid>a,.record-row,.action-cards button{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}.stats article:hover,.student-grid>a:hover,.action-cards button:hover{border-color:#28948447;transform:translateY(-3px);box-shadow:0 20px 45px #18483f1f}.push-toast{animation:.45s cubic-bezier(.18,.9,.28,1.15) glass-toast-in}.reveal>*{animation:.48s cubic-bezier(.2,.8,.2,1) both content-rise}.reveal>:nth-child(2){animation-delay:45ms}.reveal>:nth-child(3){animation-delay:90ms}.reveal>:nth-child(4){animation-delay:.135s}.reveal>:nth-child(5){animation-delay:.18s}.privacy-banner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#fff0d8eb,#fff8e6d1)}@keyframes ambient-float{to{transform:translate(-38px,32px)scale(1.08)}}@keyframes glass-sheen{0%,55%{opacity:0;transform:translate(-50%)rotate(-9deg)}72%{opacity:1}to{opacity:0;transform:translate(600%)rotate(-9deg)}}@keyframes glass-toast-in{0%{opacity:0;transform:translate(18px,-8px)scale(.96)}}@keyframes content-rise{0%{opacity:0;filter:blur(2px);transform:translateY(9px)}to{opacity:1;filter:none;transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.panel,.records,.student-grid>a,.login-card,.auth-card,.mobile-nav,.push-toast{background:#fffdf8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-shell:before,.app-shell:after{display:none}}@media (width<=720px){.panel,.records,.student-grid>a,.login-card,.auth-card,.mobile-nav,.push-toast{-webkit-backdrop-filter:blur(15px)saturate(1.12)}.app-shell:before{width:280px;height:280px;right:-150px}.brand strong i{display:none}}.app-shell{overflow-x:clip}.nav-icon{place-items:center;display:inline-grid;position:relative}.nav-icon b{color:#fff;text-align:center;background:#eb5b40;border:2px solid #0f665d;border-radius:99px;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;line-height:13px;position:absolute;top:-8px;right:-11px}.stage-status{color:#145c50;background:#e7f5ef;border:1px solid #badfd2;border-radius:12px;margin:10px 0;padding:11px 14px;font-size:11px;font-weight:700}.install-guide{border:1px solid var(--line);background:#f3f8f5;border-radius:14px;align-items:center;gap:12px;margin:16px 0;padding:13px;display:flex}.install-guide>div{flex:1}.install-guide strong,.install-guide p{margin:0;display:block}.install-guide p{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.5}[data-theme=dark]{--muted:#b0c3bd;--line:#3d5b55;--paper:#142f2b}[data-theme=dark] .panel,[data-theme=dark] .records,[data-theme=dark] .student-grid>a,[data-theme=dark] .login-card,[data-theme=dark] .auth-card{background:#142f2bf0;border-color:#6e978c47;box-shadow:0 18px 50px #0003,inset 0 1px #ffffff0e}[data-theme=dark] .button-outline,[data-theme=dark] .install-guide,[data-theme=dark] .action-cards button,[data-theme=dark] .recipient-preview,[data-theme=dark] .identity-confirm{color:var(--ink);border-color:var(--line);background:#183934}[data-theme=dark] .stage-status{color:#d9f4ea;background:#173d36;border-color:#33675d}@media (width<=720px){html{scroll-padding-top:62px}.app-shell{overflow-x:clip}.main{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.mobile-header{z-index:75;-webkit-backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(145deg,#0a403bf0,#115c52e6);border-bottom:1px solid #ffffff29;min-height:58px;padding:9px 15px;position:sticky;top:0;transform:translateZ(0);box-shadow:0 12px 35px #09312c2e}.mobile-nav{z-index:90;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(1.35);isolation:isolate;background:linear-gradient(145deg,#fcfffde6,#eef7f3c7);border:1px solid #ffffffd1;border-radius:24px;height:68px;padding:6px;position:fixed;transform:translate(0,0);box-shadow:0 18px 45px #0a342f33,inset 0 1px #fffffff2}.mobile-nav:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fffffff2,#0000);height:1px;position:absolute;inset:1px 10% auto}.mobile-nav a{z-index:1;color:#57716b;border:1px solid #0000;border-radius:18px;transition:background-color .22s,color .22s,transform .22s cubic-bezier(.2,.8,.2,1);position:relative}.mobile-nav a.active{color:#fff;background:linear-gradient(145deg,#128276,#0d6b61);border-color:#ffffffc2;transform:translateY(-1px);box-shadow:0 8px 20px #125b4f40,inset 0 1px #ffffff4d}.mobile-nav a:active{transform:scale(.96)}.mobile-nav small{font-size:10px;font-weight:750;line-height:1.1}.mobile-nav .nav-icon b{border-color:#f4faf7;top:-8px;right:-12px}.content{padding-bottom:112px}.floating-action{bottom:calc(92px + env(safe-area-inset-bottom));z-index:82}.push-toast{z-index:110;color:#173431}.sidebar{z-index:130}.scrim{z-index:120}.reveal>*{filter:none}.panel,.records,.student-grid>a,.login-card,.auth-card{-webkit-backdrop-filter:none;background:#fffdf8f0}.page-header p,.panel-head p,.quick-list small,.record-row small{color:#536c66}[data-theme=dark] .mobile-nav{background:linear-gradient(145deg,#14322df0,#0c2420e0);border-color:#92b9ae47;box-shadow:0 18px 45px #0000005c,inset 0 1px #ffffff14}[data-theme=dark] .mobile-nav a{color:#b4c8c2}[data-theme=dark] .mobile-nav a.active{color:#fff;background:linear-gradient(145deg,#3e6c60bd,#214840db);border-color:#a9d5c92e;box-shadow:0 8px 18px #0003}[data-theme=dark] .panel,[data-theme=dark] .records,[data-theme=dark] .student-grid>a,[data-theme=dark] .login-card,[data-theme=dark] .auth-card{background:#142f2bf5}[data-theme=dark] .page-header p,[data-theme=dark] .panel-head p,[data-theme=dark] .quick-list small,[data-theme=dark] .record-row small{color:#b0c3bd}}.status-link{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:10px;font-weight:700;display:flex}.status-link:hover{color:var(--green)}.status-page{background:radial-gradient(circle at 15% 12%,#d3eee1,#0000 30%),radial-gradient(circle at 90% 85%,#f9dccd,#0000 28%),linear-gradient(145deg,#edf5f0,#f6f4ec);place-items:center;min-height:100vh;padding:28px;display:grid}.status-card{-webkit-backdrop-filter:blur(22px)saturate(1.2);background:#fffdf8e6;border:1px solid #ffffffd1;border-radius:28px;width:min(860px,100%);padding:28px;box-shadow:0 28px 80px #18483f21}.status-card .brand,.status-card .brand-icon{color:var(--green)}.status-head{justify-content:space-between;align-items:center;display:flex}.status-live{color:#176957;background:#e1f2e9;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.status-live i{background:#27a271;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite status-pulse;box-shadow:0 0 0 5px #27a2711f}.status-intro{align-items:center;gap:17px;margin:34px 0 22px;display:flex}.status-intro h1,.status-intro p{margin:0}.status-intro h1{margin:6px 0;font-family:ZCOOL XiaoWei,serif;font-size:32px}.status-intro p{color:var(--muted);font-size:11px}.status-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.status-grid article{border:1px solid var(--line);background:#f6faf7d1;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:15px;display:grid}.status-grid article>svg{width:20px;color:var(--green)}.status-grid small,.status-grid strong{display:block}.status-grid small{color:var(--muted);font-size:8px}.status-grid strong{margin-top:3px;font-size:11px}.status-grid b{border-radius:99px;padding:4px 7px;font-size:8px}.status-grid b.ok{color:#176957;background:#dbf1e6}.status-grid b.wait{color:#8d671a;background:#fff0cf}.status-grid b.bad{color:#b53523;background:#ffe0d9}.status-error{color:#943a2b;background:#fff0eb;border-radius:14px;padding:15px}.status-error p{margin:4px 0 0;font-size:10px}.status-meta{grid-template-columns:1.5fr 1fr 1fr;gap:9px;margin:18px 0;display:grid}.status-meta div{background:#eef5f1;border-radius:12px;min-width:0;padding:12px}.status-meta dt{color:var(--muted);font-size:8px}.status-meta dd{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:10px;font-weight:700;overflow:hidden}.status-actions{flex-wrap:wrap;gap:9px;display:flex}.status-card>footer{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:14px;font-size:9px}.status-error+dl{margin-top:18px}@keyframes status-pulse{50%{box-shadow:0 0 0 9px #27a27100}}@media (width<=720px){.status-page{padding:14px}.status-card{border-radius:22px;padding:20px}.status-grid,.status-meta{grid-template-columns:1fr}.status-intro{align-items:flex-start}.status-intro h1{font-size:27px}.status-actions .button{flex:1}.status-head .brand small{display:none}}@media (hover:none){.stats article:hover,.student-grid>a:hover,.action-cards button:hover,.button:hover{transform:none}}.hero-role{color:#d9fff4;align-items:center;gap:9px;display:inline-flex}.hero-role i{background:linear-gradient(90deg,#ffffffd9,#0000);width:34px;height:1px;display:block}.table-action{background:0 0;border:0;align-items:center;gap:4px;font-size:10px}.table-action svg{width:13px}.muted-action{color:var(--muted);font-size:10px}.panel,.records,.student-grid>a,.login-card,.auth-card{-webkit-backdrop-filter:none;background:#fffdf8f7}.server-time{color:var(--green);background:#edf7f2;border:1px solid #cae2d8;border-radius:13px;align-items:center;gap:11px;padding:13px 14px;display:flex}.server-time span,.server-time strong,.server-time small{display:block}.server-time small{color:#58716b;margin-top:3px;font-size:10px;font-weight:400}[data-theme=dark] .panel,[data-theme=dark] .records,[data-theme=dark] .student-grid>a,[data-theme=dark] .login-card,[data-theme=dark] .auth-card{background:#142f2bf5}[data-theme=dark] .server-time{color:#d9f4ea;background:#173d36;border-color:#33675d}[data-theme=dark] .server-time small{color:#b0c3bd}.workflow-progress{background:#fffdf8e6;border:1px solid #c4dcd3e6;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px;padding:14px 16px;display:grid;box-shadow:0 12px 34px #1b4b4212}.workflow-progress>div{color:#748681;align-items:center;gap:9px;min-width:0;transition:color .28s,transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.workflow-progress>div:not(:last-child):after{content:"";background:var(--line);width:12px;height:1px;position:absolute;left:calc(100% - 2px)}.workflow-progress span{border:1px solid var(--line);background:#f5f8f6;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;transition:background .28s,border-color .28s,box-shadow .28s,transform .28s;display:grid}.workflow-progress span svg{width:15px}.workflow-progress strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.workflow-progress .done{color:var(--green)}.workflow-progress .done span{border-color:var(--green);background:var(--green);color:#fff}.workflow-progress .active{color:var(--coral);transform:translateY(-1px)}.workflow-progress .active span{border-color:var(--coral);background:#fff3ee;animation:1.8s ease-in-out infinite workflow-focus;box-shadow:0 0 0 5px #eb6b4d1a}.identity-check:has(input:checked){background:#e8f5ef;box-shadow:inset 0 0 0 1px #c5e1d4}.identity-next{white-space:nowrap}.recipient-preview{animation:.38s cubic-bezier(.2,.8,.2,1) both recipient-ready}.recipient-preview>div>span{animation:.35s cubic-bezier(.2,.8,.2,1) both recipient-chip}.recipient-preview>div>span:nth-child(2){animation-delay:60ms}.recipient-preview>div>span:nth-child(3){animation-delay:.12s}.notification-policy{margin:18px 0;overflow:hidden}.notification-setting-grid{grid-template-columns:repeat(3,1fr);gap:4px 18px;padding:18px 24px;display:grid}.notification-setting-grid .field{margin:5px 0}.notification-setting-grid .field>small{min-height:28px;color:var(--muted);font-size:9px;font-weight:400;line-height:1.5}.number-with-unit{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr auto;align-items:center;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.number-with-unit:focus-within{border-color:var(--green2);box-shadow:0 0 0 3px #1682761c}.number-with-unit input{width:100%;min-width:0;color:var(--ink);outline:0;padding:11px 12px;background:0 0!important;border:0!important}.number-with-unit b{color:var(--muted);padding:0 12px;font-size:10px}.policy-footer{border-top:1px solid var(--line);background:#f6f9f7;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;display:flex}.policy-footer>span{color:var(--muted);font-size:10px}@keyframes workflow-focus{50%{box-shadow:0 0 0 8px #eb6b4d0b}}@keyframes recipient-ready{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes recipient-chip{0%{opacity:0;transform:translate(-6px)}}[data-theme=dark] .workflow-progress,[data-theme=dark] .number-with-unit,[data-theme=dark] .policy-footer{border-color:var(--line);background:#173531}[data-theme=dark] .workflow-progress .active span{background:#3b2b25}[data-theme=dark] .identity-check:has(input:checked){background:#173d36;box-shadow:inset 0 0 0 1px #33675d}@media (width<=900px){.notification-setting-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.workflow-progress{z-index:15;grid-template-columns:repeat(4,minmax(62px,1fr));gap:4px;padding:9px 8px;position:sticky;top:68px;overflow-x:auto}.workflow-progress>div{text-align:center;justify-items:center;gap:4px;display:grid}.workflow-progress>div:not(:last-child):after{display:none}.workflow-progress strong{max-width:72px;font-size:9px}.identity-check{flex-wrap:wrap;align-items:flex-start}.identity-check>div{min-width:150px}.identity-next{width:100%}.notification-setting-grid{grid-template-columns:1fr;padding:15px}.policy-footer{flex-direction:column;align-items:stretch;padding:15px}.policy-footer .button{width:100%}}