:root{--ink: #10201f;--muted: #61716f;--subtle: #8c9996;--line: rgba(27, 76, 90, .15);--line-strong: rgba(16, 111, 125, .28);--glass: rgba(255, 255, 255, .76);--glass-strong: rgba(255, 255, 255, .9);--teal: #0d8f80;--teal-deep: #066f64;--blue: #2068d8;--red: #c64238;--amber: #c47a18;--green: #248850;--surface: rgba(248, 252, 250, .72);--shadow: 0 22px 64px rgba(31, 72, 74, .13);--shadow-soft: 0 10px 30px rgba(31, 72, 74, .085);--hairline: inset 0 1px 0 rgba(255, 255, 255, .72)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 86% 8%,rgba(191,243,231,.45),transparent 32%),linear-gradient(180deg,#eaf4efcc 0,#f7faf6f0 280px,#f3f8f7fa),#f4f8f7;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang SC,Hiragino Sans GB,sans-serif}button,input{font:inherit}button{cursor:pointer}.as-button{display:block;width:100%;border:1px solid var(--line);color:inherit;text-align:left}.mobile-stage{min-height:100vh;display:grid;grid-template-columns:minmax(260px,430px) minmax(390px,430px);gap:72px;justify-content:center;align-items:center;padding:56px 32px}.mobile-stage.dark{--ink: #f4fffb;--muted: #c4d8d2;--subtle: #9bb3ad;--line: rgba(188, 236, 226, .22);--line-strong: rgba(100, 232, 210, .42);--glass: rgba(8, 25, 28, .84);--glass-strong: rgba(14, 42, 46, .96);--teal: #52ead0;--teal-deep: #8fffea;--blue: #9fbeff;--red: #ff7d70;--amber: #ffc46a;--green: #6fe1a0;--surface: rgba(13, 39, 43, .78);--shadow: 0 24px 70px rgba(0, 0, 0, .34);--shadow-soft: 0 14px 38px rgba(0, 0, 0, .28);--hairline: inset 0 1px 0 rgba(255, 255, 255, .08);background:radial-gradient(circle at 18% 8%,rgba(38,136,129,.22),transparent 34%),radial-gradient(circle at 82% 12%,rgba(68,117,222,.18),transparent 30%),linear-gradient(180deg,#061315 0,#091c20 360px,#071214)}.demo-copy{max-width:430px}.eyebrow{color:var(--teal-deep);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.demo-copy h1{margin:12px 0;color:var(--ink);font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.06em}.demo-copy p{color:var(--muted);font-size:17px;line-height:1.8}.demo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{border:1px solid var(--line);border-radius:16px;padding:12px 16px;color:var(--ink);background:var(--glass)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;font-weight:850}.dark .btn.primary{color:#061315}.btn.ghost{color:var(--teal-deep);font-weight:750}.btn.full{width:100%;margin-top:12px}.auth-stage{display:grid;grid-template-columns:minmax(300px,430px);padding:28px}.auth-card{width:min(100%,430px);border:1px solid var(--line);border-radius:34px;padding:30px 26px;color:var(--ink);background:var(--glass-strong);box-shadow:var(--shadow),var(--hairline)}.auth-card h1{margin:12px 0;color:var(--ink);font-size:clamp(34px,11vw,48px);line-height:1.04;letter-spacing:-.06em}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:750}.auth-form input{width:100%;min-height:54px;border:1px solid var(--line);border-radius:18px;padding:0 16px;color:var(--ink);background:var(--surface);outline:0}.auth-form input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #52ead01f}.form-error{margin:0;color:var(--red);font-size:13px}.auth-hint{margin-top:18px;border:1px solid var(--line);border-radius:20px;padding:14px 16px;color:var(--muted);background:var(--surface)}.auth-hint strong,.auth-hint span{display:block}.auth-hint strong{color:var(--teal-deep);font-size:13px}.auth-hint span{margin-top:6px;font-size:12px;line-height:1.6}.phone-shell{position:relative;width:min(390px,calc(100vw - 36px));height:760px;overflow:hidden;border:1px solid var(--line);border-radius:42px;background:linear-gradient(180deg,#ffffffc2,#f9fffdd6);box-shadow:var(--shadow)}.dark .phone-shell{background:linear-gradient(180deg,#0a2125db,#051214f0),var(--glass)}.speaker{position:absolute;top:17px;left:50%;width:100px;height:6px;border-radius:999px;background:var(--line-strong);transform:translate(-50%);z-index:2}.pwa-update-banner{position:absolute;top:34px;left:18px;right:18px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(82,234,208,.34);border-radius:18px;padding:12px 14px;color:var(--teal-deep);background:#061619f0;box-shadow:var(--shadow-soft),var(--hairline)}.pwa-update-banner strong,.pwa-update-banner span{display:block}.pwa-update-banner strong{font-size:13px}.pwa-update-banner span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.pwa-update-banner button{flex:0 0 auto;min-height:34px;border:0;border-radius:999px;padding:0 14px;color:#061315;background:linear-gradient(135deg,var(--teal),var(--blue));font-weight:850}.screen-content{height:100%;overflow:auto;padding:54px 28px 106px;scrollbar-width:none}.screen-content::-webkit-scrollbar{display:none}.hero-card,.panel-card,.metric-card,.filter-panel,.install-card,.profile-card,.search-box,.sync-banner,.bottom-tabs{border:1px solid var(--line);box-shadow:var(--shadow-soft),var(--hairline)}.sync-banner{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px;border-radius:20px;padding:14px 16px;color:var(--muted);background:var(--surface)}.sync-banner strong,.sync-banner span{display:block}.sync-banner strong{color:var(--teal-deep);font-size:13px}.sync-banner span,.sync-banner p{margin:4px 0 0;font-size:12px}.compact-sync{display:block;margin:12px 0 0}.hero-card{min-height:155px;border-radius:30px;padding:22px 24px;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff}.hero-card h2{margin:0;font-size:28px;letter-spacing:-.04em}.hero-card p{margin:10px 0 18px;opacity:.86}.hero-search-button{width:100%;min-height:46px;margin-top:12px;border:1px solid rgba(255,255,255,.38);border-radius:17px;color:#05272d;background:#ffffffe0;font-weight:900;box-shadow:0 18px 34px #08262d2e}.search-box{display:flex;align-items:center;gap:10px;min-height:42px;border-radius:17px;padding:0 14px;background:#ffffffeb}.dark .search-box{background:#133338fa}.search-box.standalone{margin:14px 0 16px;min-height:48px}.search-box span{color:var(--teal-deep);font-size:24px;line-height:1}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.search-box input::placeholder{color:var(--muted)}.search-action-row{display:flex;align-items:center;gap:10px;margin:-4px 0 16px}.search-action-row span{color:var(--muted);font-size:12px;line-height:1.35}.primary-search-button{border:0;border-radius:16px;min-height:42px;min-width:112px;padding:0 18px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--teal),var(--blue));box-shadow:0 14px 30px #22d3ee38}.primary-search-button:disabled{cursor:not-allowed;opacity:.72}.compare-exit-button{border:1px solid var(--line);border-radius:16px;min-height:42px;padding:0 13px;color:var(--teal-deep);background:var(--surface);font-size:12px;font-weight:850}.secondary-search-panel{display:grid;gap:9px;margin:-4px 0 12px;border:1px solid var(--line);border-radius:18px;padding:11px;background:#52ead014;box-shadow:var(--hairline)}.secondary-search-panel strong{display:block;color:var(--ink);font-size:13px}.secondary-search-panel span{color:var(--muted);font-size:11px}.secondary-search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:14px;padding:0 10px;background:var(--surface)}.secondary-search-box input{min-width:0;border:0;outline:0;color:var(--ink);background:transparent}.secondary-search-box button{border:0;border-radius:999px;padding:4px 8px;color:var(--teal-deep);background:#52ead029;font-size:11px;font-weight:850}.secondary-search-box .secondary-query-button{color:#061315;background:linear-gradient(135deg,var(--teal),var(--blue))}.secondary-search-panel p{margin:-2px 0 0;color:var(--muted);font-size:11px}.section-heading,.page-header,.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h3,.page-header h2,.card-title-row h3,.panel-card h3,.install-card h3,.profile-card h3{margin:0;color:var(--ink)}.section-heading{margin:24px 0 14px}.section-heading span,.page-header span,.mini-copy{color:var(--subtle);font-size:12px}.mini-button{min-height:34px;border:1px solid var(--line);border-radius:999px;padding:0 13px;color:var(--teal-deep);background:var(--surface);font-size:12px;font-weight:850}.inline-retry-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;border:1px solid rgba(255,196,106,.34);border-radius:18px;padding:12px 14px;color:var(--amber);background:#ffc46a1a}.inline-retry-card p{margin:0;color:inherit;font-size:12px;line-height:1.5}.inline-retry-card button{flex:0 0 auto;min-height:32px;border:1px solid rgba(255,196,106,.42);border-radius:999px;padding:0 13px;color:var(--ink);background:#ffc46a33;font-weight:850}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-card{min-height:92px;border-radius:24px;padding:20px;background:var(--glass-strong)}.metric-card span{display:block;color:var(--subtle);font-size:12px}.metric-card strong{display:block;margin-top:14px;color:var(--ink);font-family:SF Mono,Fira Code,monospace;font-size:25px}.danger-text{color:var(--red)!important}.panel-card,.install-card,.profile-card,.filter-panel{margin-top:18px;border-radius:25px;padding:20px 22px;background:var(--glass-strong)}.dark .panel-card,.dark .install-card,.dark .profile-card,.dark .filter-panel{background:var(--glass)}.install-card{background:#e7f9f5e6}.dark .install-card{background:#0e2a2ef5}.install-hero{margin-top:18px;border:1px solid var(--line);border-radius:28px;padding:22px;color:#fff;background:radial-gradient(circle at 86% 18%,rgba(159,190,255,.28),transparent 34%),linear-gradient(135deg,#062329,#0d8f80);box-shadow:var(--shadow-soft),var(--hairline)}.install-hero h3{margin:0;font-size:24px;letter-spacing:-.04em}.install-hero p{margin:12px 0 0;color:#ffffffd1;line-height:1.68}.install-hero .install-badge{border-color:#ffffff47;color:#061315;background:#52ead0}.install-card p{margin:12px 0 0;color:var(--muted);line-height:1.65}.install-badge{display:inline-flex;width:fit-content;margin-bottom:8px;border:1px solid var(--line-strong);border-radius:999px;padding:4px 10px;color:var(--teal-deep);background:#52ead01f;font-size:11px;font-weight:850;letter-spacing:.04em}.install-steps{display:grid;gap:10px;margin:14px 0 0;padding-left:20px;color:var(--muted);line-height:1.55;font-size:13px}.install-steps li::marker{color:var(--teal-deep);font-weight:900}.auth-install .install-card{margin-top:18px;padding:16px 18px}.auth-install .install-card h3{font-size:18px}.auth-install .install-card p,.auth-install .install-steps{font-size:12px}.muted{color:var(--muted);line-height:1.65}.mono{color:var(--muted);font-family:SF Mono,Fira Code,monospace;font-size:13px}.tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--teal-deep);background:#bfeee08f;font-size:12px;font-weight:750}.tag.danger,.danger-chip{color:var(--red);background:#f9d2ce6b;border-color:#c6423847}.tag.warn,.warn{color:var(--amber);background:#fbe5b880;border-color:#c47a1847}.tag.teal{color:var(--teal-deep)}.filter-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.filter-chips button,.filter-chips span{min-height:30px;border:1px solid var(--line);border-radius:999px;padding:0 16px;color:var(--teal-deep);background:#e7f9f5cc;font-size:12px}.filter-chips .apply{min-width:74px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue));border-color:transparent;font-weight:800}.dark .filter-chips .apply{color:#061315}.filter-chips button.selected{border-color:var(--line-strong);background:#52ead038;box-shadow:0 0 0 2px #52ead014}.filter-chips.compact{margin-top:12px}.record-list{display:grid;gap:7px;margin-top:10px}.inline-status{margin:0 0 12px;border:1px solid var(--line);border-radius:16px;padding:11px 13px;color:var(--muted);background:var(--surface);font-size:12px}.inline-status.danger{color:var(--red)}.inline-status.subtle{text-align:center}.load-more-button{width:100%;min-height:58px;margin-top:12px;border:1px solid var(--line-strong);border-radius:20px;color:var(--teal-deep);background:linear-gradient(135deg,#52ead024,#9fbeff1f);font-weight:850;box-shadow:var(--shadow-soft),var(--hairline)}.load-more-button span{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:650}.load-more-button:disabled{cursor:not-allowed;opacity:.68}.record-card h3,.order-card h3{display:-webkit-box;margin:2px 0 0;overflow:hidden;color:var(--ink);font-size:14px;line-height:1.22;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.record-card,.order-card,.todo-card{margin-top:0;border-radius:16px;padding:9px 11px}.compact-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:7px}.compact-card-head .mono{margin:0;font-size:10px;line-height:1.25}.compact-card-head .tag{padding:3px 7px;font-size:10px}.compact-card-meta{display:flex;flex-wrap:wrap;gap:4px 7px;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.25}.compact-card-meta span{min-width:0}.compact-card-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:6px}.status-pill{display:inline-flex;align-items:center;min-height:19px;border:1px solid var(--line);border-radius:999px;padding:0 7px;color:var(--teal-deep);background:#52ead01f;font-size:10px;font-weight:800}.record-card .mini-copy{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.compare-intro{margin:14px 0 12px;border:1px solid var(--line);border-radius:20px;padding:14px 15px;color:var(--ink);background:linear-gradient(135deg,#52ead029,#9fbeff1a);box-shadow:var(--shadow-soft),var(--hairline)}.compare-intro strong{display:block;font-size:15px}.compare-intro p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.compare-table{display:grid;gap:6px}.compare-table-head,.compare-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) 58px;align-items:center;gap:8px}.document-table-head,.document-row{grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr) 48px}.compare-table-head{padding:0 10px 2px;color:var(--muted);font-size:10px}.compare-row{min-height:46px;border:1px solid var(--line);border-radius:14px;padding:8px 10px;color:var(--ink);background:var(--surface);box-shadow:var(--hairline);text-align:left}.compare-row span{min-width:0;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.compare-row span:last-child{color:var(--teal-deep);font-weight:850}.todo-card h3{margin:0;color:var(--ink);font-size:16px}.todo-card .muted{display:-webkit-box;margin:7px 0 0;overflow:hidden;font-size:12px;line-height:1.45;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.order-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;color:var(--muted);font-size:11px}.order-metrics span{border-radius:999px;padding:4px 8px;background:#e7f9f5a8}.dark .order-metrics span{background:#52ead014}.order-metrics.vertical{display:grid;gap:8px}.linked-record-list{display:grid;gap:10px;margin-top:14px}.linked-record{display:grid;gap:5px;width:100%;border:1px solid var(--line);border-radius:18px;padding:13px 14px;color:inherit;background:var(--surface);text-align:left}.linked-record strong{color:var(--ink);font-size:14px}.linked-record small{color:var(--muted);font-size:12px}.profile-card{display:flex;align-items:center;gap:16px}.action-list{display:grid;gap:10px;margin-top:14px}.action-list button{min-height:44px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--surface);text-align:left;padding:0 14px;font-weight:750}.avatar{width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,var(--teal),var(--blue))}.bottom-tabs{position:absolute;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:repeat(6,1fr);min-height:64px;border-radius:25px;background:var(--glass-strong);z-index:3}.dark .bottom-tabs{background:var(--glass-strong)}.bottom-tabs button{border:0;color:var(--muted);background:transparent;font-size:11px;font-weight:750}.bottom-tabs button.active{color:var(--teal-deep)}.sheet-backdrop{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;padding:18px;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.38) 58%)}.detail-sheet{width:100%;max-height:min(700px,calc(100% - 28px));overflow:auto;border:1px solid var(--line);border-radius:30px;padding:12px 22px 24px;background:var(--glass-strong);box-shadow:var(--shadow)}.dark .detail-sheet{background:#061619f7}.sheet-handle{width:58px;height:5px;margin:0 auto 18px;border-radius:999px;background:var(--line-strong)}.detail-sheet h2{margin:6px 0 0;color:var(--ink);font-size:23px;letter-spacing:-.04em}.detail-sync-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:10px 12px;color:var(--muted);background:var(--surface);font-size:12px}.detail-sync-banner.loading{color:var(--blue)}.detail-sync-banner.synced{border-color:#52ead052;color:var(--teal-deep);background:#52ead01f}.detail-sync-banner.failed{border-color:#ffc46a57;color:var(--amber);background:#ffc46a1a}.detail-sync-banner button{flex:0 0 auto;min-height:28px;border:1px solid currentColor;border-radius:999px;padding:0 12px;color:inherit;background:transparent;font-weight:850}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--surface);font-size:24px;line-height:1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.compact-detail-grid{grid-template-columns:1fr;margin-top:14px}.detail-item{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface)}.detail-item span{display:block;color:var(--subtle);font-size:12px}.detail-item strong{display:block;margin-top:8px;color:var(--ink);font-size:14px}.timeline-card{margin-top:18px;border:1px solid var(--line);border-radius:24px;padding:20px;background:var(--surface)}.timeline-card h3{margin:0 0 16px;color:var(--ink)}.timeline-step{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:0 0 18px;color:var(--muted)}.timeline-step:last-child{padding-bottom:0}.timeline-step span{width:12px;height:12px;margin-top:5px;border:2px solid var(--line-strong);border-radius:999px;background:transparent}.timeline-step.done span{background:var(--teal)}.timeline-step.current span{background:var(--amber);border-color:transparent;box-shadow:0 0 0 5px #ffc46a24}.timeline-step strong{color:var(--ink)}.timeline-step p{margin:4px 0 0}.nested-card{margin-top:14px}.anomaly-form{display:grid;gap:12px;margin-top:14px}.anomaly-save-feedback{margin:0;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.5}.anomaly-save-feedback.success{border-color:#52ead052;color:var(--teal-deep);background:#52ead01f}.anomaly-save-feedback.warning{border-color:#ffc46a57;color:var(--amber);background:#ffc46a1a}.anomaly-save-feedback.danger{border-color:#ff7d7057;color:var(--red);background:#ff7d701a}.toggle-row{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-weight:750}.note-field{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:750}.note-field textarea{width:100%;min-height:96px;resize:vertical;border:1px solid var(--line);border-radius:18px;padding:12px 14px;color:var(--ink);background:var(--surface);outline:0;font:inherit}.note-field textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #52ead01f}.empty-state{text-align:center}@media(max-width:860px){.mobile-stage{display:block;padding:0}.demo-copy{display:none}.auth-stage{display:grid;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.auth-card{align-self:center;padding:28px 22px}.phone-shell{width:100vw;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}.speaker{display:none}.screen-content{padding:max(26px,env(safe-area-inset-top)) 22px calc(104px + env(safe-area-inset-bottom))}.bottom-tabs{left:18px;right:18px;bottom:max(16px,env(safe-area-inset-bottom))}.sheet-backdrop{padding:14px}}