:root{--bg-deep: #0a0c34;--bg-mid: #15194a;--ink: #edf3ff;--muted: #adb8de;--line: rgba(141, 163, 255, .24);--line-strong: rgba(173, 193, 255, .2);--accent: #27dfc8;--accent-deep: #2ea7ff;--accent-soft: rgba(39, 223, 200, .2);--glass: rgba(22, 29, 82, .62);--glass-strong: rgba(29, 38, 96, .78);--glass-tint: rgba(21, 30, 88, .58);--danger: #ff8292;--ok: #4ce0b3;--shadow: 0 14px 46px rgba(4, 7, 30, .52), 0 2px 10px rgba(2, 4, 18, .4);--shadow-soft: 0 10px 34px rgba(4, 8, 34, .45);--radius: 22px;--radius-sm: 14px;--blur: 22px;--nav-h: 4.75rem;--ease: cubic-bezier(.22, 1, .36, 1);--font: "Manrope", "Noto Sans Myanmar", "Pyidaungsu", sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);font-size:15px;color:var(--ink);background-color:var(--bg-mid);background-image:radial-gradient(900px 520px at 8% -8%,rgba(39,223,200,.22),transparent 58%),radial-gradient(760px 480px at 96% 4%,rgba(46,167,255,.24),transparent 52%),radial-gradient(640px 420px at 50% 108%,rgba(39,223,200,.12),transparent 55%),linear-gradient(165deg,#171a4f 0%,var(--bg-mid) 42%,var(--bg-deep) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,rgba(167,233,255,.14),transparent 28%),radial-gradient(circle at 78% 18%,rgba(39,223,200,.1),transparent 22%);animation:ambientDrift 18s var(--ease) infinite alternate}@keyframes ambientDrift{0%{transform:translateZ(0) scale(1);opacity:.85}to{transform:translate3d(-1.5%,1.2%,0) scale(1.04);opacity:1}}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app{position:relative;z-index:1;min-height:100vh;max-width:640px;width:100%;margin:0 auto;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.page-transition{flex:1;display:flex;flex-direction:column;animation:pageIn .48s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@media (prefers-reduced-motion: reduce){body:before,.page-transition,.menu-card,.btn,.glass-surface{animation:none!important;transition:none!important}}.glass-surface,.login-card,.info-card,.empty-card,.detail-block,.menu-card,.record-card,.notif-card,.modal-card,.hero-card,.voucher-card,.rx-list li{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-soft);backdrop-filter:blur(var(--blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top,0px));border-bottom:1px solid rgba(123,149,255,.28);background:#10184aad;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);position:sticky;top:0;z-index:10;transition:background .3s var(--ease),box-shadow .3s var(--ease)}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:-.02em;color:var(--accent-deep);transition:transform .25s var(--ease)}.brand:active{transform:scale(.97)}.brand-mark{width:1.9rem;height:1.9rem;border-radius:10px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px #002d7214 inset,0 4px 12px #002d7229}.topbar-right{display:flex;align-items:center;gap:.45rem;min-width:0}.user-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:132px;padding:.18rem .55rem .18rem .18rem;border-radius:999px;background:#ffffff80;border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.78rem;font-weight:650;overflow:hidden;transition:transform .25s var(--ease),background .25s var(--ease)}.user-chip:hover{background:#ffffffb8}.user-chip:active{transform:scale(.97)}.user-avatar{width:1.45rem;height:1.45rem;border-radius:999px;display:grid;place-items:center;background:linear-gradient(160deg,var(--accent),var(--accent-deep));color:#fff;font-size:.7rem;flex-shrink:0;box-shadow:0 2px 10px #0a1f566b}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-text{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:.35rem .45rem;border-radius:10px;transition:color .2s var(--ease),background .2s var(--ease)}.btn-text:hover{color:var(--accent-deep);background:#ffffff1f}.page{padding:1.15rem 1rem 1.6rem;flex:1}.page.center{display:grid;place-items:center;min-height:40vh}.muted{color:var(--muted)}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:750;color:var(--accent)}h1{margin:0 0 .4rem;font-size:1.65rem;letter-spacing:-.035em;font-weight:800;color:var(--accent-deep)}h2.section-title{margin:1.5rem 0 .75rem;font-size:1.05rem;letter-spacing:-.02em;color:var(--accent-deep)}.lede{margin:0 0 1rem;color:var(--muted);line-height:1.5}.back{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:.85rem;color:var(--accent);font-weight:700;font-size:.9rem;padding:.25rem .55rem .25rem .35rem;margin-left:-.35rem;border-radius:999px;transition:background .25s var(--ease),transform .25s var(--ease)}.back:hover{background:#ffffff24}.back:active{transform:translate(-2px)}.login-page{display:grid;place-items:center;min-height:100vh;padding:1.35rem;animation:pageIn .55s var(--ease) both}.login-card{width:100%;max-width:420px;border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);padding:1.5rem 1.3rem 1.55rem;background:#141c51b8}.login-hero{margin-bottom:1.15rem;position:relative}.login-leaf{display:block;width:56px;height:56px;margin-bottom:.85rem;border-radius:14px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px #002d7214 inset,0 10px 24px #002d7224;animation:markFloat 4.5s var(--ease) infinite alternate}@keyframes markFloat{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-4px) rotate(-2deg)}}.login-tagline{margin-bottom:0}.login-hint{margin:1.05rem 0 0;font-size:.85rem;line-height:1.45}.form{display:grid;gap:.9rem}.form label{display:grid;gap:.4rem;font-weight:650;font-size:.88rem}.form input,.form select,.form textarea{width:100%;border:1px solid rgba(146,170,255,.28);border-radius:var(--radius-sm);padding:.78rem .9rem;background:#080f3673;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);box-shadow:0 1px #baccff2e inset;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:#27dfc8a6;background:#0e1644e0;box-shadow:0 0 0 4px #27dfc82e}.btn{border:0;border-radius:16px;padding:.85rem 1.05rem;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 40%),linear-gradient(180deg,var(--accent),var(--accent-deep));color:#fff;font-weight:750;letter-spacing:-.01em;cursor:pointer;box-shadow:0 0 0 1px #c1e4ff29 inset,0 10px 24px #04144c75;transition:transform .25s var(--ease),box-shadow .25s var(--ease),filter .25s var(--ease)}.btn:hover{filter:brightness(1.04);box-shadow:0 0 0 1px #cce8ff38 inset,0 14px 28px #04144c85}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.btn-secondary{background:#121a4cc2;color:var(--accent-deep);box-shadow:none;border:1px solid rgba(142,164,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-secondary:hover{background:#1b255feb;filter:none}.alert{padding:.75rem .9rem;border-radius:var(--radius-sm);margin-bottom:.9rem;font-size:.9rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:pageIn .35s var(--ease) both}.alert-err{background:#68153073;color:var(--danger);border:1px solid rgba(255,134,157,.45)}.alert-ok{background:#0a515480;color:var(--ok);border:1px solid rgba(76,224,179,.46)}.hero-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 42%),linear-gradient(135deg,#27dfc8d6,#144ad6f0);color:#fff;border-radius:calc(var(--radius) + 4px);padding:1.35rem 1.2rem;margin-bottom:1.1rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.28)}.hero-card:after{content:"";position:absolute;width:160px;height:160px;right:-36px;top:-48px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 68%);pointer-events:none}.hero-card .eyebrow,.hero-card h1,.hero-card .lede{color:#fff;position:relative;z-index:1}.hero-card .lede{opacity:.9;margin-bottom:0}.menu-grid{display:grid;gap:.8rem}.profile-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0 0 1.25rem}.profile-fold{margin-bottom:.75rem;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-soft);backdrop-filter:blur(var(--blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);overflow:hidden}.profile-fold-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.95rem 1rem;border:0;background:transparent;cursor:pointer;text-align:left;transition:background .25s var(--ease)}.profile-fold-toggle:hover{background:#ffffff73}.profile-fold-heading{display:grid;gap:.15rem}.profile-fold-heading strong{color:var(--accent-deep);font-size:1.02rem;letter-spacing:-.02em}.profile-fold-heading .muted{font-size:.82rem}.profile-fold-chevron{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:999px;display:grid;place-items:center;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);color:var(--accent-deep);font-size:1.1rem;font-weight:700;line-height:1}.profile-fold.is-open .profile-fold-chevron{background:#27dfc838}.profile-fold-body{padding:0 1rem 1rem;border-top:1px solid var(--line-strong);animation:pageIn .35s var(--ease) both}.profile-fold-body .form{margin-top:.85rem}.menu-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.85rem;row-gap:.12rem;align-items:center;padding:1rem 1.05rem;border-radius:var(--radius);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}.menu-card:hover{transform:translateY(-2px);background:#1a245ee0;box-shadow:0 14px 34px #050b2980}.menu-card:active{transform:scale(.985)}.menu-card .menu-icon{position:relative;grid-row:1 / span 2;width:2.6rem;height:2.6rem;border-radius:15px;display:grid;place-items:center;font-size:1.2rem;background:linear-gradient(160deg,#2c4098ad,#151f57db);border:1px solid rgba(152,176,255,.24);box-shadow:0 4px 14px #040a2880}.menu-card strong{color:var(--accent-deep);letter-spacing:-.015em;font-size:1.02rem}.menu-card .muted{grid-column:2;font-size:.86rem}.info-card,.empty-card,.detail-block{border-radius:var(--radius);padding:.95rem 1.05rem;margin-bottom:1rem;overflow:hidden}.info-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line-strong);font-size:.92rem}.info-row:last-child{border-bottom:0}.info-row span{color:var(--muted)}.info-row strong{text-align:right;overflow-wrap:anywhere;word-break:break-word;max-width:65%}.record-list,.notif-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.record-card,.notif-card{display:block;border-radius:var(--radius);padding:1rem 1.05rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}a.record-card:hover,.notif-card:hover{transform:translateY(-2px);background:#1a245ee0;box-shadow:0 14px 34px #050b2980}.record-card-top{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.35rem}.booking-time{color:var(--accent-deep);font-weight:800}.booking-time-row{margin-top:.45rem;padding-top:.45rem;border-top:1px solid var(--line-strong);border-bottom:0}.record-meta{display:flex;gap:.75rem;color:var(--muted);font-size:.85rem}.record-diag{margin:.55rem 0 0;color:var(--ink);font-size:.92rem;line-height:1.45}.badge{display:inline-block;padding:.22rem .6rem;border-radius:999px;font-size:.7rem;font-weight:750;background:var(--accent-soft);color:var(--accent-deep);border:1px solid rgba(39,223,200,.28)}.stage-finished{background:#27dfc838;color:#71f0df}.stage-booked{background:#dbeafecc;color:#1d4ed8}.stage-cancelled{background:#fee2e2d9;color:#b42318}.stage-new{background:#f8fafcd9;color:#475467}.pager{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.detail-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.detail-block h3{margin:0 0 .45rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.detail-body{white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.rx-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.rx-list li{padding:.7rem .8rem;border-radius:var(--radius-sm)}.rx-list p{margin:.25rem 0 0;font-size:.9rem}.queue-token{margin:.25rem 0 0;font-weight:750;color:#2de5ce}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:.35rem;max-width:100%}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem}.data-table--vitals{min-width:34rem}.data-table--labs{min-width:28rem}.data-table th,.data-table td{padding:.55rem .5rem;border-bottom:1px solid var(--line-strong);text-align:left;vertical-align:middle;white-space:nowrap}.data-table .col-date{min-width:5.75rem}.data-table .col-wrap{white-space:normal;word-break:break-word;min-width:5.5rem;max-width:10rem}.data-table th{color:var(--accent-deep);font-weight:750}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 640px){.data-table .col-date{position:sticky;left:0;z-index:1;background:#10184af5;box-shadow:2px 0 6px #0f172a0f}.data-table thead .col-date{z-index:2}}.voucher-card{margin-top:.75rem;padding:.75rem .8rem;border-radius:var(--radius-sm)}.voucher-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.bill-card{background:linear-gradient(180deg,#1c2762d1,#111848c7);border-color:#27dfc857}.bill-rows .info-row{font-size:.9rem}.bill-total{margin-top:.25rem;padding-top:.55rem;border-top:2px solid var(--accent)!important;border-bottom:0!important}.bill-total strong{color:var(--accent-deep);font-size:1.05rem}.record-total{margin-left:auto;font-weight:750;color:var(--accent-deep)}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(.55rem + env(safe-area-inset-bottom,0px));width:calc(100% - 1.2rem);max-width:600px;display:grid;grid-template-columns:repeat(5,1fr);gap:.15rem;padding:.35rem;border-radius:24px;background:#11194ccc;border:1px solid rgba(131,156,255,.28);box-shadow:0 16px 40px #0408229e,0 2px 8px #02041270;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);z-index:20}.bottom-nav a{position:relative;text-align:center;padding:.7rem .1rem;font-size:.68rem;font-weight:700;letter-spacing:-.01em;color:var(--muted);border-radius:18px;transition:color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}.bottom-nav a:active{transform:scale(.96)}.bottom-nav a.active{color:var(--accent-deep);background:#212e72eb;box-shadow:0 4px 14px #030a2c99}.topbar-bell{position:relative;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:999px;background:#1f2966d9;border:1px solid rgba(143,167,255,.28);font-size:.95rem;flex-shrink:0;transition:transform .25s var(--ease),background .25s var(--ease)}.topbar-bell:hover{background:#2f3b84eb}.topbar-bell:active{transform:scale(.94)}.notif-date{margin:0 0 .35rem;font-size:.76rem;color:var(--muted)}.notif-title{margin:0 0 .45rem;font-size:1.05rem;color:var(--accent-deep);letter-spacing:-.02em;font-weight:750}.notif-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.55;color:var(--ink)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#10241b47;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:1rem;animation:fadeIn .28s var(--ease) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:420px;border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:1.2rem 1.15rem 1.25rem;background:#ffffffc7;animation:pageIn .4s var(--ease) both}.modal-card h2{margin:0 0 .35rem;font-size:1.2rem;letter-spacing:-.02em;color:var(--accent-deep)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.notif-badge{position:absolute;top:-.28rem;right:-.28rem;min-width:1.05rem;height:1.05rem;padding:0 .28rem;border-radius:999px;background:#e53935;color:#fff;font-size:.62rem;font-weight:800;line-height:1.05rem;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none}.topbar-bell .notif-badge{top:-.15rem;right:-.15rem}.bottom-nav a .notif-badge{top:.18rem;right:calc(50% - 1.35rem);min-width:.95rem;height:.95rem;line-height:.95rem;font-size:.58rem}.form input:disabled,.form input[readonly]{background:#10241b0d;color:var(--muted);cursor:not-allowed}.hours-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.hours-card{padding:1rem 1.05rem;border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--line)}.hours-date-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.hours-date{margin:0;font-size:1.35rem;font-weight:750;letter-spacing:-.02em;color:var(--accent-deep);line-height:1.2}.hours-day{margin:0;flex-shrink:0;text-align:right;font-size:1.05rem;font-weight:700;color:var(--ink);font-family:"Noto Sans Myanmar","Pyidaungsu",var(--font)}.hours-time{margin:0 0 .35rem;font-size:1.15rem;color:var(--accent-deep);letter-spacing:-.02em;font-weight:750}.hours-desc{margin:0 0 .25rem;font-weight:650}.hours-remark{margin:0;color:var(--muted);white-space:pre-wrap;font-size:.9rem}.edu-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.edu-card{display:grid;grid-template-columns:5.4rem 1fr;gap:.85rem;align-items:center;padding:.85rem;border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--line)}.edu-thumb{width:5.4rem;height:5.4rem;object-fit:cover;border-radius:16px;background:#10241b0f}.edu-thumb-empty{display:grid;place-items:center;font-size:1.6rem}.edu-card-body strong{display:block;color:var(--accent-deep);margin-bottom:.2rem}.edu-date{margin:0 0 .25rem;font-size:.78rem;color:var(--muted)}.edu-photo{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius);margin:.65rem 0 1rem;background:#10241b0f}.edu-body{white-space:pre-wrap;line-height:1.55;margin:0}