*{box-sizing:border-box}:root{color-scheme:dark;--bg: #080b12;--surface: #111521;--surface-raised: #171c2b;--surface-soft: #1e2435;--border: rgba(190, 204, 229, .16);--border-strong: rgba(190, 204, 229, .28);--text: #f3f6fc;--muted: #94a1b7;--primary: #f5d34e;--primary-strong: #ffe468;--cyan: #6bd5e5;--danger: #f48a8a;--success: #82d7a8;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:#080b12;color:var(--text);font-family:Inter,Noto Sans Devanagari,PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{width:min(100%,540px);min-height:100vh;min-height:100dvh;margin:0 auto;background:linear-gradient(160deg,#0d1020,#070a11 53%,#0a1117)}.app-topbar{min-height:66px;padding:14px 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(201,215,239,.08)}.app-brand{min-width:0;display:flex;align-items:center;gap:10px}.app-brand__mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(245,211,78,.72);border-radius:50%;color:var(--primary);font-size:12px;font-weight:900;box-shadow:inset 0 0 0 3px #f5d34e1f}.app-brand strong,.app-brand small{display:block}.app-brand strong{font-size:15px;line-height:1.1}.app-brand small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.2}.language-select select{height:34px;max-width:96px;padding:0 25px 0 9px;border:1px solid var(--border);border-radius:6px;outline:none;color:var(--text);background:var(--surface);font-size:12px;cursor:pointer}.language-select select:focus-visible,.icon-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.action-card:focus-visible,.order-row:focus-visible,input:focus-visible{outline:3px solid rgba(107,213,229,.35);outline-offset:2px}.app-content{padding:20px 16px calc(104px + var(--safe-bottom))}.page-stack{display:grid;gap:18px}.page-title h1,.home-page__intro h1,.page-header h1{margin:0;color:var(--text);font-size:24px;font-weight:800;line-height:1.2;letter-spacing:0}.home-page{min-height:calc(100dvh - 190px);align-content:center}.home-page__intro{display:grid;gap:8px;margin-bottom:6px}.home-page__intro p,.quiet-copy,.empty-state p,.input-hint{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.action-list,.order-list{display:grid;gap:10px}.action-card{min-height:92px;display:flex;align-items:center;gap:13px;padding:14px;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color .16s ease,transform .16s ease,background .16s ease}.action-card:hover{background:var(--surface-raised);border-color:#f5d34e6b}.action-card:active,.bottom-nav__item:active{transform:scale(.98)}.action-card__icon{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:var(--primary);background:#f5d34e21}.action-card__icon--cyan{color:var(--cyan);background:#6bd5e51f}.action-card__body{min-width:0;flex:1;display:grid;gap:5px}.action-card__body strong{font-size:16px}.action-card__body small{color:var(--muted);font-size:13px;line-height:1.35}.quiet-copy{text-align:center;font-size:12px}.page-header{min-height:38px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px}.page-header h1{font-size:19px;text-align:center}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;flex:0 0 auto;padding:0;color:var(--text);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:8px}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-raised)}.order-form,.order-detail-card,.error-state,.empty-state{display:grid;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.order-form{margin-top:12px}.form-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;color:var(--primary);background:#f5d34e1f}.order-form label{color:var(--soft, #d7deea);font-size:14px;font-weight:700}.amount-input{height:58px;display:flex;align-items:center;gap:9px;padding:0 15px;border:1px solid var(--border-strong);border-radius:8px;background:#0b0f19}.amount-input span{color:var(--primary);font-size:22px;font-weight:800}.amount-input input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:24px;font-weight:750}.amount-input input::placeholder,.find-order input::placeholder{color:#657187}.primary-button,.secondary-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:0}.primary-button{color:#10100a;background:var(--primary);border:1px solid var(--primary-strong)}.primary-button:hover{background:var(--primary-strong)}.secondary-button{color:var(--text);background:transparent;border:1px solid var(--border-strong)}.secondary-button:hover{background:var(--surface-soft)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.62}.form-error{display:flex;align-items:center;gap:7px;margin:0;color:var(--danger);font-size:13px;line-height:1.4}.find-order{display:flex;align-items:center;gap:8px}.find-order input{width:100%;height:42px;min-width:0;padding:0 12px;border:1px solid var(--border);border-radius:8px;outline:none;color:var(--text);background:var(--surface);font-size:13px}.find-order input:focus{border-color:#6bd5e5a8}.order-row{min-height:79px;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:11px;padding:12px 13px;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:8px}.order-row:hover{border-color:var(--border-strong)}.order-row__body,.order-row__right{min-width:0;display:grid;gap:5px}.order-row__body strong{font-size:14px}.order-row__body small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.order-row__right{justify-items:end}.order-row__right b{font-size:13px;white-space:nowrap}.status-badge{width:fit-content;max-width:100%;min-height:25px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--border);border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.status-badge--active{color:#c3f6fc;border-color:#6bd5e554;background:#6bd5e517}.status-badge--success{color:#c7f5d7;border-color:#82d7a859;background:#82d7a81a}.status-badge--danger{color:#ffcaca;border-color:#f48a8a59;background:#f48a8a1a}.status-badge--muted{color:#c5cbd7;background:#c5cbd714}.empty-state,.error-state{min-height:196px;align-content:center;justify-items:center;text-align:center}.empty-state{color:var(--muted)}.empty-state strong{color:var(--text);font-size:16px}.error-state p{margin:0;color:var(--muted);font-size:14px}.loading-state{min-height:246px;display:grid;place-items:center;color:var(--cyan)}.order-detail-card{margin-top:4px;gap:17px}.order-detail-card__heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.order-detail-card__amount{font-size:29px;line-height:1.1}.order-detail-list{display:grid;gap:0;margin:0;border-top:1px solid var(--border)}.order-detail-list div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.order-detail-list dt{color:var(--muted);font-size:12px}.order-detail-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text);font-size:12px;text-align:right}.bottom-nav{position:fixed;left:50%;bottom:calc(10px + var(--safe-bottom));width:min(calc(100% - 28px),512px);height:64px;z-index:10;display:grid;grid-template-columns:repeat(2,1fr);padding:5px;overflow:hidden;transform:translate(-50%);border:1px solid rgba(190,204,229,.17);border-radius:8px;background:#090d15f2;box-shadow:0 18px 38px #0000007a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav__item{display:grid;place-items:center;align-content:center;gap:3px;border-radius:6px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:700;transition:color .16s ease,background .16s ease,transform .16s ease}.bottom-nav__item--active{color:var(--primary);background:#f5d34e1a}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:720px){.app-shell{min-height:100vh;border-inline:1px solid rgba(190,204,229,.1)}.app-content{padding-top:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}