.ui{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.22);border-radius:14px;box-shadow:0 24px 50px -10px #00000080;color:#fff;max-width:300px;padding:12px;position:relative;transition:transform .6s cubic-bezier(.16,1,.3,1);width:62%}.ui-bar{align-items:center;display:flex;gap:5px;margin-bottom:10px}.ui-bar i{background:#fff6;border-radius:50%;height:7px;width:7px}.ui-bar em{background:#ffffff26;border-radius:99px;flex:1;height:8px;margin-left:8px}.ui-kpis{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.ui-kpis b{background:#ffffff24;border-radius:8px;height:30px;position:relative}.ui-kpis b:after{background:#ffffffb3;border-radius:9px;bottom:8px;content:"";height:5px;left:8px;position:absolute;width:50%}.ui-bars{align-items:flex-end;display:flex;gap:6px;height:70px}.ui-bars span{background:linear-gradient(0deg,#ffffff59,#fff);border-radius:4px 4px 2px 2px;flex:1}.pos-grid{display:grid;gap:8px;grid-template-columns:1.3fr 1fr}.pos-items{display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.pos-items b{aspect-ratio:1;background:#ffffff29;border-radius:7px;position:relative}.pos-items b:after{background:#ffffff8c;border-radius:3px 3px 6px 6px;content:"";inset:22% 30% 30%;position:absolute}.pos-receipt{background:#ffffffe6;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:8px}.pos-receipt span{background:#cbd5e1;border-radius:9px;height:5px}.pos-receipt span.s{width:60%}.pos-total{display:grid;gap:5px;margin-top:auto}.pos-total em{background:#334155;border-radius:9px;height:7px;width:70%}.pos-total strong{background:#7c3aed;border-radius:6px;color:#fff;font-size:.6rem;padding:3px;text-align:center}.ui-page{display:grid;gap:7px;padding:8px 4px 4px}.ui-page span{background:#ffffffbf;border-radius:99px;height:9px}.ui-page .l1{background:#fff;height:13px;width:80%}.ui-page .l2{opacity:.55;width:95%}.ui-page .l3{opacity:.55;width:60%}.ui-btns{display:flex;gap:6px;margin-top:6px}.ui-btns b{background:#fff;border-radius:99px;height:18px;width:54px}.ui-btns b+b{background:transparent;border:1px solid hsla(0,0%,100%,.6)}.ui-badge{background:#fef9c3;border:4px solid #facc15;border-radius:50%;bottom:-14px;box-shadow:0 10px 24px #0000004d;color:#713f12;display:grid;font-weight:800;height:46px;place-items:center;position:absolute;right:-14px;width:46px}.ui-cv{padding:10px}.ui-scan{background:radial-gradient(ellipse at center,#3b3f52 0,#11131c 75%);border-radius:10px;height:140px;overflow:hidden;position:relative}.ui-lungs{display:flex;gap:14px;inset:18px 30px;justify-content:center;position:absolute}.ui-lungs i{background:radial-gradient(ellipse at 50% 40%,#ffffff59,#ffffff0f 70%);border-radius:45% 45% 40% 40%;flex:1}.ui-box{border:2px solid #fb7185;border-radius:4px;box-shadow:0 0 16px #fb718599;height:40px;position:absolute;right:22%;top:34px;width:46px}.ui-box small{background:#e11d48;border-radius:3px;color:#fff;font-size:.6rem;font-weight:800;left:-2px;padding:1px 5px;position:absolute;top:-18px;white-space:nowrap}.ui-line{animation:ui-scan 2.6s ease-in-out infinite;background:linear-gradient(90deg,transparent,#fda4af,transparent);box-shadow:0 0 12px #fb7185;height:2px;left:0;position:absolute;right:0}@keyframes ui-scan{0%,to{top:8%}50%{top:90%}}.otp-msg{align-items:center;background:#ffffff29;border-radius:12px 12px 12px 4px;display:flex;font-size:.65rem;font-weight:700;gap:8px;margin-bottom:10px;padding:8px 10px}.otp-msg i{background:#22c55e;border-radius:50%;flex-shrink:0;height:16px;width:16px}.otp-boxes{display:grid;gap:5px;grid-template-columns:repeat(6,1fr);margin-bottom:10px}.otp-boxes b{aspect-ratio:.85;background:#ffffffeb;border-radius:7px;color:#14532d;display:grid;font-size:.95rem;font-weight:800;place-items:center}.otp-btn{background:#22c55e;border-radius:8px;color:#fff;font-size:.7rem;font-weight:800;padding:6px;text-align:center}.ui-form{display:grid;gap:7px}.f-label{background:#fff9;border-radius:9px;height:6px;width:45%}.f-label.s{width:35%}.f-input{background:#ffffff2e;border:1px solid hsla(0,0%,100%,.3);border-radius:7px;height:20px}.f-stars{display:flex;font-size:1rem;gap:3px;line-height:1}.f-stars i{color:#ffffff4d;font-style:normal}.f-stars i.on{color:#fde047}.f-chart{display:grid;gap:4px;margin-top:2px}.f-chart b{background:linear-gradient(90deg,#fff,#fff6);border-radius:9px;height:7px}.ui-list{display:grid;gap:8px}.ui-list .row{align-items:center;background:#ffffff24;border-radius:10px;display:flex;gap:8px;padding:9px 10px}.ui-list .row i{background:#fff9;border-radius:50%;flex-shrink:0;height:16px;width:16px}.ui-list .row span{background:#fff9;border-radius:99px;flex:1;height:7px}.ui-list .row b{background:#d1fae5;border-radius:99px;color:#065f46;font-size:.6rem;font-weight:800;padding:2px 7px;white-space:nowrap}.ui-list .row.warn{background:#fbbf2438;border:1px solid rgba(251,191,36,.55)}.ui-list .row.warn b{background:#fef3c7;color:#92400e}@media(prefers-reduced-motion:reduce){.ui-line{animation:none;top:50%}.ui{transition:none}}