@import"https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@500,700&f[]=general-sans@400,500&display=swap";:root{color-scheme:light;font-family:Cabinet Grotesk,Segoe UI Variable Display,Segoe UI,sans-serif;line-height:1.5;font-weight:500;color:#122027;background:radial-gradient(circle at 12% 8%,rgba(25,84,168,.11),transparent 28%),radial-gradient(circle at 86% 16%,rgba(15,118,110,.12),transparent 26%),radial-gradient(circle at 74% 80%,rgba(245,158,11,.1),transparent 24%),linear-gradient(180deg,#f6f8f5,#eef3ee 44%,#e9efea);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Cabinet Grotesk", "Segoe UI", sans-serif;--font-body: "Cabinet Grotesk", "Segoe UI", sans-serif;--font-numbers: "General Sans", "Segoe UI", sans-serif;--ink: #122027;--ink-soft: #314249;--muted: #5d6b72;--line: rgba(18, 32, 39, .1);--line-strong: rgba(18, 32, 39, .16);--panel: rgba(255, 255, 255, .54);--panel-strong: rgba(255, 255, 255, .74);--panel-deep: rgba(255, 255, 255, .86);--shadow-soft: 0 14px 38px rgba(14, 21, 27, .07);--shadow-float: 0 28px 76px rgba(14, 21, 27, .12);--shadow-button: 0 16px 26px rgba(15, 118, 110, .18);--teal: #0f766e;--teal-deep: #0b4f4a;--blue: #194eb1;--blue-soft: rgba(219, 234, 254, .88);--amber: #9b5f13;--amber-bg: rgba(254, 243, 199, .88);--red: #a11f2a;--red-bg: rgba(254, 226, 226, .92);--success: #166534;--success-bg: rgba(220, 252, 231, .9)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{min-width:320px;overflow-x:hidden;font-family:var(--font-body);overflow:hidden}body:before,body:after{content:"";position:fixed;z-index:-2;border-radius:999px;filter:blur(72px);opacity:.64;pointer-events:none}body:before{top:-2rem;right:-3rem;width:18rem;height:18rem;background:#1954a81f}body:after{left:-3rem;bottom:2rem;width:15rem;height:15rem;background:#0f766e1f}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55;transform:none;box-shadow:none}button:active{transform:translateY(1px) scale(.992)}code{padding:.18rem .42rem;border-radius:.55rem;background:#12202714}.app-loading,.setup-screen,.auth-screen{min-height:100vh;display:grid;place-items:center;padding:clamp(1rem,4vw,2rem)}.setup-card,.auth-card,.topbar,.banner,.install-banner,.bottom-nav,.sync-progress{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.setup-card,.auth-card,.card,.hero-panel,.action-tile,.list-row,.sync-progress,.banner,.install-banner{position:relative;overflow:hidden}.setup-card:before,.auth-card:before,.card:before,.hero-panel:before,.action-tile:before,.sync-progress:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:#ffffffc7;pointer-events:none}.setup-card{width:min(42rem,100%);padding:clamp(1.5rem,4vw,2.4rem);border-radius:2rem;display:grid;gap:.95rem;box-shadow:var(--shadow-float)}.setup-card h1,.auth-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(2.3rem,8vw,4.8rem);line-height:.94;letter-spacing:-.05em}.setup-card p,.auth-copy p,.auth-note{margin:0;max-width:35rem}.auth-shell{width:min(70rem,100%);display:grid;gap:clamp(1rem,2vw,1.8rem);align-items:center}.auth-copy{display:grid;gap:1rem;padding:.4rem 0;animation:softReveal .22s cubic-bezier(.2,.8,.2,1) both}.auth-card{display:grid;gap:1rem;padding:clamp(1.2rem,3vw,1.6rem);border-radius:1.7rem;box-shadow:var(--shadow-float);animation:cardRiseIn .26s cubic-bezier(.2,.8,.2,1) both;animation-delay:30ms}.auth-card-tag{margin:0;width:fit-content;padding:.34rem .66rem;border-radius:999px;border:1px solid var(--line);background:#ffffffc2;color:var(--ink-soft);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.auth-card-head{display:grid;gap:.22rem}.auth-card-head h2{margin:0;font-size:1.45rem;line-height:.98;letter-spacing:-.03em}.auth-card-head p{margin:0;color:var(--muted)}.auth-metrics{display:flex;gap:.7rem;flex-wrap:wrap}.eyebrow,.section-kicker,.field span,.account-label,.detail-grid strong,.metric-chip span,.section-divider span,.topbar-glance span{margin:0;color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-kicker{color:var(--blue)}.topbar-note,.card-head p,.card p,.auth-copy p,.auth-note,.muted,.list-row p,.install-hint,.sync-progress-copy span,.sync-progress-value,.response-row span,.account-value{color:var(--muted)}.install-hint,.error-box,.banner,.install-banner{border-radius:1.1rem;padding:.9rem 1rem}.install-hint,.install-banner{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(155,95,19,.14)}.error-box{margin:0;background:var(--red-bg);color:var(--red);border:1px solid rgba(161,31,42,.12)}.banner{width:min(61rem,calc(100vw - 2rem));margin:0 auto .85rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:var(--blue-soft);box-shadow:var(--shadow-soft);color:var(--blue);animation:softReveal .14s ease both}.sync-progress{width:min(61rem,calc(100vw - 2rem));margin:0 auto .85rem;padding:.95rem 1rem;border-radius:1.45rem;box-shadow:var(--shadow-soft);display:grid;gap:.55rem;animation:softReveal .16s ease both}.sync-progress-copy{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap}.sync-progress-copy strong{color:var(--ink)}.sync-progress-copy span,.sync-progress-value{font-size:.92rem}.sync-progress-track{width:100%;height:.7rem;overflow:hidden;border-radius:999px;background:#12202714}.sync-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue));transition:width .12s ease;position:relative}.sync-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:shimmer 2.4s linear infinite}.install-banner{width:min(61rem,calc(100vw - 2rem));margin:0 auto .85rem;display:flex;align-items:center;gap:1rem}.shell{min-height:100dvh;height:100dvh;padding:1rem 0 0;position:relative;display:flex;flex-direction:column;overflow:hidden}.shell:before{content:"";position:fixed;inset:auto 8% 18% auto;z-index:-1;width:11rem;height:11rem;border-radius:999px;background:radial-gradient(circle,rgba(15,118,110,.12),transparent 68%);filter:blur(34px);pointer-events:none}.topbar{position:relative;z-index:20;width:min(61rem,calc(100vw - 2rem));margin:0 auto .9rem;padding:1rem 5rem 1rem 1.1rem;border-radius:1.75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;box-shadow:var(--shadow-float);animation:softReveal .18s cubic-bezier(.2,.8,.2,1) both;overflow:visible}.topbar-copy{display:grid;gap:.18rem}.topbar-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.topbar h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.1rem);line-height:.94;letter-spacing:-.05em}.topbar-note{margin:.22rem 0 0;font-size:.95rem}.topbar-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:min(19rem,100%)}.header-metric{padding:.72rem .8rem;border-radius:1.15rem;border:1px solid var(--line);background:#ffffffb8;box-shadow:var(--shadow-soft);display:grid;gap:.14rem}.header-metric span{color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.header-metric strong{font-family:var(--font-numbers);font-size:1.14rem;line-height:1;color:var(--ink)}.status-pill,.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.25rem;padding:.48rem .82rem;border-radius:999px;font-size:.82rem;font-weight:800;border:1px solid transparent}.status-pill.ok,.status-badge.success,.metric-chip.success{background:var(--success-bg);color:var(--success)}.status-pill.warn,.status-badge.warning,.metric-chip.warning{background:var(--amber-bg);color:var(--amber)}.connection-flag{position:absolute;top:74%;right:-.45rem;z-index:3;box-shadow:var(--shadow-float);transform:translateY(-50%) rotate(3deg)}.connection-flag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff94;pointer-events:none}.status-badge.danger{background:var(--red-bg);color:var(--red)}.metric-chip.neutral{background:#ffffffc2;color:var(--ink)}.content{width:min(61rem,calc(100vw - 2rem));margin:0 auto;padding-bottom:6.8rem;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:auto}.home-screen{min-height:0;display:grid;align-content:start;gap:1rem}.hero-panel{padding:clamp(1.35rem,3vw,2rem);border-radius:2rem;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(25,84,168,.08),transparent 34%),linear-gradient(180deg,#ffffffbd,#ffffff6b);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-float);display:grid;gap:1.25rem;justify-items:center;text-align:center;animation:cardRiseIn .64s cubic-bezier(.2,.8,.2,1) both}.hero-copy{display:grid;gap:.55rem;max-width:32rem}.hero-copy h2{margin:0;font-size:clamp(1.9rem,7vw,3.1rem);line-height:.94;letter-spacing:-.05em}.hero-copy p{margin:0;color:var(--muted)}.hero-metrics{display:flex;gap:.72rem;flex-wrap:wrap;justify-content:center}.hero-actions{width:100%;display:grid;gap:.7rem}.metric-chip{min-width:7.2rem;padding:.82rem .98rem;border-radius:999px;border:1px solid var(--line);display:grid;gap:.12rem;background:#ffffffb3;box-shadow:0 10px 22px #1220270d}.metric-chip strong{font-family:var(--font-numbers);font-size:1.08rem;line-height:1;color:currentColor}.action-tile{width:100%;min-height:4rem;border-radius:1.3rem;padding:.95rem 1rem;border:1px solid transparent;display:flex;align-items:center;gap:.9rem;text-align:left;transition:transform .15s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.action-tile:hover,.list-row:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.bottom-nav button:hover{transform:translateY(-2px)}.action-tile.primary,.primary-button{background:linear-gradient(135deg,var(--teal) 0%,#164e63 100%);color:#f8fafc;box-shadow:var(--shadow-button)}.action-tile.secondary,.secondary-button{background:#ffffffc7;color:var(--ink);border-color:var(--line)}.action-tile.ghost,.ghost-button{background:#ffffff6b;color:var(--ink-soft);border-color:var(--line)}.action-tile-icon,.nav-icon{display:inline-flex;align-items:center;justify-content:center}.action-tile-icon{width:2.6rem;height:2.6rem;flex-shrink:0;border-radius:999px;background:#ffffff24}.action-tile-copy{display:grid;gap:.14rem}.action-tile-copy strong{font-size:1rem;line-height:1.05;letter-spacing:-.02em}.action-tile-copy small{color:inherit;opacity:.78;font-size:.84rem}.stack{display:grid;gap:.95rem;min-height:0}.card{border:1px solid var(--line);border-radius:1.55rem;padding:1.05rem;background:radial-gradient(circle at top right,rgba(25,84,168,.05),transparent 30%),linear-gradient(180deg,#ffffffb8,#ffffff61);box-shadow:var(--shadow-soft);animation:cardRiseIn .18s cubic-bezier(.2,.8,.2,1) both}.card-scroll{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:none;min-height:0;overflow:hidden}.card h2{margin:0;font-size:1.08rem;line-height:1;letter-spacing:-.03em}.card p{margin:0}.card-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.card-scroll .card-head{position:sticky;top:0;z-index:1;padding-bottom:.72rem;background:linear-gradient(180deg,#fffffff0,#ffffffd6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card-head p{margin-top:.34rem}.card-body{min-width:0}.card-body-scroll{min-height:0;overflow:auto;padding-right:.18rem}.primary-button,.secondary-button,.ghost-button,.danger-button{min-height:2.8rem;border-radius:999px;padding:.8rem 1.02rem;font-weight:800;letter-spacing:-.01em;border:1px solid transparent;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .18s ease}.danger-button{background:#fff2f2f0;color:var(--red);border-color:#a11f2a1f}.field{display:grid;gap:.48rem}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:1.08rem;padding:1rem;background:#ffffffd1;color:var(--ink);box-shadow:inset 0 1px #ffffffe0,0 8px 18px #12202708;transition:border-color .14s ease,box-shadow .16s ease,background .16s ease}.field input::placeholder,.field textarea::placeholder{color:#5d6b72c2}.field input:focus,.field textarea:focus{outline:none;border-color:#0f766e57;box-shadow:0 0 0 4px #0f766e14,inset 0 1px #ffffffeb}.field textarea{resize:vertical;min-height:8rem}.editor-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.editor-card{min-height:100%}.editor-actions{position:sticky;bottom:.85rem;padding:.72rem;border-radius:1.25rem;border:1px solid var(--line);background:#ffffffbd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}.form-grid{display:grid;gap:1rem;margin-bottom:1rem}.list{display:grid;gap:.72rem}.simple-list{gap:.55rem}.list-row{width:100%;border:1px solid var(--line);padding:.96rem 1rem;text-align:left;border-radius:1.2rem;background:#ffffffa8;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;box-shadow:0 10px 24px #1220270a;transition:transform .15s ease,border-color .16s ease,box-shadow .18s ease,background .18s ease;animation:cardRiseIn .15s cubic-bezier(.2,.8,.2,1) both}button.list-row{cursor:pointer}.list-row>:first-child{min-width:0}.list-row:hover{border-color:#1954a82e;box-shadow:0 16px 30px #12202712}.list-row strong{display:block;margin-bottom:.22rem;color:var(--ink);letter-spacing:-.02em}.list-row p{margin:0}.list-row-arrow{color:var(--teal-deep);font-weight:800;white-space:nowrap}.status-badge,.list-row-arrow{justify-self:end}.account-card{max-width:34rem}.account-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.account-copy{display:grid;gap:.2rem}.account-value{color:var(--ink);font-size:1.08rem}.detail-grid{display:grid;gap:.72rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.detail-grid>div,.response-row{padding:.9rem .92rem;border-radius:1rem;border:1px solid var(--line);background:#fff9}.detail-grid p{margin-top:.32rem;color:var(--ink)}.section-divider{margin:1rem 0 .8rem;padding-top:.2rem}.response-list{display:grid;gap:.68rem}.response-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.response-row strong{color:var(--ink);text-align:right;max-width:60%}.detail-actions{margin-top:1rem}.inline-actions{display:flex;gap:.65rem;flex-wrap:wrap}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;padding:1rem;background:#0a111447;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:softReveal .12s ease both}.modal-card{width:min(34rem,100%);max-height:min(80vh,42rem);overflow:auto;border-radius:1.55rem;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(25,84,168,.05),transparent 30%),linear-gradient(180deg,#ffffffe0,#ffffffad);box-shadow:var(--shadow-float);padding:1rem;animation:cardRiseIn .16s cubic-bezier(.2,.8,.2,1) both;position:relative}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;padding-right:2.6rem}.modal-head h2{margin:0;font-size:1.16rem;line-height:1.02;letter-spacing:-.03em}.modal-head p{margin:.3rem 0 0;color:var(--muted)}.modal-close{position:absolute;top:.85rem;right:.85rem;width:2rem;height:2rem;min-height:2rem;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#ffffff8f;color:var(--ink-soft);padding:0;box-shadow:0 8px 18px #1220270d;transition:transform .12s ease,border-color .14s ease,background .14s ease,color .14s ease}.modal-close:hover{border-color:var(--line-strong);background:#ffffffd1;color:var(--ink)}.modal-close span{display:block;line-height:1;font-size:1.15rem;transform:translateY(-1px)}.modal-actions{display:grid;gap:.7rem}.modal-list{max-height:min(62vh,28rem);overflow:auto;padding-right:.1rem}.setup-list{margin:0;padding-left:1.25rem}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:1rem;z-index:25;width:min(35rem,calc(100vw - 1rem));display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.56rem;border-radius:1.55rem;background:#0a1114e0;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 46px #0c121447}.bottom-nav button{border:0;border-radius:1rem;padding:.72rem .28rem;color:#96a4ab;background:transparent;display:grid;justify-items:center;gap:.26rem;font-weight:800;letter-spacing:-.01em;transition:transform .15s ease,color .15s ease,background .16s ease}.bottom-nav button.active{color:#f8fbfb;background:#ffffff1f}.bottom-nav button span:last-child{font-size:.74rem;line-height:1.05;text-align:center}.nav-icon{width:1.2rem;height:1.2rem}.nav-icon svg,.action-tile-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@keyframes softReveal{0%{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cardRiseIn{0%{opacity:0;transform:translateY(10px) scale(.992);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes shimmer{0%{transform:translate(-140%)}to{transform:translate(140%)}}.sync-progress-fill:after{animation-duration:1.4s}@media(min-width:860px){.auth-shell{grid-template-columns:1.1fr .9fr}.hero-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:859px){.topbar,.banner,.install-banner,.sync-progress,.content{width:calc(100vw - 1.4rem)}}@media(max-width:680px){.topbar,.banner{flex-direction:column;align-items:flex-start}.topbar{padding-right:1rem}.topbar-metrics{width:100%}.setup-card h1,.auth-copy h1,.hero-copy h2{font-size:clamp(2rem,12vw,3.2rem)}.card{padding:.98rem}.response-row strong{max-width:none;text-align:left}.metric-chip{min-width:calc(50% - .36rem)}.sync-progress-copy,.account-panel,.editor-intro{flex-direction:column;align-items:flex-start}.editor-actions{bottom:.6rem}.bottom-nav{width:calc(100vw - .7rem);padding:.5rem;gap:.32rem}}@media(max-width:460px){.list-row{grid-template-columns:1fr;align-items:flex-start}.connection-flag{top:.9rem;right:.85rem;transform:rotate(2deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}