@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;700&display=swap";:root{--bg-0: #0c100a;--bg-1: #11170d;--bg-2: #191e16;--surface: rgba(25, 30, 22, .96);--surface-strong: rgba(25, 30, 22, .98);--surface-soft: rgba(31, 38, 27, .9);--line: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .1);--text-strong: #f3f4f8;--text: #d2d4dc;--text-muted: #9499a6;--olive: #6b8e23;--olive-strong: #82a83a;--deep-olive: #43601f;--moss: #527a26;--danger: #f87171;--header-offset: calc(env(safe-area-inset-top, 0px) + 8px) }html,body,#root{background:var(--bg-0)}body{color:var(--text-strong);background:var(--bg-0)}.page{background:var(--bg-0);color:var(--text-strong)}.overview-heading h2,.home-list-heading h2,.settings-view h2{color:var(--text-strong)}.overview-heading span,.home-list-heading p,.location-picker-heading p,.location-detail-header p{color:var(--text-muted)}.overview-card strong{color:var(--text-strong)}.overview-card-title:before{display:inline-block;margin-right:5px;font-size:.9em}.overview-card.danger .overview-card-title:before{content:"△"}.overview-card.orange .overview-card-title:before{content:"▣"}.overview-card.yellow .overview-card-title:before{content:"▤"}.overview-card.safe .overview-card-title:before{content:"☷"}.search-panel{min-height:50px;background:var(--surface);box-shadow:0 0 0 1.2px #6b8e2366,0 0 7px #527a2638,0 0 14px #43601f29}.search-panel input::placeholder{color:#949b8e}.location-picker-heading h2,.location-detail-header h2{color:var(--text-strong)}.location-order-trigger{width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:999px;color:var(--olive);background:#6b8e231a;font-size:1.2rem}.location-card-title{color:var(--text-strong)}.location-card-sub,.location-card-count,.stock-sub,.stock-sub.small{color:var(--text-muted)}.stock-list{gap:12px}.stock-risk-dot{position:relative;display:grid;place-items:center;width:43px;height:48px;border-radius:13px;background:color-mix(in srgb,currentColor 10%,transparent);border:1px solid color-mix(in srgb,currentColor 34%,transparent);opacity:1}.stock-name-row{display:flex;align-items:center;gap:8px;padding-right:0}.stock-name-row strong{flex:1 1 100%;color:var(--text-strong);font-size:15px;font-weight:800}.stock-qty{position:static;right:auto;top:auto;display:inline-flex;width:fit-content;margin-top:2px;color:var(--deep-olive);background:#6b8e231f;border-color:#6b8e232e;font-size:12px}.new-badge{color:#fff;background:var(--olive);border:0}.stock-risk-summary .risk-label-yellow{color:#3f3000}.stock-swipe-content.transfer-pressing{background:var(--surface);box-shadow:0 0 0 2px #6b8e238c,0 6px 12px #6b8e2329}.swipeable{background:var(--bg-0)}.swipe-btn{box-shadow:0 5px 8px #00000024}.auth-brand{gap:8px;margin-bottom:20px}.auth-subtitle{color:var(--text-muted)}.field-hint,.signup-hint p,.link{color:var(--text-muted)}.signup-hint{border:0;background:#767d701a}.btn{border-color:var(--line);background:#767d701a;color:var(--text-strong);border-radius:12px}.btn.danger{border-color:transparent;background:#cc2c2c1f;color:#b42323}.btn.danger{background:#cc2c2c1a;color:#b42323}.bottom-navigation{min-height:calc(env(safe-area-inset-bottom,0px) + 106px);padding:8px 10px calc(env(safe-area-inset-bottom,0px) + 44px);background:#fcfbf7d1;border-color:var(--line);box-shadow:0 -8px 24px #1c1f190f}.app-icon{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hospital-mark-icon,.hospital-mark-fill{fill:currentColor;stroke:none}.hospital-mark-cutout{fill:var(--hospital-mark-cutout, var(--surface));stroke:none}.ios-icon-btn .app-icon{width:24px;height:24px}.overview-card-title{display:inline-flex;align-items:center;justify-content:center;gap:5px}.overview-card-title:before{content:none!important}.overview-card-title .app-icon{width:13px;height:13px}.search-symbol{display:grid;place-items:center}.search-symbol .app-icon{width:16px;height:16px}.location-order-trigger .app-icon,.settings-icon .app-icon,.settings-chevron .app-icon,.exchange-hero-icon .app-icon,.exchange-section-icon .app-icon{width:1em;height:1em}.stock-risk-dot:before{content:none!important}.stock-risk-icon{width:21px;height:21px}.stock-item.static{touch-action:auto}.stock-swipe-content.static{transform:none;cursor:default}.exchange-reminder-row{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);touch-action:pan-y}.exchange-reminder-actions{position:absolute;inset:0 0 0 auto;width:108px;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.exchange-hide-btn{width:92px;height:58px;display:grid;place-items:center;gap:4px;border:0;border-radius:17px;background:linear-gradient(135deg,#6b8e23eb,#6b8e23b8);box-shadow:0 5px 7px #6b8e2329;color:#fff;cursor:pointer}.exchange-hide-btn .app-icon{width:17px;height:17px}.exchange-hide-btn span{max-width:80px;color:inherit;font-size:10px;font-weight:850;line-height:1.1}.exchange-reminder-swipe-content{position:relative;z-index:1;border-radius:18px;background:var(--surface);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.exchange-reminder-row.dragging .exchange-reminder-swipe-content{transition:none}.exchange-reminder-row-content{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:104px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}.exchange-reminder-icon{width:46px;height:52px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,currentColor 10%,transparent)}.exchange-reminder-summary{display:grid;justify-items:center;gap:7px;min-width:78px}.exchange-reminder-summary span{border-radius:999px;color:#fff;font-size:.66rem;font-weight:850;line-height:1;padding:5px 9px;white-space:nowrap}.exchange-reminder-summary strong{color:var(--text-strong);font-size:14px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.daily-alert-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#0000004d;overscroll-behavior:contain}.daily-alert-card{width:min(430px,100%);max-height:min(82dvh,760px);display:grid;gap:16px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px;border:1px solid var(--line);border-radius:28px;background:#ffffffeb;box-shadow:0 14px 24px #0000002e;color:var(--text-strong)}.daily-alert-title-row{display:flex;align-items:flex-start;gap:12px}.daily-alert-icon{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:999px}.daily-alert-icon .app-icon{width:22px;height:22px}.daily-alert-icon.danger{color:#cc2c2c;background:#cc2c2c24}.daily-alert-icon.olive{color:var(--olive);background:#6b8e2324}.daily-alert-card h3{margin:0;color:var(--text-strong);font-size:22px;font-weight:900;line-height:1.18}.daily-alert-card p{margin:4px 0 0;color:var(--text-muted);font-size:.92rem}.daily-alert-summary{display:grid;gap:8px;padding:12px;border-radius:16px;font-weight:800}.daily-alert-summary span{display:inline-flex;align-items:center;gap:8px}.daily-alert-summary .app-icon{width:16px;height:16px}.daily-alert-summary.danger{color:#cc2c2c;background:#cc2c2c1a}.daily-alert-summary.olive{color:var(--deep-olive);background:#6b8e231a}.daily-alert-list-wrap{display:grid;gap:6px}.daily-alert-list-wrap>strong{color:var(--text-muted);font-size:.76rem;font-weight:850}.daily-alert-list{display:grid;gap:8px;max-height:min(40dvh,360px);overflow:auto;padding:2px 0}.daily-alert-list.compact{max-height:min(32dvh,280px)}.daily-alert-list-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:8px}.daily-alert-list-row>span{color:#cc2c2c;font-size:.78rem;font-weight:900}.daily-alert-list-row strong{display:block;color:var(--text-strong);font-size:.78rem;font-weight:800;line-height:1.25}.daily-alert-list-row small{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--deep-olive);font-size:.7rem;font-weight:760}.daily-alert-list-row small .app-icon{width:12px;height:12px}.daily-alert-list-row em{min-width:58px;color:#cc2c2c;font-size:.78rem;font-style:normal;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.daily-alert-ok{width:100%;min-height:44px}.exchange-summary-card span{display:inline-flex;align-items:center;justify-content:center;gap:6px}.exchange-summary-card .app-icon{width:17px;height:17px}.settings-icon,.settings-chevron{display:grid;place-items:center}.settings-chevron .app-icon{width:16px;height:16px}.settings-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.settings-actions .btn .app-icon{width:16px;height:16px}.bottom-navigation button span{display:grid;place-items:center}.bottom-navigation button span .app-icon{width:21px;height:21px}.bottom-navigation .bottom-add span .app-icon{width:28px;height:28px}input[type=date]{color-scheme:light}.manual-backdrop{display:flex;justify-content:center;align-items:flex-end;padding:0;overflow:hidden}.manual-guide-modal{width:min(430px,100%);height:calc(100dvh - 64px);max-height:none;margin:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0;padding:10px 14px calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--surface);box-shadow:0 -18px 42px #1c1f1938}.manual-sheet-handle{width:44px;height:5px;margin:0 auto 8px;border-radius:999px;background:#767d705c}.manual-close{border:0;background:transparent;color:var(--olive);font:inherit;font-weight:760;padding:6px 2px 10px}.manual-hero-card{position:relative;overflow:hidden;display:grid;gap:14px;padding:20px;border-radius:28px;background:linear-gradient(135deg,var(--moss),var(--deep-olive));color:#fff;box-shadow:0 10px 18px #43601f29}.manual-hero-card:after{content:"";position:absolute;right:-52px;bottom:-54px;width:140px;height:140px;border-radius:999px;background:#ffffff1a}.manual-hero-heading{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.manual-hero-icon{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border-radius:22px;background:#ffffff29;box-shadow:inset 0 0 0 1.2px #ffffff9e;font-size:30px}.manual-hero-card h3{margin:0;color:#fff!important;font-size:28px;font-weight:900;line-height:1.08;white-space:nowrap}.manual-hero-card p{position:relative;z-index:1;margin:0;color:#ffffffdb!important;font-size:.93rem;font-weight:600;line-height:1.42}.manual-section-card{display:grid;gap:14px;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:26px;background:var(--surface)}.manual-section-heading{display:flex;align-items:flex-start;gap:12px}.manual-section-heading>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:999px;background:#6b8e231f;color:var(--olive)}.manual-section-heading h4,.manual-step-row h5{margin:0;color:var(--text-strong);font-weight:900;line-height:1.2}.manual-section-heading p,.manual-step-row p{margin:3px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.35}.manual-step-list{display:grid;gap:10px}.manual-step-row{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:18px;background:var(--surface-soft)}.manual-step-row>strong{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:999px;background:var(--olive);color:#fff;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.manual-risk-list{display:grid;gap:9px}.manual-risk-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px;border-radius:18px;font-weight:850}.manual-risk-row span{padding:4px 9px;border-radius:999px;font-size:.76rem}.manual-risk-row.danger{color:#cc2c2c;background:#ffeceb}.manual-risk-row.orange{color:#e07220;background:#fff0dd}.manual-risk-row.yellow{color:#b79300;background:#fffde8}.manual-risk-row.safe{color:var(--deep-olive);background:#f0f7e8}.manual-risk-row span{background:#ffffff94}.settings-card{display:block;width:100%;padding:0;border-radius:24px;text-align:left}.settings-row{min-height:64px}.settings-divider{height:1px;margin-left:56px;background:var(--line)}.settings-switch{width:42px;height:24px;margin-left:auto;border-radius:999px;background:#d1d5d0;position:relative;flex:0 0 42px}.settings-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0000002e}.settings-guide-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer}.settings-guide-card strong{display:block;color:var(--text-strong)}.settings-guide-card p{margin:2px 0 0;color:var(--text-muted);font-size:.82rem}.settings-chevron{margin-left:auto;color:var(--text-muted);font-size:1.35rem}.settings-actions{border-radius:24px}.settings-actions .btn{min-height:40px;font-weight:760}.settings-actions .btn.danger{background:#6b8e2329;border-color:transparent;color:var(--olive)}.exchange-view{display:grid;gap:18px;margin-top:calc(env(safe-area-inset-top,0px) + 22px);padding-bottom:22px}.exchange-hero-card{position:relative;overflow:hidden;border-radius:28px;padding:20px;background:linear-gradient(135deg,var(--moss),var(--deep-olive));color:#fff;box-shadow:0 10px 18px #43601f29}.exchange-hero-card:after{content:"";position:absolute;right:-52px;bottom:-54px;width:140px;height:140px;border-radius:999px;background:#ffffff1a}.exchange-hero-heading{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}.exchange-hero-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:22px;background:#ffffff29;box-shadow:inset 0 0 0 1.2px #ffffff9e;font-size:1.9rem;font-weight:900}.exchange-hero-card h2{margin:0;color:#fff;font-size:30px;font-weight:900;line-height:1.08}.exchange-hero-card p{position:relative;z-index:1;margin:5px 0 0;color:#ffffffdb;font-size:.93rem;font-weight:600;line-height:1.42}.exchange-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.exchange-summary-card{min-height:124px;display:grid;justify-items:center;align-content:center;gap:9px;border-radius:24px;padding:16px 10px;border:1px solid transparent}.exchange-summary-card.olive{color:var(--olive);background:#6b8e231a;border-color:#6b8e232e}.exchange-summary-card.orange{color:#e07220;background:#e072201a;border-color:#e072202e}.exchange-summary-card span{font-size:.78rem;font-weight:850;text-align:center}.exchange-summary-card strong{font-size:38px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.exchange-summary-card p{margin:0;font-size:.78rem;font-weight:760}.exchange-section{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:26px;background:var(--surface)}.exchange-section-heading{display:flex;align-items:flex-start;gap:12px}.exchange-section-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:999px;background:#6b8e231f;color:var(--olive);font-weight:900}.exchange-section-heading.orange .exchange-section-icon{background:#e072201f;color:#e07220}.exchange-section h3{margin:0;color:var(--text-strong);font-size:1rem;font-weight:900;line-height:1.2}.exchange-section p{margin:3px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.35}.bottom-navigation .bottom-add{color:var(--text-strong)}.bottom-navigation .bottom-add span{background:linear-gradient(135deg,var(--olive),var(--deep-olive));box-shadow:0 7px 11px #6b8e2357}@media(max-width:900px){.dashboard,.auth-wrap,.banner{width:calc(100% - 36px)}.topbar{width:100%;padding:calc(env(safe-area-inset-top,0px) + 72px) 24px 20px}.topbar-brand img{width:64px;height:64px;flex-basis:64px}.location-picker-heading h2{font-size:28px}.stock-name-row{padding-right:0}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-strong);background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 45%,var(--bg-0) 100%);font-family:SF Pro Text,SF Pro Display,Helvetica Neue,Noto Sans Thai,sans-serif}.page{min-height:100vh;min-height:100dvh;padding:0 0 calc(env(safe-area-inset-bottom,0px) + 126px);background:var(--bg-0);color:var(--text-strong)}.page.search-focus-page{height:100dvh;min-height:100dvh;overflow:hidden;padding-bottom:0}.topbar{width:100%;margin-left:auto;margin-right:auto}.dashboard,.auth-wrap,.banner{width:min(860px,calc(100% - 8px));margin-left:auto;margin-right:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:0;min-height:156px;padding:calc(env(safe-area-inset-top,0px) + 26px) 24px 20px;position:sticky;top:0;z-index:21;overflow:hidden;background:linear-gradient(135deg,var(--moss) 0%,var(--deep-olive) 100%);box-shadow:0 12px 22px #43601f47}.topbar:after{content:"";position:absolute;right:-44px;bottom:-62px;width:132px;height:132px;border-radius:999px;background:#ffffff1a;pointer-events:none}.topbar-brand,.topbar-actions-pill{border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar-brand{min-height:64px;display:flex;align-items:center;gap:14px;padding:0;min-width:0}.topbar-brand img{width:64px;height:64px;flex:0 0 64px;border-radius:18px;object-fit:cover;box-shadow:0 7px 12px #0000002e,-3px -3px 8px #ffffff29}.topbar-brand div{min-width:0}.topbar-actions-pill{min-height:44px;display:flex;align-items:center;gap:8px;padding:0;z-index:1}.topbar-brand h1{margin:0;font-family:SF Pro Rounded,SF Pro Display,Noto Sans Thai,sans-serif;font-size:28px;font-weight:900;color:#fff;letter-spacing:0;line-height:1.08;text-shadow:none}.topbar-brand p{margin:3px 0 0;font-size:15px;font-weight:650;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-icon-btn{width:44px;height:44px;border-radius:999px;border:0;background:#ffffff24;color:#fff;font-size:1.2rem;line-height:1;font-weight:700;display:inline-grid;place-items:center;cursor:pointer;transition:transform .15s ease,filter .15s ease}.ios-icon-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.ios-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ios-icon-btn-olive{border-color:#9bbf4c99;background:linear-gradient(180deg,#97bc48f0,#799a34f0);color:#f2f9e3}.account-svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.grid-svg rect{stroke-width:1.8}.account-menu-wrap{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,78vw);border:1px solid var(--line);border-radius:14px;padding:6px;background:#121214f5;box-shadow:0 18px 34px #00000073;z-index:40;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.account-menu-email{font-size:.8rem;color:var(--text-muted);padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;word-break:break-all}.account-menu-item{width:100%;border:0;border-radius:10px;background:transparent;color:#f0f2f7;text-align:left;font-size:.9rem;font-weight:600;padding:9px 10px;cursor:pointer}.account-menu-item:hover:not(:disabled){background:#7d9f3b38}.account-menu-item.danger{color:#fecaca}.account-menu-item.danger:hover:not(:disabled){background:#b91c1c40}.account-menu-item:disabled{opacity:.45;cursor:not-allowed}.banner{border-radius:14px;padding:10px 12px;border:1px solid transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:10px;font-size:.92rem}.banner.error{background:#b91c1c2e;border-color:#f8717166;color:#fecaca}.banner.info{background:#22c55e29;border-color:#4ade805c;color:#bbf7d0}.dashboard,.auth-wrap{margin-top:18px}.ios-home-view{display:grid;gap:14px}.overview-panel{display:grid;gap:8px}.overview-heading,.home-list-heading,.location-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.home-list-heading{position:sticky;top:156px;z-index:20;margin:-4px -2px 0;padding:10px 2px;background:color-mix(in srgb,var(--bg-0) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.overview-heading h2,.home-list-heading h2,.settings-view h2{margin:0;font-family:SF Pro Rounded,SF Pro Display,Noto Sans Thai,sans-serif;font-size:20px;font-weight:800;color:#f3f4f8;line-height:1.18}.overview-heading span,.home-list-heading p{margin:0;color:var(--text-muted);font-size:.9rem;font-weight:560}.home-list-heading button,.location-detail-header button,.location-order-trigger{border:0;background:transparent;color:var(--olive-strong);font-size:.9rem;font-weight:720;padding:6px 0;cursor:pointer}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-card{border:1px solid rgba(0,0,0,.04);border-radius:18px;padding:15px 8px;min-height:126px;display:grid;justify-items:center;align-content:center;gap:7px;color:#f4f5f4;cursor:pointer}.overview-card-title{font-size:.82rem;font-weight:760;line-height:1.15;text-align:center}.overview-card strong{font-family:SF Pro Rounded,SF Pro Display,Noto Sans Thai,sans-serif;font-size:2.25rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.overview-card span:last-child{font-size:.78rem;font-weight:700}.overview-card.danger{background:#311b1a;color:#ff807a}.overview-card.orange{background:#322112;color:#ffb753}.overview-card.yellow{background:#262316;color:#ffe13d}.overview-card.safe{background:#1d261a;color:#92b65b}.search-panel{position:relative;display:flex;align-items:center;min-height:50px;border-radius:18px;background:var(--surface);box-shadow:0 0 0 1.2px #6b8e23b8,0 0 7px #527a2680,0 0 14px #43601f57;padding:0 12px 0 14px}.search-panel.compact{min-height:46px}.search-symbol{color:var(--olive-strong);font-size:1.35rem;line-height:1;margin-right:10px}.search-panel input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-strong);font-size:.95rem}.search-panel input::placeholder{color:#8d9487}.search-clear{width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:1.35rem;cursor:pointer}.search-results-scroll{display:contents}.search-active-view{height:100dvh;min-height:0;overflow:visible;align-content:stretch;grid-template-rows:auto auto minmax(0,1fr)}.home-search-mode-view .overview-panel{display:none}.home-search-active-view{grid-template-rows:auto minmax(0,1fr);gap:24px}.home-search-active-view .home-list-heading{position:static;top:auto;z-index:auto;margin:0;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.search-active-view .search-results-scroll{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}.search-active-view .search-results-scroll>*+*{margin-top:14px}.location-detail-view.search-active-view{margin-top:0;padding-top:max(calc(env(safe-area-inset-top,0px) + 4px),40px)}.location-detail-view.search-active-view .location-detail-header{position:relative;top:auto}.location-picker-view{display:grid;gap:14px}.location-picker-heading{text-align:left;margin:0}.location-picker-heading h2{margin:0;font-family:SF Pro Rounded,SF Pro Display,Noto Sans Thai,sans-serif;font-size:28px;font-weight:900;color:#eceff6}.location-picker-heading p{margin:4px 0 0;font-size:.92rem;color:var(--text-muted)}.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.location-card{border:1px solid var(--line-soft);border-radius:16px;background:var(--surface);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:16px;color:inherit;text-align:left;display:grid;gap:10px;cursor:pointer;transition:transform .14s ease,filter .14s ease}.location-card:hover{transform:translateY(-1px);filter:brightness(1.02)}.location-card:active{transform:translateY(0);filter:brightness(.98)}.location-card-top{display:flex;align-items:center;gap:8px}.location-icon-wrap{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px}.location-icon-wrap.compact{width:22px;height:22px;flex-basis:22px}.location-icon-svg{width:21px;height:21px;fill:currentColor;stroke:none}.location-red-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:760;padding:2px 7px}.location-card-count{margin-left:auto;font-size:.9rem;font-weight:650;color:#9ba1ae;font-variant-numeric:tabular-nums}.location-card-title{font-size:1rem;font-weight:720;color:#f0f3f8;line-height:1.24;word-break:break-word}.location-card-sub{font-size:.82rem;color:#9ea4b1}.location-order-modal{width:min(560px,100%)}.location-order-list{display:grid;gap:10px;margin-top:12px}.location-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid var(--line-soft);background:#090e1694}.location-order-label{display:flex;align-items:center;gap:10px;min-width:0}.location-order-label strong{display:block;color:#f0f3f8;font-size:.95rem;line-height:1.22}.location-order-label span:last-child{display:block;color:#9ea4b1;font-size:.8rem;margin-top:2px;line-height:1.3}.location-order-actions{display:inline-flex;gap:8px;flex-shrink:0}.location-order-actions .btn{min-width:42px;padding-inline:0}.location-info{text-align:center;margin:2px auto 4px;display:grid;gap:2px}.location-info h2{margin:0;font-size:clamp(1rem,3.6vw,1.16rem);font-weight:670;color:#f0f2f7;line-height:1.2}.location-info p{margin:0;font-size:.78rem;color:var(--text-muted)}.panel{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:0}.panel+.panel{margin-top:0}.search-dock{position:fixed;left:50%;transform:translate(-50%);bottom:max(0px,env(safe-area-inset-bottom,0px));width:min(860px,calc(100% - 52px));z-index:22}.search-dock-inner{position:relative;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#232325e0,#19191be0),#121214d6;box-shadow:inset 0 1px #ffffff1a,0 18px 30px #0000006b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.search-dock-inner:before{content:"⌕";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#eeeeeee6;font-size:1.45rem;line-height:1;pointer-events:none}.search-dock input{width:100%;border:0;border-radius:999px;padding:12px 16px 12px 52px;color:#efefef;background:transparent;font-size:.95rem}.search-dock input::placeholder{color:#cececeb8}.search-dock input:focus{outline:none}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.section-title h2{margin:0;font-size:1.06rem;font-weight:800;color:#d8dbe2}.section-icon{min-width:32px;min-height:32px;border-radius:12px;display:inline-grid;place-items:center;color:#fff;font-size:1.06rem;font-weight:800;box-shadow:inset 0 0 0 1px #fff3}.dot{width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 3px #ffffff14}.pill{margin-left:auto;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ececec;padding:2px 8px;font-weight:700;font-size:.74rem}.stock-list{display:grid;gap:12px;margin-left:0;margin-right:0}.stock-item{border:0;border-radius:0;padding:0;background:transparent;display:flex;align-items:flex-start;gap:0;justify-content:space-between}.swipeable{position:relative;overflow:hidden;touch-action:pan-y;border:0;border-radius:0;background:transparent;box-shadow:none}.stock-swipe-actions{position:absolute;top:0;right:-12px;bottom:0;width:186px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:8px;padding-right:9px;pointer-events:none}.stock-swipe-leading-actions{position:absolute;top:0;bottom:0;left:4px;width:78px;display:flex;align-items:center;pointer-events:none}.swipeable.open .stock-swipe-leading-actions,.swipeable.dragging .stock-swipe-leading-actions,.swipeable.open .stock-swipe-actions,.swipeable.dragging .stock-swipe-actions{pointer-events:auto}.swipe-btn{width:51px;height:58px;border:0;border-radius:16px;display:inline-grid;grid-template-rows:25px auto;place-items:center;align-content:center;gap:3px;color:#fff;font:inherit;box-shadow:0 9px 14px #1c1f1929,inset 0 1px #ffffff29;cursor:pointer;opacity:0;transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}.swipe-btn.receive{background:linear-gradient(180deg,#4aa0ff,#2f80ed)}.swipe-btn.edit{background:linear-gradient(180deg,#8ba83e,#789432)}.swipe-btn.delete{background:linear-gradient(180deg,#ff5a58,#ef4545)}.swipe-btn.manage{background:linear-gradient(180deg,#8ba83e,#789432)}.swipe-btn.manage.managed{background:linear-gradient(180deg,#9a9f96,#7d8379)}.swipe-btn:active{filter:brightness(.95)}.swipe-icon{width:22px;height:22px;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.swipe-trash-icon{width:23px;height:23px;stroke-width:2.15}.swipe-btn-label{display:block;max-width:46px;color:#fff;font-size:10px;font-weight:850;line-height:1.05;text-align:center;white-space:normal}.stock-swipe-content{position:relative;z-index:1;width:100%;touch-action:pan-y;display:grid;grid-template-columns:43px 1fr;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:18px;border:1px solid var(--line-soft);background:var(--surface);transition:transform .24s cubic-bezier(.22,1,.36,1),filter 45ms ease,box-shadow 45ms ease,background 45ms ease;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stock-swipe-content *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.swipeable.dragging .stock-swipe-content{transition:none}.stock-swipe-content.transfer-pressing{background:linear-gradient(180deg,#ffffff24,#ffffff12),linear-gradient(180deg,#3134388f,#25272b8f),#1c1e217a;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff24,0 8px 18px #0000003d;-webkit-backdrop-filter:blur(10px) saturate(145%);backdrop-filter:blur(10px) saturate(145%);filter:brightness(1.01)}.swipeable:not(:last-child) .stock-swipe-content:after{content:none;position:absolute;left:58px;right:28px;bottom:0;height:1px;background:#ffffff1f}.stock-risk-dot{width:43px;height:48px;border-radius:13px;margin-top:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 34%,transparent);flex:0 0 43px;opacity:.18}.stock-main{min-width:0;flex:1}.stock-name-row{position:relative;display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap;padding-right:74px}.stock-name-row strong{font-size:.95rem;font-weight:800;color:#f2f4f8;line-height:1.22;word-break:break-word}.new-badge{border-radius:999px;border:1px solid rgba(182,216,110,.55);background:linear-gradient(180deg,#91b544fa,#789735f5);color:#f6ffea;padding:1px 7px;font-size:.66rem;font-weight:800}.stock-qty{position:absolute;right:0;top:0;color:#c5e094;font-size:.78rem;font-weight:800;line-height:1;background:#6b8e232e;border:1px solid rgba(107,142,35,.28);border-radius:999px;padding:5px 9px}.stock-sub{margin-top:5px;color:#b4b8c2;font-size:.78rem;line-height:1.34}.stock-sub.small{margin-top:1px;color:#9499a6;font-size:.78rem}.auth-wrap{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px)}.auth-loading-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);background:var(--bg-0)}.auth-loading-panel{width:min(300px,100%);display:grid;justify-items:center;gap:14px;text-align:center}.auth-loading-mark{position:relative;width:78px;height:78px;display:grid;place-items:center;border-radius:24px;background:#ffffffb8;box-shadow:0 14px 28px #43601f29}.auth-loading-mark:after{content:"";position:absolute;inset:-8px;border-radius:30px;border:3px solid rgba(107,142,35,.16);border-top-color:var(--olive);animation:watcher-loading-spin .9s linear infinite}.auth-loading-mark img{width:58px;height:58px;border-radius:16px}.auth-loading-panel p{margin:0;color:var(--text-strong);font-family:var(--rounded-display-font);font-size:1.08rem;font-weight:900;line-height:1.25}.auth-loading-dots{display:inline-flex;gap:6px;align-items:center;justify-content:center;height:10px}.auth-loading-dots span{width:7px;height:7px;border-radius:999px;background:var(--olive);opacity:.34;animation:watcher-loading-dot .9s ease-in-out infinite}.auth-loading-dots span:nth-child(2){animation-delay:.15s}.auth-loading-dots span:nth-child(3){animation-delay:.3s}.auth-card{width:min(560px,100%);background:var(--surface-strong);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 20px 44px #00000061,inset 0 1px #ffffff0d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}@keyframes watcher-loading-spin{to{transform:rotate(360deg)}}@keyframes watcher-loading-dot{0%,to{opacity:.34;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.auth-brand{display:grid;justify-items:center;gap:6px;margin-bottom:12px}.auth-brand h2{margin:0;color:var(--olive-strong);font-size:1.55rem;font-weight:800;font-family:SF Pro Rounded,SF Pro Display,Noto Sans Thai,sans-serif;letter-spacing:.01em}.auth-subtitle{margin:0;font-size:.9rem;color:var(--text-muted);text-align:center}.auth-logo-wrap{width:94px;height:94px;border-radius:23px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 20px #0000003d;display:grid;place-items:center;overflow:hidden}.auth-logo{width:100%;height:100%;object-fit:cover}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px;padding:4px;border-radius:13px;border:1px solid var(--line-soft);background:#0b1018b8}.auth-tabs button{border:0;background:transparent;border-radius:9px;padding:10px 8px;color:#d2d9e7;font-size:.98rem;font-weight:650}.auth-tabs button.active{background:linear-gradient(180deg,#a0c64d4d,#7d9f3b42);box-shadow:inset 0 0 0 1px #b6d67070;color:#f1f8e3}.form-grid{display:grid;gap:10px}.form-grid label{display:grid;gap:5px}.form-grid span{font-size:.88rem;color:#d4ddec;font-weight:580}.field-hint{font-size:.79rem;color:var(--text-muted)}.signup-hint{border:1px solid var(--line-soft);border-radius:12px;background:#090e1694;padding:10px 11px;display:grid;gap:6px}.signup-hint p{margin:0;font-size:.82rem;color:#c9d4e8;line-height:1.35}.signup-hint p:first-child{color:#f1f6ff;font-weight:700}.form-grid input,.form-grid select{border:1px solid var(--line-soft);border-radius:11px;background:#090e16d1;color:var(--text-strong);padding:10px 11px;font-size:.93rem}.form-grid input::placeholder{color:#8c93a1}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:#7d9f3bb8;box-shadow:0 0 0 2px #7d9f3b33}.form-grid select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#b8c5dc 50%),linear-gradient(135deg,#b8c5dc 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:30px}input[type=date]{color-scheme:dark}.drug-autocomplete{position:relative}.drug-suggestions{position:relative;margin-top:6px;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:11px;background:#0b0b0cfa;box-shadow:0 14px 28px #00000073;z-index:1}.drug-suggestion{width:100%;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#f0f0f0;padding:9px 11px;font-size:.91rem;cursor:pointer}.drug-suggestion:last-child{border-bottom:0}.drug-suggestion:hover{background:#7d9f3b33}.drug-suggestion-empty{padding:10px 11px;color:var(--text-muted);font-size:.88rem}.expiry-input-group{display:grid;gap:8px}.scanner-card{width:min(760px,100%)}.scanner-preview{width:100%;border:1px solid var(--line-soft);border-radius:12px;background:#020202;overflow:hidden}.scanner-preview video{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover}.scanner-banner{width:100%;margin-top:10px;margin-bottom:0}.scanner-ocr-preview{margin-top:10px;border:1px solid var(--line-soft);border-radius:10px;padding:8px 10px;background:#0b0b0cb8}.scanner-ocr-preview summary{cursor:pointer;color:#d4d4d4;font-size:.9rem}.scanner-ocr-preview pre{margin:8px 0 0;max-height:180px;overflow:auto;white-space:pre-wrap;font-size:.8rem;color:#bbb}.btn{border:1px solid var(--line-soft);background:#ffffff0f;color:#e6e6e6;border-radius:11px;padding:9px 12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .15s ease}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.olive{border-color:#b7d6718f;background:linear-gradient(180deg,#98be46f5,#7a9a34f5);color:#f4fce6}.btn.danger{border-color:#f8717173;background:#b91c1c38;color:#fecaca}.link{border:none;background:transparent;color:#c5d59d;cursor:pointer;text-decoration:underline;font-size:.9rem;padding:0}.link.center{margin:8px auto 0;display:block}.auth-links{display:flex;justify-content:center;gap:14px;margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#03060a9e;display:grid;place-items:center;padding:16px;z-index:30;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overscroll-behavior:contain}.modal-card{width:min(560px,100%);max-height:min(86vh,820px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#121214f5;border-radius:18px;border:1px solid var(--line);box-shadow:0 24px 48px #00000080;padding:16px}.modal-card h3{margin:0 0 12px;color:#efefef}.modal-card p{margin:0 0 10px;color:#c7c7c7;line-height:1.45}.overview-items-backdrop{background:#00000047}.overview-items-card{--overview-popup-tint: var(--olive);--overview-popup-tint-soft: rgba(107, 142, 35, .13);width:min(430px,100%);display:grid;gap:14px;min-height:0;border-radius:28px;padding:18px;box-shadow:0 14px 24px #0000002e}.overview-items-card.danger{--overview-popup-tint: #cc2c2c;--overview-popup-tint-soft: rgba(204, 44, 44, .13)}.overview-items-card.orange{--overview-popup-tint: #e07220;--overview-popup-tint-soft: rgba(224, 114, 32, .13)}.overview-items-card.yellow{--overview-popup-tint: #dbb100;--overview-popup-tint-soft: rgba(219, 177, 0, .14)}.overview-items-card.safe{--overview-popup-tint: var(--deep-olive);--overview-popup-tint-soft: rgba(67, 96, 31, .13)}.overview-items-heading{display:flex;align-items:flex-start;gap:12px}.overview-items-icon{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:999px;color:var(--overview-popup-tint);background:var(--overview-popup-tint-soft)}.overview-items-icon .app-icon{width:22px;height:22px}.overview-items-heading h3{margin:0;font-family:var(--rounded-display-font);font-size:22px;font-weight:900;line-height:1.18}.overview-items-heading p{margin:4px 0 0;font-size:.92rem;font-weight:660}.overview-items-close{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;margin-left:auto;border:0;border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:20px;font-weight:800;line-height:1;cursor:pointer}.overview-items-empty{display:grid;justify-items:center;gap:8px;padding:24px 12px;border-radius:18px;background:var(--surface-soft);text-align:center}.overview-items-empty .app-icon{width:30px;height:30px;color:var(--olive)}.overview-items-empty strong{color:var(--text-strong)}.overview-items-empty p{margin:0;color:var(--text-muted);font-size:.78rem}.overview-items-list{max-height:56dvh;min-height:0;display:grid;gap:10px;overflow:auto;padding:2px 0;-webkit-overflow-scrolling:touch}.overview-popup-row .stock-swipe-content{box-shadow:none}.auth-error-card{width:min(360px,100%);text-align:center}.auth-error-card p{margin-bottom:16px}.auth-error-card .modal-actions{justify-content:center}.transfer-summary{border:1px solid var(--line-soft);border-radius:12px;background:#090e1694;padding:10px 11px;margin-bottom:10px;display:grid;gap:4px}.transfer-summary strong{color:#f1f3f8;font-size:1rem}.transfer-summary p{margin:0;color:#b8bdc9;font-size:.86rem}.external-confirm-emphasis{border:1px solid rgba(234,179,8,.28);border-radius:14px;background:#78350f2e;padding:12px 13px;margin-bottom:12px;display:grid;gap:6px}.external-confirm-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f6d88d}.external-confirm-emphasis strong{color:#fff3d0;font-size:1.16rem}.external-confirm-emphasis p{margin:0;color:#e6d6b5;font-size:.88rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.reason-actions{display:grid;gap:10px;margin-top:10px}.reason-actions .btn{width:100%;justify-content:center}.danger-text{color:#fca5a5}.empty{text-align:center;color:#aab0bc;background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:24px 16px}.location-detail-header{display:grid;justify-items:center;gap:4px;text-align:center;position:sticky;top:env(safe-area-inset-top,0px);z-index:22;padding:0 0 8px;background:var(--bg-0)}.location-detail-header:before{content:"";position:absolute;inset:-140px -18px 0;background:var(--bg-0);z-index:-1}.location-detail-header button{justify-self:start}.location-detail-header h2{margin:0;font-family:SF Pro Rounded,SF Pro Display,Noto Sans Thai,sans-serif;font-size:28px;font-weight:900;color:var(--text-strong)}.location-detail-header p{margin:0;color:var(--text-muted);font-size:.92rem}.settings-view{display:grid;gap:16px}.settings-view h2{font-size:30px}.settings-card,.settings-actions{border:1px solid var(--line-soft);border-radius:24px;background:var(--surface)}.settings-row{display:flex;align-items:center;gap:12px;padding:16px}.settings-icon{width:28px;color:var(--olive-strong);text-align:center;font-size:1.35rem}.settings-row strong{display:block;color:var(--text-strong)}.settings-row p{margin:2px 0 0;color:var(--text-muted);font-size:.82rem;word-break:break-all}.settings-actions{display:grid;gap:10px;padding:12px}.bottom-navigation{position:fixed;left:0;right:0;bottom:0;z-index:24;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;min-height:calc(env(safe-area-inset-bottom,0px) + 104px);padding:8px 10px calc(env(safe-area-inset-bottom,0px) + 44px);border-top:1px solid var(--line-soft);background:#121610c7;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.bottom-navigation button{min-width:0;border:0;background:transparent;color:var(--text-muted);display:grid;justify-items:center;gap:3px;padding:0 2px;font:inherit;cursor:pointer}.bottom-navigation-hidden{opacity:0;visibility:hidden;pointer-events:none}.bottom-navigation button span{height:23px;font-size:1.25rem;line-height:1;font-weight:760}.bottom-navigation button strong{display:block;max-width:100%;font-size:.72rem;font-weight:760;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-navigation button.active{color:var(--olive-strong)}.bottom-navigation .bottom-add{transform:translateY(-32px);color:var(--text-strong)}.bottom-navigation .bottom-add span{width:62px;height:62px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--olive),var(--deep-olive));color:#fff;box-shadow:0 7px 11px #6b8e2357;font-size:1.65rem}.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(780px 420px at 15% -10%,rgba(125,159,59,.18) 0%,transparent 66%),linear-gradient(180deg,#0b0b0b,#070707)}.setup-card{width:min(720px,100%);border-radius:18px;border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 18px 44px #00000073;padding:20px}.setup-card h1{margin:0 0 10px;color:var(--olive-strong)}.setup-path{font-size:.9rem;color:var(--text-muted)}.setup-list{display:flex;flex-wrap:wrap;gap:8px}.setup-list code{border:1px solid var(--line-soft);border-radius:999px;padding:4px 8px;background:#080d14bf;color:#dce7c4}@media(max-width:900px){.page{padding:0 0 calc(env(safe-area-inset-bottom,0px) + 112px)}.topbar{top:auto;gap:10px;min-height:156px;padding:calc(env(safe-area-inset-top,0px) + 26px) 18px 20px}.topbar-brand{min-height:64px;padding:0;gap:12px}.topbar-brand h1{font-size:1.7rem}.topbar-brand p{font-size:.88rem}.topbar-brand img{width:58px;height:58px;flex-basis:58px}.topbar-actions-pill{min-height:44px;padding:0}.location-picker-heading h2{font-size:clamp(1.04rem,5.2vw,1.24rem)}.location-picker-heading p{font-size:.85rem}.location-grid{gap:10px}.location-card{border-radius:15px;padding:11px 11px 10px;gap:7px}.location-card-title{font-size:.92rem}.location-card-sub{font-size:.79rem}.search-dock{width:calc(100% - 40px);bottom:max(0px,env(safe-area-inset-bottom,0px))}.search-dock input{padding:11px 14px 11px 50px;font-size:.92rem}.section-title{margin-bottom:4px}.section-title h2{font-size:clamp(1.06rem,5.2vw,1.3rem)}.section-icon{min-width:30px;min-height:30px;font-size:1rem}.stock-swipe-content{padding:10px 12px;gap:12px}.stock-list{gap:12px;margin-left:0;margin-right:0}.stock-risk-dot{width:43px;height:48px;margin-top:0;flex-basis:43px}.stock-name-row{padding-right:40px}.stock-name-row strong{font-size:.95rem}.stock-qty,.stock-sub,.stock-sub.small{font-size:.78rem}.auth-wrap{min-height:calc(100vh - 60px)}}:root{--bg-0: #f7f8f3;--bg-1: #f7f8f3;--bg-2: #fcfbf7;--surface: #ffffff;--surface-strong: #ffffff;--surface-soft: #fcfbf7;--line: rgba(0, 0, 0, .07);--line-soft: rgba(0, 0, 0, .07);--text-strong: #1c1f19;--text: #2d3329;--text-muted: #767d70;--olive: #6b8e23;--olive-strong: #6b8e23;--deep-olive: #43601f;--moss: #527a26;--danger: #cc2c2c;--rounded-display-font: "Arial Rounded MT Bold", "Arial Rounded MT", "SF Pro Rounded", "SF Pro Display", "Noto Sans Thai", sans-serif}html,body,#root,.page{background:var(--bg-0);color:var(--text-strong)}.page:has(.auth-wrap){padding-bottom:0}.dashboard,.auth-wrap,.banner{width:min(430px,calc(100% - 36px))}.topbar{width:min(430px,100%);min-height:156px;padding:calc(env(safe-area-inset-top,0px) + 72px) 24px 20px;box-shadow:0 12px 22px #43601f33}.topbar-brand img{width:64px;height:64px;flex-basis:64px}.topbar-brand h1{font-family:var(--rounded-display-font);font-size:28px;font-weight:900}.topbar-brand p{font-size:15px}.ios-home-view{gap:14px;margin-top:18px}.location-picker-view,.settings-view{margin-top:calc(env(safe-area-inset-top,0px) + 22px)}.overview-heading h2,.home-list-heading h2,.settings-view h2,.location-picker-heading h2,.location-detail-header h2{font-family:var(--rounded-display-font);color:var(--text-strong)}.overview-heading span,.home-list-heading p,.location-picker-heading p,.location-detail-header p,.location-card-sub,.location-card-count,.stock-sub,.stock-sub.small{color:var(--text-muted)}.overview-card{min-height:124px;border-color:#0000000a;box-shadow:none}.overview-card strong{font-family:var(--rounded-display-font);color:var(--text-strong)}.overview-card span:last-child{color:#1c1f19d1}.overview-card.danger{background:#ffeceb;color:#cc2c2c}.overview-card.orange{background:#fff0dd;color:#e07220}.overview-card.yellow{background:#fffde8;color:#dbb100}.overview-card.safe{background:#f0f7e8;color:var(--deep-olive)}.search-panel{background:var(--surface);box-shadow:0 0 0 1.2px #6b8e2366,0 0 7px #527a2638,0 0 14px #43601f29}.search-panel input{color:var(--text-strong)}.location-card{min-height:118px;background:var(--surface);border-color:var(--line);color:var(--text-strong);box-shadow:none}.location-card-title,.stock-name-row strong{font-family:var(--rounded-display-font);color:var(--text-strong)}.overview-card strong,.overview-card-title,.location-card-count,.location-card-sub,.stock-qty,.stock-risk-summary strong,.exchange-reminder-summary strong,.daily-alert-list-row em,.location-detail-header p,.home-list-heading p{font-family:var(--rounded-display-font);font-variant-numeric:tabular-nums}.stock-swipe-content{grid-template-columns:43px minmax(0,1fr) auto;align-items:center;min-height:92px;padding:10px 12px;background:var(--surface);border-color:var(--line);border-radius:18px;box-shadow:none}.stock-risk-dot{display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent);border:1px solid color-mix(in srgb,currentColor 34%,transparent);opacity:1}.stock-risk-dot:before{content:"+";color:currentColor;font-size:22px;font-weight:800;line-height:1}.stock-name-row{align-items:center;padding-right:0}.stock-name-row strong{flex:1 1 100%;font-size:15px;font-weight:800}.stock-qty{position:static;display:inline-flex;width:fit-content;margin-top:2px;color:var(--deep-olive);background:#6b8e231f;border-color:#6b8e232e;font-size:12px}.stock-risk-summary{display:grid;justify-items:center;gap:9px;min-width:62px}.stock-risk-summary span{border-radius:999px;color:#fff;font-size:.68rem;font-weight:800;line-height:1;padding:5px 10px;white-space:nowrap}.stock-risk-summary strong{color:var(--text-strong);font-size:13px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.auth-wrap{min-height:100dvh;padding:20px 0}.auth-card{width:100%;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.auth-logo-wrap{width:98px;height:98px;border-radius:22px;border-color:#ffffff29;background:#ffffffb3;box-shadow:none}.auth-logo{padding:12px;border-radius:14px}.auth-brand h2{color:var(--text-strong);font-size:34px;font-weight:800}.auth-tabs{border:0;background:#767d7024}.auth-tabs button{color:var(--text)}.auth-tabs button.active{background:#ffffffd1;box-shadow:none;color:var(--text-strong)}.form-grid input,.form-grid select{border:0;border-radius:12px;background:#767d701a;color:var(--text-strong);padding:14px 16px}.form-grid span{color:var(--text)}.btn{border-color:var(--line);background:#767d701a;color:var(--text-strong)}.btn.olive{border-color:transparent;background:var(--olive);color:#fff}.settings-card,.settings-actions,.empty,.modal-card,.transfer-summary,.location-order-row{background:var(--surface);border-color:var(--line);color:var(--text-strong)}.settings-row strong,.transfer-summary strong,.location-order-label strong,.modal-card h3{color:var(--text-strong)}.settings-row p,.transfer-summary p,.location-order-label span:last-child,.modal-card p{color:var(--text-muted)}.bottom-navigation{background:#fcfbf7d1;border-color:var(--line);box-shadow:0 -8px 24px #1c1f190f}.bottom-navigation button{color:var(--text-muted)}.bottom-navigation button.active{color:var(--olive)}@media(max-width:520px){.page{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 106px)}.dashboard,.auth-wrap,.banner{width:min(430px,calc(100% - 34px))}.topbar{min-height:156px;padding:calc(env(safe-area-inset-top,0px) + 22px) 24px 18px}.topbar-brand{min-height:64px;gap:14px}.topbar-brand img{width:64px;height:64px;flex-basis:64px}.topbar-brand h1{font-size:28px;line-height:1.08}.topbar-brand p{margin-top:3px;font-size:15px;line-height:1.18}.ios-home-view{margin-top:16px}.overview-card{min-height:120px}.bottom-navigation{min-height:calc(env(safe-area-inset-bottom,0px) + 78px);padding:7px 10px calc(env(safe-area-inset-bottom,0px) + 10px)}.bottom-navigation .bottom-add{transform:translateY(-25px)}.bottom-navigation .bottom-add span{width:58px;height:58px;font-size:1.55rem}.bottom-navigation button span{height:22px;font-size:1.2rem}.bottom-navigation button strong{font-size:.7rem}}.location-detail-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.location-detail-header .location-detail-back,.location-detail-header .location-detail-overview-btn{justify-self:auto}.location-detail-back{display:inline-flex;align-items:center;min-width:0;font-size:.95rem}.location-detail-overview-btn{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:8px 13px!important;border-radius:999px!important;background:#6b8e231a!important;font-size:.95rem!important}.location-detail-overview-btn .app-icon{width:18px;height:18px;fill:currentColor;stroke:none}.location-overview-backdrop{z-index:72;background:#00000047}.location-overview-modal{width:min(430px,100%);display:grid;gap:14px;padding:18px;border-radius:28px;background:#ffffffeb;box-shadow:0 14px 24px #0000002e}.location-overview-modal-head{display:flex;align-items:flex-start;gap:12px}.location-overview-modal-head h3{margin:0;color:var(--text-strong);font-size:22px;font-weight:900}.location-overview-modal-head strong{display:block;margin-top:3px;color:var(--olive);font-size:.92rem}.location-overview-modal-head p{margin:2px 0 0;color:var(--text-muted);font-size:.78rem}.location-overview-close{width:32px;height:32px;margin-left:auto;border:0;border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:20px;line-height:1}.location-overview-grid .overview-card{cursor:default}.manual-hero-logo{width:56px;height:56px;display:block;border-radius:18px;object-fit:cover}.manual-tab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manual-tab-card,.manual-action-row,.manual-guide-row,.manual-note-row{background:var(--surface-soft);border-radius:18px}.manual-tab-card{display:grid;gap:8px;align-content:start;padding:14px}.manual-tab-card .app-icon{width:36px;height:36px;padding:8px;border-radius:12px;color:var(--olive);background:#6b8e231a}.manual-tab-card strong,.manual-action-row h5,.manual-guide-row h5{margin:0;color:var(--text-strong);font-weight:900;line-height:1.2}.manual-tab-card p,.manual-action-row p,.manual-guide-row p,.manual-note-row p,.manual-footer-note{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.35}.manual-action-list,.manual-guide-list,.manual-note-list{display:grid;gap:10px}.manual-action-row,.manual-guide-row,.manual-note-row{display:flex;align-items:flex-start;gap:12px;padding:12px}.manual-action-row>.app-icon,.manual-guide-row>.app-icon{width:40px;height:40px;flex:0 0 40px;padding:10px;border-radius:14px;color:var(--olive);background:#6b8e231a}.manual-note-row>.app-icon{width:24px;height:24px;flex:0 0 24px;color:var(--olive)}.manual-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.manual-chip-row span{border-radius:999px;padding:6px 10px;background:#6b8e2317;color:var(--olive);font-size:.74rem;font-weight:800}.manual-footer-note{padding:0 4px 2px;font-weight:650}@media(max-width:520px){.location-picker-heading h2{font-size:28px}.location-picker-heading p{margin-top:4px;font-size:.92rem}.location-grid{gap:12px}.location-card{min-height:118px;padding:16px;gap:10px;border-radius:16px}.location-card-title{font-size:1rem;line-height:1.24}.location-card-sub{font-size:.82rem}.location-card-count{font-size:.9rem}.location-detail-header{gap:12px}.manual-guide-modal{height:calc(100dvh - 64px);max-height:none;border-radius:30px 30px 0 0;padding:10px 14px calc(env(safe-area-inset-bottom,0px) + 20px)}.manual-hero-card,.exchange-hero-card{padding:20px}.exchange-view{margin-top:max(calc(env(safe-area-inset-top,0px) + 22px),68px)}.location-detail-view{margin-top:max(calc(env(safe-area-inset-top,0px) + 18px),50px)}.location-detail-topline{min-height:42px}}@media(max-width:520px){.page{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 88px)}.topbar{min-height:156px;padding:max(calc(env(safe-area-inset-top,0px) + 8px),58px) 24px 16px}.ios-home-view{margin-top:14px}.location-picker-view,.settings-view{margin-top:max(calc(env(safe-area-inset-top,0px) + 6px),42px)}.exchange-view{margin-top:max(calc(env(safe-area-inset-top,0px) + 6px),50px)}.location-detail-view{margin-top:max(calc(env(safe-area-inset-top,0px) + 2px),42px)}.bottom-navigation{min-height:calc(env(safe-area-inset-bottom,0px) + 62px);padding:6px 10px max(env(safe-area-inset-bottom,0px),4px);background:#fcfbf7ad;border-color:#1c1f1914;box-shadow:0 -1px #1c1f190d;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.bottom-navigation button{gap:2px}.bottom-navigation button span{height:20px}.bottom-navigation .bottom-add{transform:translateY(-22px)}.bottom-navigation .bottom-add span{width:56px;height:56px;font-size:1.5rem}}@media(max-width:520px){.page{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 82px)}.topbar-brand,.topbar-actions-pill{transform:translateY(-5px)}.topbar-brand img{outline:1.5px solid rgba(255,255,255,.48);outline-offset:-1px}.ios-home-view{gap:18px;margin-top:18px}.overview-grid{gap:12px 10px}.overview-card{min-height:130px}.location-detail-view{gap:14px;margin-top:max(calc(env(safe-area-inset-top,0px) + 4px),40px)}.location-detail-view .location-detail-header{gap:6px;top:max(calc(env(safe-area-inset-top,0px) + 4px),40px)}.bottom-navigation{--tab-icon-hole: rgba(252, 251, 247, .95);min-height:calc(env(safe-area-inset-bottom,0px) + 56px);padding:5px 10px max(calc(env(safe-area-inset-bottom,0px) - 18px),6px);background:#fcfbf79e;box-shadow:0 -1px #1c1f190a}.bottom-navigation button{gap:2px;min-height:48px;transform:translateY(4px)}.bottom-navigation button span{height:20px;font-size:1.14rem}.bottom-navigation button span .app-icon{width:21px;height:21px}.bottom-navigation .tab-icon-filled{fill:currentColor;stroke:none;stroke-width:0}.bottom-navigation .tab-icon-fill{fill:currentColor;stroke:none}.bottom-navigation .tab-icon-hole{fill:var(--tab-icon-hole);stroke:none}.bottom-navigation .tab-icon-stroke{fill:none;stroke:currentColor;stroke-width:3.05;stroke-linecap:round;stroke-linejoin:round}.bottom-navigation button strong{font-size:.68rem;line-height:1.08}.bottom-navigation .bottom-add{position:relative;transform:none}.bottom-navigation .bottom-add span{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:60px;height:60px}.bottom-navigation .bottom-add span .app-icon{width:29px;height:29px}.bottom-navigation .bottom-add strong{position:absolute;top:42px;left:0;right:0}}:root{--home-fixed-header-height: 156px;--home-fixed-header-start-gap: 18px;--home-search-header-gap: 26px}.topbar{position:fixed;top:0;right:0;left:0;width:100%;height:var(--home-fixed-header-height);min-height:var(--home-fixed-header-height);margin:0}.page>.ios-home-view:not(.location-detail-view){margin-top:0;padding-top:calc(var(--home-fixed-header-height) + var(--home-fixed-header-start-gap))}.page>.ios-home-view.home-search-mode-view:not(.location-detail-view){padding-top:calc(var(--home-fixed-header-height) + var(--home-search-header-gap))}:root:not([data-theme=dark]) .btn.danger{border-color:#f29b9b;background:#fff0f0;color:#9f1d1d}:root:not([data-theme=dark]) .btn.danger:not(:disabled):hover{background:#ffe5e5}:root:not([data-theme=dark]) .btn.danger:disabled{opacity:1;border-color:#f0c5c5;background:#fff7f7;color:#b06a6a}:root:not([data-theme=dark]) .danger-text{color:#9f1d1d}:root[data-theme=dark].dark-status-page,:root[data-theme=dark].dark-status-page body,:root[data-theme=dark].dark-status-page #root,:root[data-theme=dark].dark-status-page .page{background:var(--bg-0);background-color:var(--bg-0)}.themed-scroll-indicator{position:fixed;top:0;right:1px;z-index:60;width:6px;min-height:52px;border-radius:999px;border:.6px solid rgba(255,255,255,.42);background:var(--olive);box-shadow:0 1px 2px #1c1f1933;pointer-events:none;transition:opacity .22s ease;will-change:transform,opacity}.settings-toggle-row{width:100%;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.settings-toggle-row>div{min-width:0}.settings-toggle-row[aria-checked=true] .settings-switch{background:var(--olive)}.settings-toggle-row[aria-checked=true] .settings-switch:after{transform:translate(18px)}.settings-switch,.settings-switch:after{transition:background .18s ease,transform .18s ease}:root[data-theme=dark]{--bg-0: #0c100a;--bg-1: #11170d;--bg-2: #191e16;--surface: #191e16;--surface-strong: #191e16;--surface-soft: #1f261b;--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .08);--text-strong: #f3f4ef;--text: #d6d9cf;--text-muted: #9ca394;--olive: #82a83a;--olive-strong: #9ac44a;--deep-olive: #43601f;--moss: #527a26;--danger: #ff807a}:root[data-theme=dark] body,:root[data-theme=dark] .page{background:var(--bg-0)}:root[data-theme=dark] .overview-card.danger{background:#311b1a;color:#ff807a}:root[data-theme=dark] .overview-items-card.danger{--overview-popup-tint: #ff807a;--overview-popup-tint-soft: rgba(255, 128, 122, .24)}:root[data-theme=dark] .overview-card.orange{background:#322112;color:#ffb753}:root[data-theme=dark] .overview-items-card.orange{--overview-popup-tint: #ffb753;--overview-popup-tint-soft: rgba(255, 183, 83, .24)}:root[data-theme=dark] .overview-card.yellow{background:#262316;color:#ffe13d}:root[data-theme=dark] .overview-items-card.yellow{--overview-popup-tint: #ffe13d;--overview-popup-tint-soft: rgba(255, 225, 61, .24)}:root[data-theme=dark] .overview-card.safe{background:#1d261a;color:#c5e094}:root[data-theme=dark] .overview-items-card.safe{--overview-popup-tint: #c5e094;--overview-popup-tint-soft: rgba(197, 224, 148, .2)}:root[data-theme=dark] .overview-card strong,:root[data-theme=dark] .overview-card span:last-child{color:var(--text-strong)}:root[data-theme=dark] .search-panel{background:#191e16;box-shadow:0 0 0 1.2px #9ac44a8c,0 0 8px #80be4647,0 0 16px #527a2638}:root[data-theme=dark] .search-panel input::placeholder{color:#8f9788}:root[data-theme=dark] .stock-swipe-content,:root[data-theme=dark] .location-card,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .settings-actions,:root[data-theme=dark] .modal-card,:root[data-theme=dark] .transfer-summary,:root[data-theme=dark] .location-order-row{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .stock-swipe-content.transfer-pressing{background:var(--surface);box-shadow:0 0 0 2px #9ac44a85,0 6px 14px #82a83a29}:root[data-theme=dark] .stock-qty,:root[data-theme=dark] .quantity-chip{color:#c5e094;background:#82a83a2e;border-color:#82a83a47}:root[data-theme=dark] .bottom-navigation{--tab-icon-hole: rgba(12, 16, 10, .96);background:#0c100aa3;border-color:#ffffff14;box-shadow:0 -1px #ffffff0a}:root[data-theme=dark] .bottom-navigation .bottom-add span{box-shadow:0 7px 14px #82a83a42}:root[data-theme=dark] .settings-switch{background:#454b42}:root[data-theme=dark] .settings-toggle-row[aria-checked=true] .settings-switch{background:var(--olive)}:root[data-theme=dark] input[type=date]{color-scheme:dark}.settings-view{gap:14px;margin-top:0;padding-top:calc(var(--home-fixed-header-height) + var(--home-fixed-header-start-gap));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 112px)}.settings-hospital-header{position:fixed;top:0;right:0;left:0;z-index:21;display:flex;align-items:center;gap:18px;width:100%;height:var(--home-fixed-header-height);min-height:var(--home-fixed-header-height);margin:0;padding:max(calc(env(safe-area-inset-top,0px) + 20px),54px) 24px 20px;overflow:hidden;color:#fff;background:#4d7425;--hospital-mark-cutout: #4d7425}.settings-hospital-header h2{position:relative;z-index:2;margin:0;color:#fff;font-family:var(--rounded-display-font);font-size:clamp(1.54rem,7vw,2rem);line-height:1.08;text-align:left;overflow-wrap:anywhere}.settings-hospital-mark{position:relative;z-index:2;display:grid;width:84px;height:84px;flex:0 0 84px;place-items:center;color:#fff}.settings-hospital-mark .app-icon,.settings-hospital-mark .location-icon-svg{width:82px;height:82px;filter:drop-shadow(0 5px 8px rgba(34,65,15,.2))}.settings-hospital-gear{position:absolute;right:-38px;top:-28px;width:152px;height:152px;color:#ffffff21;transform:rotate(-18deg)}.settings-hospital-gear .app-icon{width:100%;height:100%}.settings-section-title{margin:8px 0 0;color:var(--text-strong);font-family:var(--rounded-display-font);text-align:center}.settings-config-menu{display:grid;gap:12px}.settings-menu-card{display:flex;width:100%;min-height:82px;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:24px;color:inherit;background:var(--surface);font:inherit;text-align:left;cursor:pointer}.settings-menu-card>div{min-width:0}.settings-menu-card strong,.settings-menu-card p{display:block}.settings-menu-card strong{color:var(--text-strong);font-size:1rem}.settings-menu-card p{margin:3px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.32}.settings-menu-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:var(--olive);--hospital-mark-cutout: var(--surface)}.settings-menu-icon .app-icon,.settings-menu-icon .location-icon-svg{width:27px;height:27px}.settings-sheet-backdrop{position:fixed;z-index:150;inset:0;display:flex;justify-content:center;background:#0e140a40;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.settings-topic-sheet{display:flex;width:min(100%,430px);height:100dvh;flex-direction:column;overflow:hidden;color:var(--text);background:var(--bg-0)}.settings-topic-header{display:grid;min-height:calc(env(safe-area-inset-top,0px) + 68px);grid-template-columns:72px minmax(0,1fr) 72px;align-items:end;gap:4px;padding:env(safe-area-inset-top,0px) 14px 13px;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg-0) 92%,transparent)}.settings-topic-header h3{margin:0;color:var(--olive);font-family:var(--rounded-display-font);font-size:1.05rem;line-height:1.2;text-align:center}.settings-topic-close,.settings-topic-save{min-height:36px;border:0;border-radius:999px;color:var(--olive);background:var(--surface);font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.settings-topic-save{color:#fff;background:var(--olive)}.settings-topic-save:disabled{color:var(--text-muted);background:var(--surface-soft);cursor:default}.settings-topic-scroll{display:grid;flex:1 1 auto;min-height:0;gap:14px;align-content:start;align-items:start;overflow-y:auto;padding:18px 18px calc(env(safe-area-inset-bottom,0px) + 32px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.settings-editor-message{padding:11px 13px;border:1px solid rgba(180,58,58,.22);border-radius:16px;color:#a72f2f;background:#ffeaead6;font-size:.83rem;font-weight:700}.settings-editor-card,.settings-editor-note{display:grid;width:100%;gap:12px;align-self:start;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.settings-editor-note{color:var(--text-muted);font-size:.86rem;line-height:1.55}.settings-editor-card h4,.settings-editor-card p{margin:0}.settings-editor-card h4{color:var(--text-strong)}.settings-editor-card p{color:var(--text-muted);font-size:.8rem;line-height:1.42}.settings-editor-card input,.settings-editor-card select,.settings-dialog-card input{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;color:var(--text-strong);background:var(--surface-strong);font:inherit}.settings-editor-card label{display:grid;gap:5px;color:var(--olive);font-size:.78rem;font-weight:800}.settings-editor-card-head,.settings-simple-row,.settings-inline-add,.settings-action-group{display:flex;align-items:center}.settings-editor-card-head,.settings-simple-row{gap:10px}.settings-editor-card-head>strong,.settings-simple-row>strong,.settings-simple-row>div{min-width:0;flex:1;color:var(--text-strong);overflow-wrap:anywhere}.settings-profile-card{border-color:#6b8e234d;background:color-mix(in srgb,var(--olive) 8%,var(--surface))}.settings-location-list{display:grid;gap:14px}.settings-location-card{border-color:color-mix(in srgb,var(--settings-tint) 36%,transparent);background:color-mix(in srgb,var(--settings-tint) 8%,var(--surface))}.settings-location-symbol{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:14px;color:#fff;background:var(--settings-tint, var(--olive))}.settings-location-symbol .location-icon-svg{width:27px;height:27px;color:#fff}.settings-action-group{flex:0 0 auto;gap:6px}.settings-action-chip{min-height:32px;padding:0 10px;border:0;border-radius:999px;color:#fff;background:var(--olive);font:inherit;font-size:.73rem;font-weight:850;cursor:pointer}.settings-action-chip.red{background:#d83737}.settings-action-chip.olive{background:var(--olive)}.settings-choice-block{display:grid;gap:8px}.settings-choice-block>strong{color:var(--settings-tint, var(--olive));font-size:.76rem}.settings-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.settings-icon-grid button{display:grid;height:38px;place-items:center;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:10px;color:var(--olive);background:color-mix(in srgb,currentColor 8%,transparent);cursor:pointer}.settings-icon-grid button.selected{border-width:2px;color:#fff!important;background:var(--settings-tint, var(--olive))}.settings-icon-grid .location-icon-svg{width:21px;height:21px}.settings-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.settings-color-grid button{position:relative;height:34px;border:0;border-radius:10px;background:transparent;cursor:pointer}.settings-color-grid button:before{content:"";position:absolute;inset:4px;border-radius:999px;background:var(--choice-color)}.settings-color-grid button.selected{background:color-mix(in srgb,var(--choice-color) 18%,transparent)}.settings-color-grid button.selected:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.76rem;font-weight:900;text-shadow:0 1px 3px rgba(28,31,25,.45)}.settings-emphasis-card{background:color-mix(in srgb,var(--olive) 4%,var(--surface))}.settings-inline-add{gap:8px}.settings-inline-add input{min-width:0;flex:1}.settings-simple-list{display:grid;gap:8px}.settings-simple-row,.settings-candidate-row{min-height:44px;padding:8px 0}.settings-candidate-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:0;color:var(--text-strong);background:transparent;font:inherit;text-align:left;cursor:pointer}.settings-candidate-row span{flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#fff;background:var(--olive);font-size:.73rem;font-weight:850}.settings-dialog-backdrop{z-index:180}.settings-dialog-card{width:min(360px,calc(100vw - 34px))}:root:not([data-theme=dark]) .settings-topic-sheet,:root:not([data-theme=dark]) .settings-topic-scroll{background:#fff}:root:not([data-theme=dark]) .settings-editor-card,:root:not([data-theme=dark]) .settings-menu-card{background:#fff}:root[data-theme=dark] .settings-editor-message{border-color:#ff807a42;color:#ff9c98;background:#59181866}@media(max-width:380px){.settings-hospital-header{gap:12px;padding-inline:18px}.settings-hospital-mark{width:62px;height:62px;flex-basis:62px}.settings-hospital-mark .app-icon,.settings-hospital-mark .location-icon-svg{width:58px;height:58px}.settings-action-chip{padding-inline:8px;font-size:.68rem}}@media(min-width:901px){:root{--desktop-rail-width: 138px;--desktop-shell: min(1180px, calc(100vw - 220px) );--desktop-topbar-height: 172px;--desktop-dock-height: 92px}body{overflow-y:auto}html,body,#root,.page{overscroll-behavior-y:none}.page{min-height:100dvh;padding:24px 0 42px;background:radial-gradient(920px 520px at 12% -12%,rgba(107,142,35,.16),transparent 68%),radial-gradient(780px 460px at 96% 8%,rgba(67,96,31,.12),transparent 64%),linear-gradient(180deg,#fbfcf8 0%,var(--bg-0) 42%,#f1f4ec 100%)}:root[data-theme=dark] .page{background:radial-gradient(920px 520px at 12% -12%,rgba(107,142,35,.2),transparent 68%),radial-gradient(780px 460px at 96% 8%,rgba(67,96,31,.18),transparent 64%),linear-gradient(180deg,#080c07 0%,var(--bg-0) 48%,#0d130a 100%)}.topbar{position:relative;top:auto;width:var(--desktop-shell);min-height:var(--desktop-topbar-height);margin-left:calc(var(--desktop-rail-width) + ((100vw - var(--desktop-rail-width) - var(--desktop-shell)) / 2));margin-right:auto;padding:34px 42px;border-radius:34px;box-shadow:0 26px 60px #43601f38,inset 0 0 0 1px #ffffff1f}.topbar:after{right:-42px;bottom:-74px;width:210px;height:210px;background:radial-gradient(circle at 38% 36%,rgba(255,255,255,.16) 0 18%,transparent 19%),#ffffff14}.topbar-brand{gap:22px}.topbar-brand img{width:82px;height:82px;flex-basis:82px;border-radius:24px}.topbar-brand h1{font-size:clamp(2.1rem,2.4vw,3rem);letter-spacing:-.03em}.topbar-brand p{margin-top:6px;font-size:1.05rem}.ios-icon-btn{width:50px;height:50px;font-size:1.34rem}.dashboard,.auth-wrap,.banner{width:var(--desktop-shell);max-width:none;margin-left:calc(var(--desktop-rail-width) + ((100vw - var(--desktop-rail-width) - var(--desktop-shell)) / 2));margin-right:auto}.dashboard,.auth-wrap{margin-top:28px}.page>.ios-home-view:not(.location-detail-view),.page>.ios-home-view.home-search-mode-view:not(.location-detail-view){padding-top:36px}.ios-home-view{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:26px 34px}.ios-home-view .overview-panel{position:relative;top:auto;grid-column:1;grid-row:1 / span 2;gap:16px;padding:24px;border:1px solid var(--line);border-radius:34px;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:0 22px 58px #43601f1f;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.overview-heading h2{font-size:1.7rem}.overview-grid{gap:14px}.overview-card{min-height:158px;border-radius:28px;padding:20px 14px}.overview-card-title{font-size:.95rem}.overview-card strong{font-size:3.15rem}.overview-card span:last-child{font-size:.9rem}.ios-home-view .search-panel{grid-column:2;grid-row:1;min-height:64px;border-radius:24px;padding-inline:20px 16px;box-shadow:0 0 0 1.4px #6b8e2357,0 16px 42px #43601f24,0 0 22px #6b8e231f}.ios-home-view .search-panel input{font-size:1.02rem}.ios-home-view .search-results-scroll{display:block;grid-column:2;grid-row:2;min-width:0}.home-list-heading{position:relative;top:auto;margin:0 0 16px;padding:18px 22px;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 14px 34px #43601f14}.home-list-heading h2{font-size:1.65rem}.home-list-heading p,.home-list-heading button{font-size:.98rem}.stock-list{gap:16px}.stock-swipe-content{grid-template-columns:62px minmax(0,1fr) 112px;min-height:122px;padding:18px 20px;border-radius:28px;box-shadow:0 14px 34px #1c1f190d}.stock-risk-dot{width:58px;height:58px;flex-basis:58px;border-radius:18px}.stock-risk-dot:before{font-size:28px}.stock-name-row strong{font-size:1.08rem}.stock-qty{font-size:.83rem;padding:5px 10px}.stock-sub{font-size:.95rem}.stock-risk-summary{min-width:96px}.stock-risk-summary span{font-size:.78rem;padding:7px 12px}.stock-risk-summary strong{font-size:1.05rem}.location-picker-view,.exchange-view,.settings-view{margin-top:28px}.location-picker-view{gap:24px}.location-picker-heading{padding:0 6px}.location-picker-heading h2{font-size:2.35rem}.location-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.location-card{min-height:172px;border-radius:28px;padding:22px}.location-card-title{font-size:1.12rem}.location-card-sub{font-size:.92rem}.location-card-count{font-size:1rem}.location-detail-view{max-width:var(--desktop-shell)}.exchange-view{grid-template-columns:minmax(360px,420px) minmax(0,1fr);align-items:start;gap:24px 34px}.exchange-hero-card{position:sticky;top:28px;grid-column:1;grid-row:1 / span 3;min-height:320px;border-radius:34px;padding:30px}.exchange-summary-grid,.exchange-section{grid-column:2}.exchange-summary-grid{gap:16px}.exchange-summary-card{min-height:156px;border-radius:28px}.exchange-summary-card strong{font-size:3.1rem}.settings-view{grid-template-columns:minmax(360px,420px) minmax(0,1fr);align-items:start;gap:24px 34px;padding-top:0;padding-bottom:42px}.settings-hospital-header{position:sticky;top:18px;grid-column:1;grid-row:1 / span 4;width:auto;height:auto;min-height:320px;border-radius:34px;padding:34px;align-content:end;box-shadow:0 26px 60px #43601f2e}.settings-hospital-header h2{font-size:clamp(2rem,2.1vw,2.8rem)}.settings-card,.settings-guide-card,.settings-section-title,.settings-config-menu,.settings-actions{grid-column:2}.settings-menu-card,.settings-card{border-radius:28px}.settings-menu-card{min-height:96px;padding:20px 24px}.settings-config-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-section-title{margin-top:6px;font-size:1.45rem}.bottom-navigation{inset:50% auto auto 24px;width:108px;min-height:auto;transform:translateY(-50%);grid-template-columns:1fr;gap:12px;border:1px solid var(--line);border-radius:32px;padding:16px 10px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 24px 70px #1c1f1929,inset 0 0 0 1px #ffffff2e}.bottom-navigation button{min-height:66px;gap:5px;align-self:center;border-radius:20px;padding:8px 4px}.bottom-navigation button.active:not(.bottom-add){background:color-mix(in srgb,var(--olive) 10%,transparent)}.bottom-navigation button span{height:30px}.bottom-navigation button span .app-icon{width:28px;height:28px}.bottom-navigation button strong{font-size:.86rem;white-space:normal;overflow:visible;text-overflow:clip}.bottom-navigation .bottom-add{transform:none}.bottom-navigation .bottom-add span{width:64px;height:64px}.settings-topic-sheet{width:min(720px,calc(100vw - 72px));max-height:min(820px,calc(100dvh - 72px));border-radius:34px}}:root{font-family:SF Pro Text,SF Pro Display,Helvetica Neue,Sarabun,Noto Sans Thai,sans-serif;line-height:1.4;font-weight:400;color:#1f2937;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8f3}*{box-sizing:border-box;scrollbar-width:none;scrollbar-color:transparent transparent}*::-webkit-scrollbar{width:0;height:0;display:none}*::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--olive-strong) 0%,var(--olive) 100%);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#afcf67 0%,var(--olive-strong) 100%)}html,body,#root{min-height:100%;background-color:#f7f8f3}html,body{overscroll-behavior-x:none;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;overflow-x:hidden;touch-action:manipulation}body.location-picker-body{scrollbar-width:none;-ms-overflow-style:none}body.settings-body,body.settings-body #root{height:100dvh;overflow:hidden}body.search-focus-body{position:fixed;top:var(--search-scroll-lock-top, 0);left:0;right:0;width:100%;height:100dvh;overflow:hidden}body.search-focus-body #root,body.popup-scroll-lock,body.popup-scroll-lock #root{height:100dvh;overflow:hidden}body.location-picker-body::-webkit-scrollbar{width:0;height:0;display:none}button,input,select{font-family:inherit}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important}}