@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{color:#12213a;font-synthesis:none;--navy:#071a33;--blue:#0b63f6;--lime:#b9f227;--muted:#6b7890;--line:#dce4ee;background:#edf2f7;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#fff 0,#f5f8fb 38%,#e9eff5 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:0 18px 28px}.app-header{justify-content:space-between;align-items:center;height:76px;display:flex}.app-wordmark{color:var(--navy);align-items:center;gap:10px;font:800 17px Plus Jakarta Sans,sans-serif;display:flex}.brand-mark{width:30px;height:30px;color:var(--navy);background:var(--lime);border-radius:9px;place-items:center;font-weight:800;display:inline-grid}.demo-chip{color:#738096;letter-spacing:.08em;background:#ffffffbf;border:1px solid #d7e0ea;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.app-header-actions{align-items:center;gap:7px;display:flex}.sign-out-button{color:#6b7890;background:0 0;border:0;padding:6px 8px;font-size:10px;font-weight:700}.device-card,.actions-section{background:#ffffffeb;border:1px solid #d5e0ece6;border-radius:22px;box-shadow:0 16px 45px #132a4614}.device-card{padding:18px}.device-heading,.dialog-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-kicker{color:#8a96a9;letter-spacing:.14em;margin:0 0 4px;font-size:10px;font-weight:800}h1,h2,p{margin-top:0}.device-heading h1,.section-heading h2,.mode-dialog h2{color:var(--navy);letter-spacing:-.03em;margin:0;font:800 21px Plus Jakarta Sans,sans-serif}.online-pill{border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.online-pill.is-online{color:#147846;background:#e6f7ed}.online-pill.is-offline{color:#a43c39;background:#fdeceb}.status-dot{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);background:currentColor;border-radius:50%;display:inline-block}.preview-frame{background:#051426;border-radius:15px;margin-top:16px;padding:5px;box-shadow:0 10px 24px #071a3333}.display-canvas{aspect-ratio:16/9;color:#fff;background:linear-gradient(135deg,#06182f,#0b2d5c 62%,#06437e);width:100%;position:relative;overflow:hidden}.display-glow{filter:blur(2px);opacity:.35;border-radius:50%;position:absolute}.display-glow--one{aspect-ratio:1;background:#0b63f6;width:46%;top:-55%;right:-16%}.display-glow--two{aspect-ratio:1;opacity:.12;background:#b9f227;width:30%;bottom:-40%;left:-15%}.display-safe-area{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:5%}.display-brand{color:#fffc;letter-spacing:.08em;align-self:flex-start;align-items:center;gap:7px;font:700 clamp(7px,1.2vw,18px) Plus Jakarta Sans,sans-serif;display:flex}.display-brand .brand-mark{border-radius:28%;width:clamp(15px,2.2vw,34px);height:clamp(15px,2.2vw,34px);font-size:clamp(8px,1vw,15px)}.display-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:8% 0 6%}.display-icon{width:clamp(18px,3.2vw,54px);height:clamp(18px,3.2vw,54px);color:var(--lime);background:#b9f2271f;border-radius:50%;place-items:center;margin-bottom:.7%;font-size:clamp(11px,1.8vw,30px);display:grid}.display-eyebrow{color:var(--lime);letter-spacing:.16em;margin:0;font:800 clamp(7px,1.2vw,19px) Plus Jakarta Sans,sans-serif}.display-content h2{color:#fff;letter-spacing:-.045em;max-width:90%;margin:.5% 0 0;font:800 clamp(15px,3.4vw,58px)/1 Plus Jakarta Sans,sans-serif}.display-detail{color:var(--lime);letter-spacing:-.06em;margin:1.2% 0 0;font:800 clamp(20px,5.4vw,94px)/.95 Plus Jakarta Sans,sans-serif}.display-chinese{color:#ffffffdb;margin:1.4% 0 0;font-size:clamp(7px,1.35vw,22px);font-weight:600}.display-footer{color:#ffffff75;letter-spacing:.05em;margin:0;font-size:clamp(6px,.9vw,14px)}.display-canvas--normal .display-content h2{font-size:clamp(19px,4.2vw,72px)}.display-canvas--normal .display-detail,.display-canvas--custom .display-detail{letter-spacing:.02em;color:#ffffffd6;font-size:clamp(9px,1.8vw,30px)}.delivery-row{align-items:center;gap:11px;padding:15px 2px 2px;display:flex}.delivery-row strong,.delivery-row small{display:block}.delivery-row strong{color:var(--navy);font-size:12px}.delivery-row small{color:#8793a5;margin-top:2px;font-size:10px}.delivery-icon{border-radius:50%;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.delivery-icon--displayed{color:#147846;background:#e4f7ec}.delivery-icon--sending{color:var(--blue);background:#e9f1ff}.delivery-icon--offline{color:#a43c39;background:#fdeceb}.status-grid{border:1px solid var(--line);background:var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin:16px 0;padding:1px;display:grid;overflow:hidden}.status-grid div{background:#ffffffd6;padding:12px 9px}.status-grid span,.status-grid strong{display:block}.status-grid span{color:#8a96a9;font-size:9px}.status-grid strong{color:#263550;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.actions-section{padding:18px}.section-heading{align-items:end;margin-bottom:14px}.section-heading>span{color:#8a96a9;font-size:10px}.action-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.action-button{text-align:left;min-width:0;min-height:74px;color:var(--navy);background:#fbfcfe;border:1px solid #e1e8f0;border-radius:14px;grid-template-columns:36px minmax(0,1fr) 10px;align-items:center;gap:9px;padding:11px;transition:transform .15s,border-color .15s;display:grid}.action-button:hover{border-color:#b9c9dd;transform:translateY(-1px)}.action-icon{width:35px;height:35px;color:var(--blue);background:#edf4ff;border-radius:11px;place-items:center;font-weight:800;display:grid}.action-button strong,.action-button small,.resume-button strong,.resume-button small{text-overflow:ellipsis;display:block;overflow:hidden}.action-button strong{white-space:nowrap;font-size:11px}.action-button small{color:#8994a6;margin-top:3px;font-size:9px}.chevron{color:#9ca8b7;font-size:18px}.resume-button{text-align:left;color:#fff;background:linear-gradient(135deg,#0b63f6,#084dbf);border:0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:10px;padding:11px 14px;display:flex;box-shadow:0 9px 20px #0b63f63d}.resume-icon{width:32px;height:32px;color:var(--navy);background:var(--lime);border-radius:50%;place-items:center;font-size:11px;display:grid}.resume-button strong{font-size:12px}.resume-button small{color:#ffffffa6;margin-top:2px;font-size:9px}.app-footer{color:#8895a8;text-align:center;padding:20px 0 0;font-size:9px}.app-footer .status-dot{color:#48bd78;margin-right:5px}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030e1d9e;justify-content:center;align-items:end;padding:18px;display:flex;position:fixed;inset:0}.mode-dialog{background:#fff;border-radius:22px;width:min(100%,446px);padding:22px;box-shadow:0 30px 80px #030e1d47}.icon-button{color:#68758a;background:#eef2f7;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.field-label{color:#526078;justify-content:space-between;margin:18px 0 7px;font-size:12px;font-weight:700;display:flex}.field-label span{color:#9aa5b4;font-size:10px;font-weight:500}input,textarea{width:100%;color:var(--navy);background:#fbfcfe;border:1px solid #d7e0ea;border-radius:12px;outline:none;padding:12px 13px}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b63f61a}textarea{resize:vertical;min-height:84px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quick-button{color:#355172;background:#f6f9fc;border:1px solid #dce5ef;border-radius:11px;padding:11px 6px;font-size:12px;font-weight:700}.quick-button:focus{color:var(--blue);border-color:var(--blue);background:#edf4ff}.dialog-summary,.dialog-copy{color:#718096;margin:12px 0 0;font-size:12px}.dialog-copy{background:#f5f8fb;border-radius:12px;padding:16px}.form-error{color:#ae3535;margin:12px 0 0;font-size:12px}.form-notice{color:#147846;margin:12px 0 0;font-size:12px}.primary-button{color:#fff;background:var(--blue);border:0;border-radius:12px;width:100%;margin-top:20px;padding:14px;font-weight:800}.primary-button:disabled,.text-button:disabled{cursor:wait;opacity:.62}.text-button{width:100%;color:var(--blue);background:0 0;border:0;margin-top:13px;padding:8px;font-weight:700}.auth-shell{place-items:center;min-height:100vh;padding:24px 18px;display:grid}.auth-card{background:#fffffff0;border:1px solid #d5e0ece6;border-radius:24px;width:min(100%,420px);padding:30px;box-shadow:0 20px 60px #132a461a}.auth-brand{color:var(--navy);align-items:center;gap:10px;margin-bottom:30px;font:800 17px Plus Jakarta Sans,sans-serif;display:flex}.auth-card h1,.tv-pairing-card h1{color:var(--navy);letter-spacing:-.04em;margin:0;font:800 28px Plus Jakarta Sans,sans-serif}.auth-copy{color:var(--muted);margin:10px 0 24px;font-size:13px;line-height:1.6}.pairing-input{text-align:center;letter-spacing:.25em;font:800 30px Plus Jakarta Sans,sans-serif}.loading-bar{background:#e8edf4;border-radius:99px;height:4px;margin-top:24px;overflow:hidden}.loading-bar:after{content:"";border-radius:inherit;background:var(--blue);width:42%;height:100%;animation:1.2s ease-in-out infinite alternate loading-slide;display:block}@keyframes loading-slide{to{transform:translate(140%)}}.tv-pairing-page{color:#fff;background:radial-gradient(circle at 50% 0,#0d3971,#071a33 58%);place-items:center;width:100vw;min-height:100vh;padding:4vw;display:grid}.tv-pairing-card{text-align:center;background:#061931b3;border:1px solid #ffffff24;border-radius:32px;width:min(86vw,900px);padding:clamp(32px,5vw,72px);box-shadow:0 30px 90px #00000047}.tv-pairing-card .auth-brand{color:#fff;justify-content:center}.tv-pairing-card h1{color:#fff;font-size:clamp(30px,4vw,58px)}.tv-pairing-card>p:not(.section-kicker){color:#ffffffb3;margin:16px 0;font-size:clamp(15px,1.7vw,24px)}.tv-pairing-code{color:var(--lime);letter-spacing:.12em;margin:clamp(26px,4vw,54px) auto 18px;font:800 clamp(58px,11vw,150px)/1 Plus Jakarta Sans,sans-serif;display:block}.tv-pairing-card .tv-countdown{color:#ffffff7a}.tv-pairing-card .primary-button{width:min(100%,320px)}.tv-page{background:#071a33;width:100vw;height:100vh;overflow:hidden}.tv-page .display-canvas{aspect-ratio:auto;width:100vw;height:100vh}.management-shell{width:min(100%,720px);min-height:100vh;margin:0 auto;padding:28px 18px 48px}.management-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.management-header h1{color:var(--navy);letter-spacing:-.04em;margin:0;font:800 28px Plus Jakarta Sans,sans-serif}.management-back{color:var(--blue);flex:none;font-size:13px;font-weight:700;text-decoration:none}.management-card,.employee-card,.management-list{background:#fffffff0;border:1px solid #d5e0ece6;border-radius:20px;box-shadow:0 14px 40px #132a4612}.management-card,.management-list{padding:20px}.management-list{margin-top:16px}.management-card h2,.management-list h2{color:var(--navy);margin:0 0 14px;font:800 17px Plus Jakarta Sans,sans-serif}.display-checks{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:16px 0 0;padding:0;display:grid}.display-checks legend{color:#526078;width:100%;margin-bottom:7px;font-size:12px;font-weight:700}.display-check{color:#355172;background:#f8fafc;border:1px solid #dce5ef;border-radius:11px;align-items:center;gap:8px;min-width:0;padding:10px;font-size:12px;display:flex}.display-check input{flex:0 0 16px;width:16px;margin:0;padding:0}.display-check span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.employee-card{box-shadow:none;margin-top:10px;padding:16px}.employee-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.employee-heading strong,.employee-heading small{overflow-wrap:anywhere;min-width:0;display:block}.employee-heading strong{color:var(--navy);font-size:13px}.employee-heading small{color:var(--muted);margin-top:4px;font-size:11px}.member-status{color:#147846;background:#e7f6ed;border-radius:99px;flex:none;padding:5px 8px;font-size:10px;font-weight:700}.member-status--pending{color:#8a6200;background:#fff4d7}.member-status--suspended{color:#a43c39;background:#fdeceb}.display-checks--compact{margin-top:14px}.employee-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.employee-actions button{color:#355172;background:#f7f9fc;border:1px solid #d7e0ea;border-radius:9px;min-width:0;padding:9px 7px;font-size:10px;font-weight:700}.employee-actions .danger-button{color:#a43c39;background:#fff7f7;border-color:#f0d3d1}.employee-actions button:disabled{cursor:wait;opacity:.55}.management-empty{color:var(--muted);margin:0;font-size:12px}@media (width<=350px){.app-shell{padding-inline:12px}.device-card,.actions-section{border-radius:18px;padding:14px}.action-grid{grid-template-columns:1fr}.management-shell{padding-inline:12px}.management-card,.management-list{padding:14px}.display-checks,.employee-actions{grid-template-columns:1fr}}@media (width>=600px){.dialog-backdrop{align-items:center}}