.device{margin:0;width:320px;flex:none}.device figcaption{text-align:center;font-size:.9rem;color:var(--muted-foreground);margin-top:10px}.a-screen{zoom:.82;width:390px;height:800px;border:12px solid #0f1b3a;border-radius:52px;overflow:hidden;background:#F8FAFC;color:#0F172A;position:relative;display:flex;flex-direction:column;font:400 16px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,Segoe UI,sans-serif;box-shadow:0 20px 40px rgba(15,27,58,.18)}.a-screen svg{display:inline-block;font-size:1.05em;vertical-align:-.15em}.a-head{background:linear-gradient(135deg,#FF8447,#C43F0B);color:#fff;padding:0 16px 60px;border-radius:0 0 10px 10px;flex:none}.a-status{display:flex;justify-content:space-between;align-items:center;height:50px;font-weight:600;font-size:15px;padding:0 12px}.a-island{width:110px;height:30px;background:#000;border-radius:20px}.a-sig{display:flex;gap:4px;font-size:15px}.a-title{display:flex;align-items:center;gap:12px;padding-top:6px}.a-title>div{flex:1;min-width:0}.a-title strong{display:block;font-size:22px;font-weight:600}.a-title small{display:block;font-size:14px;color:rgba(255,255,255,.85)}.a-greet{color:rgba(255,255,255,.8)!important}.a-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22C55E;margin-right:6px}.a-actions{display:flex;gap:8px}.a-round{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:20px;flex:none}.a-add{width:40px;height:40px;border-radius:12px;background:#fff;color:#FF6B2C;display:grid;place-items:center;font-size:24px}.a-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px;margin-top:-44px;position:relative;z-index:1;flex:none}.a-stat{background:#fff;border-radius:16px;padding:10px 6px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.08)}.a-stat b{display:block;font-size:16px;font-weight:700;margin-top:4px}.a-stat small{font-size:13px;color:#64748B}.a-ibox{width:32px;height:32px;border-radius:12px;display:inline-grid;place-items:center;font-size:18px}.a-inline{grid-column:1/-1;background:#fff;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.08);display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0}.a-inline>div{text-align:center;font-size:20px}.a-inline>div+div{border-left:1px solid #e2e8f0}.a-inline b{display:block;font-size:16px}.a-inline small{font-size:13px;color:#64748B}.a-body{flex:1;overflow:hidden;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.a-card{background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 4px rgba(0,0,0,.08);font-size:15px}.a-card.a-flat{box-shadow:none;border:1px solid #e2e8f0;padding:12px}.a-card.a-left{border-left:4px solid}.a-card b{font-weight:600}.a-row,.a-row-between{display:flex;align-items:center;gap:10px}.a-row-between{justify-content:space-between}.a-grow{flex:1;min-width:0}.a-grow>*,.a-mut{display:block}.a-mut{color:#64748B;font-size:14px}.a-big{display:block;font-size:22px;font-weight:700}.a-link{display:block;color:#FF6B2C;font-size:14px;margin-top:6px}.a-caps{color:#64748B;letter-spacing:.06em;text-transform:uppercase}.a-badge,.a-caps{font-size:12px;font-weight:600}.a-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;white-space:nowrap}.a-ring{--p:80;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;background:radial-gradient(closest-side,#fff 78%,transparent 80%),conic-gradient(#16A34A calc(var(--p) * 1%),#E2E8F0 0)}.a-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;margin-top:10px;text-align:center;font-size:13px;color:#0F172A}.a-quick i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin:0 auto 4px;font-size:22px;font-style:normal}.a-chips{display:flex;gap:8px;overflow:hidden;flex:none}.a-chips span{flex:none;padding:6px 12px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;font-size:14px}.a-chips span.on{background:#FF6B2C;border-color:#FF6B2C;color:#fff}.a-chips i{font-style:normal;margin-left:6px;padding:0 6px;border-radius:999px;background:#F1F5F9;font-size:12px}.a-chips span.on i{background:rgba(255,255,255,.2)}.a-pill-btn{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;white-space:nowrap}.a-due{display:flex;gap:10px;align-items:flex-start}.a-check{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:5px;flex:none;margin-top:2px}.a-reddot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#EF4444;vertical-align:2px}.a-right{text-align:right;display:grid;gap:6px;justify-items:end}.a-sq{width:30px;height:30px;border:1px solid #e2e8f0;border-radius:8px;display:grid;place-items:center;color:#64748B}.a-collect{background:#FF6B2C;color:#fff;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600}.a-roomno{position:relative;width:50px;height:50px;border-radius:12px;background:rgba(255,107,44,.1);color:#FF6B2C;font-weight:700;display:grid;place-items:center;flex:none}.a-roomno i{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.a-grey{font-size:12px;font-weight:500;background:#F1F5F9;color:#64748B;padding:2px 8px;border-radius:999px}.a-amen{display:flex;gap:4px;color:#FF6B2C;font-size:14px}.a-amen svg{background:rgba(255,107,44,.1);border-radius:6px;padding:3px}.a-beds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.a-bed{min-height:80px;border-radius:10px;border:1px solid #e2e8f0;background:#F1F5F9;padding:8px 10px;display:grid;gap:2px;font-size:13px}.a-bed b{font-size:14px}.a-bed small{color:#64748B;font-size:12px}.a-bed.vac{background:rgba(22,163,74,.08);border-color:#16A34A}.a-bed.vac,.a-bed.vac small{color:#16A34A}.a-av{background:linear-gradient(135deg,#FF8447,#C43F0B);color:#fff;place-items:center;font-weight:600;flex:none}.a-av,.a-callbtn{border-radius:50%;display:grid}.a-callbtn{width:44px;height:44px;background:rgba(22,163,74,.12);color:#16A34A;place-items:center;font-size:20px}.a-sec{display:flex!important;align-items:center;gap:8px;margin-bottom:8px}.a-kv{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.a-kv span{color:#64748B}.a-actbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px 26px;background:#fff;border-top:1px solid #e2e8f0;flex:none}.a-actbar span{display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:12px;font-weight:600;font-size:15px}.a-desc{margin:8px 0;color:#0F172A;font-size:14px}.a-bar{height:4px;border-radius:4px;background:#F1F5F9;margin:6px 0;overflow:hidden}.a-bar i{display:block;height:100%;background:#16A34A}.a-utabs{display:flex;gap:20px;border-bottom:1px solid #e2e8f0;font-size:15px;flex:none}.a-utabs span{padding:8px 0;color:#64748B}.a-utabs span.on{color:#FF6B2C;border-bottom:2px solid #ff6b2c;font-weight:600}.a-meals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.a-meals div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 6px;text-align:center;font-size:22px}.a-meals b{display:block;font-size:22px}.a-meals small{font-size:12px;color:#64748B}.a-switches{display:flex;gap:14px;margin-top:8px;font-size:13px;color:#64748B}.a-switches span{display:flex;align-items:center;gap:6px}.a-switches i{width:34px;height:20px;border-radius:999px;background:#E2E8F0;position:relative}.a-switches i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff}.a-switches i.on{background:#FF6B2C}.a-switches i.on:after{left:16px}.a-tabs{display:grid;grid-template-columns:repeat(4,1fr);height:74px;padding-bottom:12px;background:#fff;border-top:1px solid #e2e8f0;flex:none;box-shadow:0 -2px 6px rgba(0,0,0,.04)}.a-tabs span{display:grid;place-items:center;align-content:center;gap:2px;font-size:12px;font-weight:500;color:#64748B}.a-tabs span svg{font-size:24px}.a-tabs span.on{color:#FF6B2C}.device.wa .a-screen{background:#EFE7DE}.w-head{background:#075E54;color:#fff;padding:0 12px 10px;flex:none}.w-title{display:flex;align-items:center;gap:10px;font-size:20px}.w-title b{display:block;font-size:16px}.w-title small{font-size:12px;opacity:.8}.w-av{width:36px;height:36px;border-radius:50%;background:#FF6B2C;display:grid;place-items:center;font-weight:700;font-size:16px}.w-body{padding:14px 12px;display:grid;gap:10px;align-content:start;flex:1}.w-msg{background:#fff;border-radius:0 10px 10px 10px;padding:8px 10px 6px;font-size:14.5px;max-width:88%;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08)}.w-time{display:block;text-align:right;font-size:11px;color:#667781;margin-top:2px}.w-btn{display:flex;justify-content:center;gap:6px;border-top:1px solid #e9edef;margin:6px -10px -6px;padding:9px;color:#00A5F4;font-weight:500}.w-doc{display:flex;gap:8px;align-items:center;background:#F0F2F5;border-radius:8px;padding:8px;margin-top:6px;font-size:13px}@media (max-width:420px){.device{width:290px}.a-screen{zoom:.74}}.a-head.a-head-plain{padding-bottom:18px}.a-meals small{display:block;line-height:1.3}.w-input{padding:8px 10px 26px;flex:none}.w-input,.w-input span{display:flex;gap:8px;align-items:center}.w-input span{flex:1;background:#fff;border-radius:22px;padding:10px 14px;color:#8696A0}.w-input i{width:44px;height:44px;border-radius:50%;background:#00A884;color:#fff;display:grid;place-items:center;font-size:20px;font-style:normal}@media (max-width:900px){.device{width:100%;max-width:380px;margin:0 auto}.device .a-screen{zoom:.86;width:100%;height:330px;border:1px solid var(--border);border-radius:22px;box-shadow:0 8px 24px rgba(15,27,58,.12)}.device .a-actbar,.device .a-status,.device .a-tabs,.device .w-input{display:none}.device .a-head{padding-top:14px}.device .w-head{padding-top:10px}.device .a-body,.device .w-body{-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.device figcaption{margin-top:6px}}