:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132b45;background:#eef1f5;font-synthesis:none;--ink:#132b45;--muted:#788595;--line:#e9edf2;--accent:#f3a311;--green:#218363}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #729ac4;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.app{max-width:480px;margin:auto;min-height:100dvh;background:#f6f7f9;position:relative}header{padding:calc(env(safe-area-inset-top) + 20px) 24px 12px;display:flex;justify-content:space-between;align-items:center;min-height:78px}.brand{font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{color:#e99a0b}.brand small{font-size:10px;letter-spacing:2.3px;font-weight:650;color:#718095;display:block;margin-top:3px}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;position:relative}.icon-button:hover{background:#e9edf3}.unread-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#eea51b;top:9px;right:10px;border:2px solid #f6f7f9}.avatar{background:#e5ebf2;color:#29486b;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:12px;font-weight:700}main{padding:12px 24px calc(105px + env(safe-area-inset-bottom));outline:none}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:8px 0}h2{font-size:19px;letter-spacing:-.4px;margin:0}h3{font-size:15px;margin:0;font-weight:650;line-height:1.4}p{line-height:1.55}.subtitle{font-size:14px;color:var(--muted);margin:8px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:700}.demo-label{font-size:10px;color:#8d7550;border:1px solid #e7ddcb;border-radius:5px;padding:3px 6px;font-weight:500;letter-spacing:.3px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 12px}.section-heading a{font-size:13px;color:#677e96;min-height:40px;display:flex;align-items:center;gap:3px}.section-heading a svg{width:15px}.hero{background:#122e4e;color:white;padding:23px;border-radius:23px;box-shadow:0 8px 20px #132b4510;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#b3c3d4}.hero-count{display:flex;align-items:baseline;gap:10px;margin:17px 0 19px}.hero-count strong{font-size:50px;line-height:1;font-weight:650;letter-spacing:-2px}.hero-count span{font-size:15px}.hero-link{background:#f7b136;color:#172b41;display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border-radius:12px;font-weight:650;font-size:14px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.stat{padding:17px;background:white;border:1px solid var(--line);border-radius:18px}.stat>div{display:flex;gap:8px;align-items:center;color:#70859b;font-size:12px}.stat svg{width:17px;height:17px}.stat strong{font-size:25px;font-weight:650;display:block;margin:11px 0 3px;letter-spacing:-.7px}.stat small{color:var(--muted);font-size:11px}.card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:17px 16px;min-height:78px;width:100%;text-align:left}.row+.row{border-top:1px solid var(--line)}.row:hover{background:#fafbfd}.row-body{min-width:0;flex:1}.row-body p{margin:5px 0 0;font-size:12px;color:var(--muted);line-height:1.4}.row-meta{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:10px;color:var(--muted)}.row-meta time{margin-left:auto}.row>svg:last-child{width:16px;height:16px;color:#9ba8b5}.badge{display:inline-block;font-size:10px;font-weight:650;padding:4px 7px;border-radius:6px;background:#edf3fb;color:#587798}.badge.new{background:#fff3d9;color:#946315}.badge.waiting{background:#f0f2f5;color:#738092}.badge.closed{background:#e9f5ef;color:#298461}.symbol{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#edf2f8;color:#587795;flex:none}.symbol.amber{background:#fff5e2;color:#b07e24}.health{display:flex;align-items:center;gap:8px;font-size:12px;color:#678474;margin-top:22px}.dot{height:7px;width:7px;border-radius:50%;background:#2e9a76;flex:none}.dot.gray{background:#a7b0bd}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff5;border-top:1px solid #e4e9ef;z-index:5}nav a{display:flex;align-items:center;flex-direction:column;gap:5px;color:#8994a2;font-size:10px;font-weight:550;min-height:46px;justify-content:center;position:relative}nav a.active{color:#163858}nav a.active:before{content:"";width:30px;height:3px;background:#efa719;position:absolute;top:-10px;border-radius:0 0 4px 4px}.search{display:flex;align-items:center;gap:10px;background:#eaeef3;border-radius:12px;padding:0 12px;margin:20px 0 16px}.search svg{color:#8a97a5;width:18px}.search input{width:100%;height:44px;border:0;outline:0;background:none;color:var(--ink);font-size:16px}.segments{display:flex;gap:5px;padding:4px;background:#e9edf2;border-radius:12px;margin:18px 0}.segments button{flex:1;min-height:38px;font-size:12px;padding:7px;border-radius:9px}.segments button.selected{background:white;box-shadow:0 2px 4px #132b450b;font-weight:650}.count{font-size:12px;color:#8a96a4;margin:12px 2px}.empty{text-align:center;padding:40px 18px;color:var(--muted);font-size:14px}.empty svg{width:32px;height:32px;margin-bottom:10px}.detail-heading{font-size:25px;letter-spacing:-.7px;line-height:1.25;margin:15px 0}.ticket-person{display:flex;align-items:center;gap:10px;margin:20px 0}.ticket-person strong{font-size:13px}.ticket-person p{font-size:12px;color:var(--muted);margin:4px 0}.status-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid var(--line);border-radius:12px;background:white;padding:13px 15px;font-size:13px}.date-divider{text-align:center;color:#9aa5b2;font-size:11px;margin:25px 0}.bubble{max-width:91%;padding:15px 16px;background:white;border:1px solid var(--line);border-radius:17px 17px 17px 4px;margin:13px 0;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#e8eef5;border:0;border-radius:17px 17px 4px 17px}.bubble small{display:block;text-align:right;font-size:10px;color:#8390a0;margin-top:7px}.composer{display:flex;align-items:flex-end;gap:8px;background:white;border:1px solid #dfe5ec;border-radius:17px;padding:8px;margin-top:24px}.composer textarea{resize:vertical;min-height:44px;max-height:160px;flex:1;min-width:0;border:0;background:none;outline:none;padding:12px 8px;font-size:16px}.composer button{background:#173858;color:white;border-radius:11px;width:43px;height:43px;display:grid;place-items:center}.hint{font-size:11px;color:var(--muted);line-height:1.5;margin:10px 3px}.back{display:flex;align-items:center;gap:7px;font-size:13px;min-height:44px}.back svg{width:18px}.primary{border-radius:12px;min-height:48px;width:100%;background:#173858;color:#fff;font-size:14px;font-weight:650;padding:12px 16px}.secondary{border:1px solid #dae1e9;border-radius:12px;min-height:46px;width:100%;margin-top:10px;font-size:14px}.profile{display:flex;align-items:center;gap:15px;padding:20px;margin-top:20px}.profile .avatar{width:50px;height:50px}.profile p{font-size:12px;color:var(--muted);margin:5px 0}.large-icon{width:64px;height:64px;border-radius:19px;background:#eaf0f7;color:#244b74;display:grid;place-items:center;margin:10px 0 20px}.large-icon svg{width:35px;height:35px}.info{padding:19px;font-size:14px;color:#65758a;line-height:1.6}.info strong{color:var(--ink)}.offline{background:#fff0d3;color:#936a21;padding:10px 24px;font-size:12px}dialog{position:fixed;inset:auto 0 0;margin:auto;width:min(100%,480px);max-width:100%;max-height:85dvh;border:0;border-radius:25px 25px 0 0;padding:12px 24px calc(28px + env(safe-area-inset-bottom));color:var(--ink);box-shadow:0 -10px 40px #132b4514}dialog::backdrop{background:#0a1c3659}.handle{width:34px;height:4px;background:#d9dfe6;border-radius:5px;margin:0 auto 15px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}dialog p{font-size:14px;color:#708094;line-height:1.6}dialog .row{padding-left:0;padding-right:0}#toast{position:fixed;bottom:calc(95px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);background:#183652;color:white;padding:13px 18px;border-radius:13px;font-size:13px;z-index:20;pointer-events:none;opacity:0;transition:opacity .15s}#toast.show{opacity:1}.money{font-variant-numeric:tabular-nums}.gateway-meta{display:flex;gap:7px;align-items:center}.action-list{display:grid;gap:8px}.action-list button{text-align:left;padding:15px;background:#f3f5f8;border-radius:12px}.note-banner{margin:17px 0;padding:12px 14px;background:#fff6e7;border-radius:12px;color:#927137;font-size:12px;line-height:1.5}@media(min-width:600px){.app{box-shadow:0 0 60px #132b450b;border-inline:1px solid #e1e7ef}header{padding-top:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:360px){header{padding-inline:18px}main{padding-inline:18px}.hero{padding:19px}h1{font-size:27px}}[hidden]{display:none!important}