:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--font-heading:"Sora", var(--font-sans);--c1:#4f46e5;--primary:var(--c1);--primary-soft:#4f46e51f;--positive:#34d399;--positive-soft:#34d3991f;--warn:#d97706;--warn-soft:#d977061f;--danger:#ef4444;--danger-soft:#ef44441f;--bezel:#151822eb;--app-shadow:0 20px 50px -20px #4f46e52e;--c2:#3730a3;--c1-light:#4f46e514;--accent:#f59e0b;--accent-dk:#b45309;--bg:#f8fafc;--card:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--info:var(--c1);--success:var(--accent);--warning:#f59e0b;--premium:#7c3aed;--radius-button:18px;--radius-input:16px;--radius-card:24px;--radius-sheet:28px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014;--nav-height:64px;--btn-radius:18px;--btn-shadow-accent:#f59e0b3d;--btn-shadow-primary:#4f46e52e;--btn-text-primary:#1f2937;--card-strong:#f8fafc;--color-background-primary:var(--card);--color-background-secondary:var(--bg);--color-border-tertiary:var(--border);--color-text-primary:var(--text);--color-text-secondary:var(--muted);--color-text-tertiary:var(--muted)}:root[data-theme=dark]{--bg:#0b0f17;--card:#151c2c;--card-alt:#1f293d;--border:#24324d;--field-bg:#1f293d;--field-hover-bg:#273550;--field-focus-bg:#2b3b5a;--field-border:#384f73;--text:#f3f4f6;--muted:#9ca3af;--placeholder:#9ca3af99;--danger:#ef4444;--info:#60a5fa;--premium:#a78bfa;--accent:#f59e0b;--accent-dk:#b45309;--c1:#6366f1;--c2:#4f46e5;--c1-light:#6366f11f;--color-background-primary:var(--card);--color-background-secondary:#0b0f17;--color-border-tertiary:var(--border);--color-text-primary:var(--text);--color-text-secondary:var(--muted);--color-text-tertiary:var(--muted)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;overflow-x:hidden}body{min-height:100dvh}#root{background:var(--bg);justify-content:center;width:100%;min-height:100dvh;margin:0;padding:0;display:flex;overflow-x:hidden}.app-shell{background:var(--bg);width:100%;max-width:100%;min-height:100dvh;padding-left:0;padding-right:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);flex-direction:column;margin:0;display:flex;position:relative;overflow-x:hidden}@media (width>=900px){.app-shell{border-left:1px solid #0e5a450f;border-right:1px solid #0e5a450f}}.screen-intro{color:#111827;background:#f9fafb;flex-direction:column;align-items:center;min-height:100dvh;font-family:Plus Jakarta Sans,Manrope,sans-serif;display:flex;position:relative;overflow-x:hidden}.intro-nav{z-index:10;background:0 0;justify-content:space-between;align-items:center;width:100%;max-width:1120px;padding:24px 20px;display:flex}.intro-logo{color:#111827;letter-spacing:-.6px;align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.intro-nav-links{align-items:center;gap:32px;display:none}.intro-nav-link{color:#4b5563;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.intro-nav-link:hover{color:#111827}.intro-nav-actions{align-items:center;gap:20px;display:flex}.btn-nav-signin{color:#4b5563;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.btn-nav-signin:hover{color:#111827}.btn-nav-signup{color:var(--accent-dk);background:0 0;border:2px solid #f59e0b3d;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.btn-nav-signup:hover{border-color:var(--accent);background:#f59e0b14}.intro-hero-section{z-index:2;justify-content:center;width:100%;max-width:1120px;padding:38px 20px 72px;display:flex;position:relative}.intro-hero-content{grid-template-columns:1fr;align-items:center;gap:42px;width:100%;display:grid}.intro-copy-wrap{text-align:center;flex-direction:column;align-items:center;max-width:620px;margin:0 auto;display:flex}.badge-pill-green{color:var(--c2);background:#4f46e51f;border-radius:999px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #4f46e51f}.intro-copy-wrap h1{color:#111827;letter-spacing:-1.5px;margin-bottom:20px;font-size:40px;font-weight:900;line-height:1.1}h1,h2,h3,h4,h5,.brand{font-family:var(--font-heading)}.intro-copy-wrap h1 .text-emerald{color:var(--accent)}.intro-copy-wrap p{color:#4b5563;max-width:540px;margin-bottom:32px;font-size:16px;line-height:1.6}.intro-hero-actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.btn-hero-primary{background:var(--accent);width:100%;max-width:280px;color:var(--btn-text-primary);border-radius:var(--btn-radius);cursor:pointer;box-shadow:0 8px 20px var(--btn-shadow-accent);border:none;justify-content:center;align-items:center;gap:8px;padding:16px 28px;font-size:16px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-hero-primary:hover{background:var(--accent-dk);transform:translateY(-2px);box-shadow:0 12px 24px #f59e0b52}.btn-hero-secondary{width:100%;max-width:280px;color:var(--c2);border-radius:var(--btn-radius);cursor:pointer;background:#fff;border:1px solid #4f46e52e;justify-content:center;align-items:center;gap:8px;padding:16px 28px;font-size:16px;font-weight:700;transition:all .25s;display:flex}.btn-hero-secondary:hover{background:#4f46e50f;border-color:#4f46e542;transform:translateY(-2px)}.intro-mockup-wrapper{justify-content:center;width:100%;max-width:340px;margin:0 auto;padding:20px 30px 80px;display:flex;position:relative;overflow:visible}.intro-mockup-wrapper:after{content:"";z-index:0;pointer-events:none;opacity:.85;background:radial-gradient(60% 55% at 50% 60%,#a7f3d0 0%,#d1fae5 45%,#0000 75%);border-radius:60% 60% 50% 50%/55% 55% 45% 45%;width:340px;height:240px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.intro-blob-backdrop{z-index:1;pointer-events:none;opacity:.85;position:absolute;inset:-40px -60px}.phone-mockup{z-index:2;background:#fff;border:12px solid #1e293b;border-radius:40px;flex-direction:column;width:100%;height:520px;animation:6s ease-in-out infinite float-mockup;display:flex;position:relative;overflow:hidden;transform:rotate(8deg);box-shadow:0 25px 60px #0000001f,0 10px 25px #00000012}@keyframes float-mockup{0%{transform:rotate(8deg)translateY(0)}50%{transform:rotate(8deg)translateY(-8px)}to{transform:rotate(8deg)translateY(0)}}.phone-status-bar{color:#111827;z-index:4;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:32px;padding:0 20px;font-size:11px;font-weight:700;display:flex}.phone-status-right{align-items:center;gap:5px;display:flex}.phone-screen-content{background:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow:hidden}.mock-dashboard-header{text-align:left;justify-content:space-between;align-items:center;display:flex}.mock-greeting h4{color:#111827;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.mock-greeting p{color:#6b7280;font-size:8px}.mock-hdr-right{align-items:center;gap:6px;display:flex}.mock-avatar{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;width:24px;height:24px;overflow:hidden}.mock-sales-card{background:var(--c2);color:#fff;text-align:left;border-radius:18px;padding:14px}.mock-sales-label{color:#ffffffb3;font-size:9px;display:block}.mock-sales-val{margin:4px 0;font-size:22px;font-weight:800}.mock-sales-sub{color:#fffc;justify-content:space-between;align-items:center;font-size:9px;display:flex}.mock-sales-sub-badge{background:#fff3;border-radius:99px;padding:2px 6px;font-weight:700}.mock-stats-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mock-stat-col{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:8px 4px}.mock-stat-icon-wrap{width:16px;height:16px;color:var(--accent);margin:0 auto 4px}.mock-stat-label{color:#6b7280;font-size:8px;display:block;transform:scale(.9)}.mock-stat-num{color:#111827;font-size:11px;font-weight:800;display:block}.mock-stat-trend{margin-top:2px;font-size:7px;font-weight:700;display:block}.mock-stat-trend.up{color:var(--accent)}.mock-stat-trend.down{color:#ef4444}.mock-action-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.mock-action-btn{color:#4b5563;background:#fff;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;font-size:7.5px;font-weight:700;display:flex}.mock-action-icon{background:var(--c1-light);width:20px;height:20px;color:var(--c1);border-radius:6px;justify-content:center;align-items:center;display:flex}.mock-action-btn:nth-child(2) .mock-action-icon{color:var(--accent-dk);background:#f59e0b1f}.mock-action-btn:nth-child(3) .mock-action-icon{color:#ef4444;background:#fef2f2}.mock-action-btn:nth-child(4) .mock-action-icon{color:#f97316;background:#fff7ed}.mock-action-btn:nth-child(5) .mock-action-icon{color:#4b5563;background:#f3f4f6}.mock-recent-title{color:#111827;text-align:left;font-size:10px;font-weight:800}.mock-recent-list{flex-direction:column;gap:6px;display:flex}.mock-recent-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.mock-item-left{text-align:left;align-items:center;gap:8px;display:flex}.mock-item-circle{width:20px;height:20px;color:var(--c1);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.mock-item-name{color:#374151;font-size:9px;font-weight:700}.mock-item-date{color:#9ca3af;font-size:7.5px}.mock-item-amt{color:#111827;font-size:9px;font-weight:800}.floating-card{border:1px solid var(--c1-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:11;text-align:left;background:#fffffff2;border-radius:18px;padding:12px 14px;transition:transform .25s,box-shadow .25s;position:absolute;box-shadow:0 22px 50px #0f172a24}.floating-card:hover{transform:translateY(-4px)scale(1.03)}.floating-card-label{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}.floating-card-val{color:#111827;margin-top:2px;font-size:15px;font-weight:800;display:block}.floating-card-trend{align-items:center;gap:2px;margin-top:4px;font-size:9px;font-weight:700;display:flex}.fc-profit{width:120px;top:140px;left:-80px}.fc-sales{width:130px;top:60px;right:-90px}.fc-invoices{width:110px;top:220px;right:-90px}.floating-sparkline{width:100%;height:24px;margin-top:4px}.glossy-sphere{pointer-events:none;z-index:3;background:radial-gradient(circle at 30% 30%,#4f46e580,#6366f159,#3730a333);border-radius:50%;position:absolute;box-shadow:inset -4px -4px 8px #0003,0 10px 20px #4f46e529}.sphere-small{width:16px;height:16px;top:300px;left:20px}.sphere-med{width:24px;height:24px;top:10px;right:-30px}.intro-trust-bar{z-index:2;border-top:1px solid #e5e7eb;grid-template-columns:repeat(2,1fr);gap:16px 24px;width:100%;max-width:1120px;padding:32px 20px 24px;display:grid}.trust-item{text-align:left;align-items:center;gap:10px;display:flex}.trust-item-icon{color:var(--accent);flex-shrink:0}.trust-item-text h4{color:#111827;font-size:13px;font-weight:800}.trust-item-text p{color:#6b7280;font-size:11px}.trusted-by-section{text-align:center;z-index:2;width:100%;max-width:1120px;padding:60px 20px 40px}.trusted-by-section h3{color:#6b7280;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px;font-size:11px;font-weight:800}.trusted-by-row{flex-wrap:wrap;justify-content:center;gap:14px 20px;display:flex}.trusted-by-pill{flex-direction:column;align-items:center;gap:6px;min-width:80px;display:flex}.trusted-by-icon-circle{background:var(--c1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s;display:flex;box-shadow:0 4px 12px #4f46e533}.trusted-by-pill:hover .trusted-by-icon-circle{background:var(--c2);color:#fff;transform:translateY(-3px);box-shadow:0 8px 18px #4f46e547}.trusted-by-pill span{color:#4b5563;font-size:11px;font-weight:700}.landing-section{text-align:center;width:100%;max-width:1120px;padding:80px 24px 60px}.section-tag{color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.landing-section h2{color:#111827;letter-spacing:-.8px;margin-bottom:40px;font-size:28px;font-weight:900}.features-grid{grid-template-columns:repeat(1,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--c1-light);text-align:left;background:#fff;border-radius:22px;flex-direction:column;gap:10px;min-height:124px;padding:18px;transition:transform .25s,box-shadow .25s;display:flex}.feature-card:hover{border-color:var(--accent);box-shadow:0 10px 25px var(--c1-light);transform:translateY(-4px)}.feature-icon-box{background:var(--c1-light);width:40px;height:40px;color:var(--c1);border-radius:12px;justify-content:center;align-items:center;display:flex}.feature-card:first-child .feature-icon-box{color:var(--accent-dk);background:#f59e0b1f}.feature-card:nth-child(2) .feature-icon-box{background:var(--c1-light);color:var(--c1)}.feature-card:nth-child(3) .feature-icon-box{background:var(--c1-light);color:var(--c2)}.feature-card:nth-child(4) .feature-icon-box{color:var(--accent-dk);background:#f59e0b1f}.feature-card:nth-child(5) .feature-icon-box{color:var(--danger);background:#ef44441f}.feature-card:nth-child(6) .feature-icon-box{color:var(--premium);background:#7c3aed1f}.feature-card:nth-child(7) .feature-icon-box{background:var(--c1-light);color:var(--c1)}.feature-card:nth-child(8) .feature-icon-box{color:var(--accent-dk);background:#f59e0b1f}.feature-card h3{color:#111827;font-size:13px;font-weight:800}.feature-card p{color:#4b5563;font-size:12px;line-height:1.55}.bottom-cta-banner{background:linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);text-align:center;color:#fff;border-radius:32px 32px 0 0;flex-direction:column;align-items:center;gap:18px;width:100vw;max-width:none;margin:40px calc(50% - 50vw) 0;padding:46px 32px 28px;display:flex;box-shadow:0 15px 35px #4f46e52e}.bottom-cta-left h3{letter-spacing:-.6px;margin-bottom:8px;font-size:34px;font-weight:900;line-height:1.05}.bottom-cta-left p{color:#ffffffe6;max-width:520px;font-size:15px}.btn-bottom-cta{color:var(--c2);cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:16px 28px;font-size:15px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 6px 18px #0000001a}.btn-bottom-cta:hover{background:#4f46e50f;transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.demo-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.demo-modal-content{width:100%;max-width:640px;box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;position:relative;overflow:hidden}.demo-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.demo-modal-header h3{color:#111827;font-size:15px;font-weight:800}.btn-close-modal{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.demo-video-placeholder{aspect-ratio:16/9;color:#fff;background:radial-gradient(circle,#0f172a 0%,#020617 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.demo-play-btn{background:var(--accent);cursor:pointer;color:#1f2937;border:none;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:12px;transition:all .2s;display:grid;box-shadow:0 8px 16px #f59e0b3d}.demo-play-btn:hover{transform:scale(1.08)}.landing-footer{color:#9ca3af;background:#111827;border-top:1px solid #1f2937;flex-direction:column;align-items:center;width:100%;padding:60px 20px 30px;display:flex}.footer-content{grid-template-columns:1fr;gap:32px;width:100%;max-width:1120px;margin-bottom:40px;display:grid}.footer-brand{flex-direction:column;gap:12px;display:flex}.footer-brand p{max-width:260px;font-size:13px;line-height:1.5}.footer-links-group{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.footer-col h4{color:#fff;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul a{color:#9ca3af;font-size:13px;text-decoration:none;transition:color .2s}.footer-col ul a:hover{color:#fff}.landing-cta-section{background:#f8fafc;justify-content:center;width:100%;padding:40px 24px 80px;display:flex}.landing-cta-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;flex-direction:column;align-items:flex-start;gap:20px;width:100%;max-width:1040px;padding:32px;display:flex;box-shadow:0 22px 45px #0f172a0f}.cta-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:800;display:inline-flex}.landing-cta-card h2{color:#111827;max-width:720px;font-size:32px;font-weight:800;line-height:1.1}.landing-cta-actions{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}@media (width<=760px){.landing-cta-card{padding:26px}.landing-cta-actions{grid-template-columns:1fr}.landing-cta-card h2{font-size:28px}}.footer-bottom{border-top:1px solid #1f2937;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:1120px;padding-top:30px;font-size:12px;display:flex}@media (width>=1024px){.intro-hero-banner{padding-bottom:220px}.intro-copy-wrap h1{font-size:56px}.intro-nav-links{display:flex}.intro-hero-content{text-align:left;grid-template-columns:1.05fr .95fr;gap:48px}.intro-copy-wrap{text-align:left;align-items:flex-start}.intro-hero-actions{flex-direction:row;justify-content:flex-start;width:auto}.intro-hero-actions button{min-width:200px}.intro-mockup-wrapper{max-width:380px;padding:20px 40px 100px}.phone-mockup{height:540px}.features-grid{grid-template-columns:repeat(3,1fr)}.intro-trust-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(3,1fr);max-width:1120px}.testimonial-grid{grid-template-columns:repeat(3,1fr)}.footer-content{grid-template-columns:1fr 1fr}}@media (width>=1280px){.intro-copy-wrap h1{font-size:64px}}.auth-screen-wrap{background:#f8fafc;width:100%;min-height:100dvh;font-family:Plus Jakarta Sans,Manrope,sans-serif;display:flex}.auth-left-panel{background:linear-gradient(160deg, var(--c1) 0%, var(--c2) 45%, #4f46e5f5 100%);flex-direction:column;justify-content:center;width:46%;min-height:100dvh;padding:40px;display:none;position:sticky;top:0;overflow:hidden}.auth-left-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#fff0 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-160px;right:-160px}.auth-left-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0f 0%,#fff0 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-100px;left:-100px}.auth-left-inner{z-index:2;max-width:420px;margin:0 auto;position:relative}.auth-left-logo{color:#fff;align-items:center;gap:10px;margin-bottom:56px;font-size:22px;font-weight:800;display:flex}.auth-left-copy{margin-bottom:32px}.auth-left-copy h2{color:#fff;letter-spacing:-.8px;margin-bottom:12px;font-size:30px;font-weight:800;line-height:1.2}.auth-left-copy p{color:#ffffffd9;font-size:15px;line-height:1.6}.auth-left-features{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.auth-left-feature-item{color:#ffffffeb;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.auth-feature-dot{background:#a7f3d0;border-radius:50%;flex-shrink:0;width:8px;height:8px}.auth-left-quote{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:20px;padding:20px 24px}.auth-quote-stars{color:#fcd34d;letter-spacing:2px;margin-bottom:10px;font-size:14px}.auth-left-quote p{color:#ffffffe6;margin-bottom:14px;font-size:13px;font-style:italic;line-height:1.6}.auth-quote-author{align-items:center;gap:10px;display:flex}.auth-quote-avatar{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.auth-quote-author strong{color:#fff;font-size:12px;display:block}.auth-quote-author span{color:#ffffffb3;font-size:11px}.auth-trust-row{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.auth-trust-badge{color:#ffffffe6;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.auth-right-panel{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:100dvh;padding:20px 16px 60px;display:flex;overflow-y:auto}.auth-mobile-topbar{justify-content:space-between;align-items:center;width:100%;max-width:520px;padding:8px 0 16px;display:flex}.auth-back-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.auth-back-btn:hover{background:#f9fafb;border-color:#d1d5db}.auth-mobile-logo{color:#111827;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.auth-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;width:100%;max-width:520px;margin-top:8px;padding:32px 28px;box-shadow:0 8px 28px #0000000f}.auth-form-header{margin-bottom:28px}.auth-rec-badge{color:var(--accent-dk);background:#f59e0b1f;border:1px solid #f59e0b3d;border-radius:999px;align-items:center;gap:5px;margin-bottom:14px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.auth-form-header h1{color:#111827;letter-spacing:-.7px;margin-bottom:6px;font-size:26px;font-weight:800}.auth-form-header p{color:#6b7280;font-size:14px;line-height:1.5}.auth-form-body{flex-direction:column;gap:16px;display:flex}.auth-field-group{flex-direction:column;gap:6px;display:flex}.auth-field-label{color:#374151;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.auth-optional-tag{color:#9ca3af;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:#9ca3af;pointer-events:none;flex-shrink:0;position:absolute;left:14px}.auth-input{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:16px;outline:none;width:100%;height:52px;padding:0 46px 0 44px;font-family:inherit;font-size:15px;transition:all .2s}.auth-input:focus{border-color:var(--c2);background:#fff;box-shadow:0 0 0 3px #4f46e514}.auth-input::placeholder{color:#9ca3af;font-size:14px}.auth-input-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.auth-input-toggle:hover{color:#374151}.auth-field-hint{color:#6b7280;font-size:12px}.auth-hint-info{color:var(--c1)}.auth-field-error{color:#ef4444;font-size:12px;font-weight:600}.auth-error-msg{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600}.auth-pin-section{flex-direction:column;gap:10px;display:flex}.auth-pin-label{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.auth-pin-dots{justify-content:center;gap:10px;margin:4px 0;display:flex}.auth-pin-dot{background:#fff;border:2px solid #d1d5db;border-radius:50%;width:14px;height:14px;transition:all .15s}.auth-pin-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.auth-btn-primary{background:var(--accent);width:100%;height:54px;color:var(--btn-text-primary);cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:16px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 20px #f59e0b33}.auth-btn-primary:hover:not(:disabled){background:var(--accent-dk);transform:translateY(-2px);box-shadow:0 12px 24px #f59e0b4d}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;justify-content:center;align-items:center;gap:8px;height:54px;padding:0 20px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex}.auth-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.auth-btn-google{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex}.auth-btn-google:hover{background:#f9fafb;border-color:#d1d5db}.auth-or-divider{color:#9ca3af;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.auth-or-divider:before,.auth-or-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.auth-forgot-link{color:var(--accent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:700;transition:color .2s;display:flex}.auth-forgot-link:hover{color:var(--accent-dk)}.auth-switch-row{color:#6b7280;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.auth-switch-link{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;font-family:inherit;font-size:13px;font-weight:700;transition:color .2s;display:flex}.auth-switch-link:hover{color:var(--accent-dk)}.auth-skip-btn{color:#9ca3af;cursor:pointer;text-align:center;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:600;transition:color .2s}.auth-skip-btn:hover{color:#6b7280}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-forgot-header{text-align:center;margin-bottom:24px}.auth-forgot-icon{color:var(--accent);margin-bottom:12px}.auth-forgot-header h3{color:#111827;margin-bottom:6px;font-size:20px;font-weight:800}.auth-forgot-header p{color:#6b7280;font-size:13px}.auth-forgot-actions{gap:10px;margin-top:16px;display:flex}.auth-dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a99;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.auth-dialog-card{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:460px;padding:32px 28px;box-shadow:0 20px 50px #00000026}.auth-dialog-icon{margin-bottom:14px;font-size:36px}.auth-dialog-title{color:#111827;margin-bottom:10px;font-size:20px;font-weight:800}.auth-dialog-body{color:#6b7280;margin-bottom:16px;font-size:14px;line-height:1.5}.auth-dialog-warning{color:#92400e;text-align:left;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:12px;display:flex}.auth-dialog-warning svg{color:#f97316;flex-shrink:0;margin-top:1px}.auth-dialog-actions{gap:10px;display:flex}.auth-dialog-actions button{flex:1}@media (width>=768px){.auth-left-panel{display:flex}.auth-mobile-topbar,.auth-mobile-logo{display:none}.auth-right-panel{justify-content:center;padding:40px 40px 60px}.auth-form-card{margin-top:0}}@media (width>=1024px){.auth-left-panel{width:48%;padding:60px}.auth-form-card{padding:40px 36px}}h1,h2,h3,h4{letter-spacing:-.3px}.screen-title{color:var(--text);letter-spacing:-.3px;font-size:20px;font-weight:600}.section-header{color:var(--c2);letter-spacing:.2px;font-size:15px;font-weight:600}.body-text{color:var(--muted);font-size:13px;font-weight:400;line-height:1.5}.nav-label{color:var(--muted);letter-spacing:.5px;font-size:11px;font-weight:500}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4f46e54d;border-radius:2px}.hdr{background:linear-gradient(135deg, var(--c2) 0%, var(--c1) 100%);color:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px 10px;display:flex;box-shadow:0 6px 16px #4f46e51f}.hdr-title{flex:1 1 0;min-width:0;font-size:16px;font-weight:600}.hdr-title-line{font-size:14px;font-weight:700;line-height:1.2}.hdr-subtitle{opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.hdr-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-right:6px;display:flex}.hdr-btn{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:15px;transition:transform .15s,background-color .15s;display:flex;box-shadow:inset 0 1px #ffffff38}.hdr-btn:hover{background:#ffffff38;transform:translateY(-1px)}.sync-status{text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}@media (width<=640px){.hdr{align-items:flex-start}.hdr-actions{justify-content:flex-start;width:100%}.hdr-title{width:100%}.hdr-btn{min-width:36px;height:36px;padding:0 8px}.hdr-subtitle{white-space:normal}.app-topbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.app-brand{text-align:left;align-items:flex-start}}.sync-ok{background:#fff3}.sync-off{background:#ffffff24}.bottom-nav{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);z-index:280;justify-content:center;padding:0;display:flex;position:fixed}.bottom-nav-shell{box-sizing:border-box;width:100vw;max-width:100vw;padding:4px env(safe-area-inset-right,8px) 4px env(safe-area-inset-left,8px);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto;background:#fffffff5;border:1px solid #0f172a14;border-radius:999px;grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;gap:2px;display:grid;box-shadow:0 16px 24px #0f172a24}.bottom-nav-item,.bottom-nav-action{color:#475569;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:4px 0;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s;display:flex}.bottom-nav-item{min-width:38px;font-size:10px}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-action{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dk) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;box-shadow:0 14px 22px #f59e0b38}.screen-home .home-body{padding-bottom:env(safe-area-inset-bottom,0px)}@media (width>=900px){.bottom-nav{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);padding:0 12px}.bottom-nav-shell{grid-template-columns:1fr 1fr auto 1fr 1fr;gap:8px;width:100%;max-width:100%;padding:10px 14px}.bottom-nav-item,.bottom-nav-action{padding:8px 0}.bottom-nav-item{min-width:46px}.bottom-nav-action{width:50px;height:50px;margin:0 3px}}.home-banner-row{background:linear-gradient(135deg,#4f46e51f,#4f46e50f);border:1px solid #4f46e524;border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;margin:0 16px;padding:18px;display:flex;box-shadow:0 18px 40px #4f46e50d}@media (width>=640px){.home-banner-row{flex-direction:row;align-items:flex-start}}.home-banner-tag{text-transform:uppercase;letter-spacing:.18em;color:var(--c1);margin-bottom:6px;font-size:11px;font-weight:700}.home-banner-title{color:#0f172a;font-size:24px;font-weight:800;line-height:1.15}.home-banner-pill{color:var(--c1);text-transform:uppercase;background:#4f46e51a;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.home-section-label{text-transform:uppercase;letter-spacing:.6px;color:#9ca3af;margin-bottom:8px;padding:0 16px;font-size:10px;font-weight:600}.home-greeting-shell{background:linear-gradient(135deg,#2563eb29,#3b82f61a);border:1px solid #2563eb38;border-radius:20px;margin:0 16px 10px;padding:10px 14px 12px}.home-greeting-title{text-transform:uppercase;letter-spacing:.16em;color:#2563eb;margin-bottom:6px;font-size:11px;font-weight:700}.home-greeting-date{color:#1e3a8a;padding:0 0 8px;font-size:28px;font-weight:800;line-height:1.05}.home-greeting-copy{color:#475569;max-width:680px;font-size:13px;line-height:1.6}.home-stat-grid{grid-template-columns:1fr;gap:12px;margin:0 16px;display:grid}.home-stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:14px 16px;transition:background .25s,border-color .25s,box-shadow .25s;box-shadow:0 1px 6px #0000000a}.home-stat-card.theme-sales{background:linear-gradient(135deg,#4dd7d8 0%,#23b7c5 100%);border-color:#24999938;box-shadow:0 6px 20px #23b7c524}.home-stat-card.theme-inventory{background:linear-gradient(135deg,#183a67 0%,#1b3a5c 100%);border-color:#ffffff2e;box-shadow:0 6px 20px #1b3a5c38}.home-stat-card.theme-expense{background:linear-gradient(135deg,#ff6b6b 0%,#ef4444 100%);border-color:#fff3;box-shadow:0 6px 20px #ef44442e}.home-stat-card.theme-sales .home-stat-label,.home-stat-card.theme-sales .home-stat-note,.home-stat-card.theme-sales .home-stat-value,.home-stat-card.theme-inventory .home-stat-label,.home-stat-card.theme-inventory .home-stat-note,.home-stat-card.theme-inventory .home-stat-value,.home-stat-card.theme-expense .home-stat-label,.home-stat-card.theme-expense .home-stat-note,.home-stat-card.theme-expense .home-stat-value{color:#fff}.home-stat-card.theme-sales .home-stat-switcher,.home-stat-card.theme-inventory .home-stat-switcher,.home-stat-card.theme-expense .home-stat-switcher{background:#ffffff29}.home-stat-card.theme-sales .home-stat-switcher button,.home-stat-card.theme-inventory .home-stat-switcher button,.home-stat-card.theme-expense .home-stat-switcher button{color:#ffffffeb}.home-stat-card.theme-sales .home-stat-switcher button.active,.home-stat-card.theme-inventory .home-stat-switcher button.active,.home-stat-card.theme-expense .home-stat-switcher button.active{color:#fff;background:#ffffff38}.home-stat-card-wide{grid-column:1/-1}.home-stat-label{text-transform:uppercase;color:#64748b;letter-spacing:.16em;margin-bottom:10px;font-size:11px;font-weight:700}.home-stat-card-sale .home-stat-value{color:#ef4444}.home-stat-card-expense .home-stat-value{color:#1a1a1a}.home-stat-card-inventory .home-stat-value{color:var(--c1)}.home-stat-value{font-size:28px;font-weight:800}.home-stat-note{color:#9ca3af;margin-top:8px;font-size:11px}.home-quick-actions{grid-template-columns:1fr;gap:12px;margin-bottom:20px;padding:0 16px;display:grid}.home-quick-actions .filled-card{border-radius:18px;min-height:82px;padding:12px 12px 12px 72px;box-shadow:0 10px 24px #4f46e514}@media (width>=520px){.home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.home-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 24px}}@media (width>=640px){.home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.home-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.home-outstanding-grid{grid-template-columns:1fr}}.home-quick-actions .filled-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px #4f46e51a}.home-quick-actions .filled-card-badge{border-radius:16px;width:40px;height:40px;font-size:16px;top:12px;left:12px}.home-quick-actions .filled-card-title{margin-bottom:4px;font-size:12px;font-weight:800}.home-quick-actions .filled-card-sub{font-size:10px;line-height:1.4}.home-stat-card-toggle{padding:16px 18px}.home-stat-switcher{background:#ffffff29;border:1px solid #fff3;border-radius:999px;gap:8px;margin-bottom:10px;padding:6px;display:flex}.home-stat-switcher button{color:#ffffffeb;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 0;font-size:11px;font-weight:700}.home-stat-switcher button.active{color:#fff;background:#ffffff3d}.home-stat-card .home-stat-label,.home-stat-card .home-stat-value,.home-stat-card .home-stat-note{color:inherit}.home-stat-card.sales-active .home-stat-label,.home-stat-card.sales-active .home-stat-value,.home-stat-card.sales-active .home-stat-note,.home-stat-card.inventory-active .home-stat-label,.home-stat-card.inventory-active .home-stat-value,.home-stat-card.inventory-active .home-stat-note,.home-stat-card.expense-active .home-stat-label,.home-stat-card.expense-active .home-stat-value,.home-stat-card.expense-active .home-stat-note{color:#fff}.home-stat-value.expense{color:#1a1a1a}.home-stat-value.inventory{color:var(--c1)}.home-outstanding-card{color:#fff;border-radius:18px;margin:0 16px 16px;padding:16px 18px}.home-outstanding-card.document-active{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:1px solid #f59e0b3d;box-shadow:0 6px 20px #f59e0b24}.home-outstanding-card.inventory-active{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);border:1px solid #4f46e53d;box-shadow:0 6px 20px #4f46e529}.home-outstanding-card .filled-debt-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.home-outstanding-card .filled-debt-title{color:#ecfeff;font-size:13px;font-weight:700}.home-outstanding-card .filled-debt-pill{color:#e0f7fa;background:#ffffff24;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.home-outstanding-card .filled-debt-amount{color:#fff;margin-bottom:6px;font-size:32px;font-weight:800}.home-outstanding-card .filled-debt-sub{color:#ffffffd9;margin-bottom:14px;font-size:12px}.home-outstanding-indicators{justify-content:center;gap:6px;display:flex}.home-outstanding-indicators span{background:#94a3b83d;border-radius:50%;width:10px;height:10px}.home-outstanding-indicators span.active{background:#fff}.home-action-card{cursor:pointer;background:#fff;border:1px solid #5b66ff1f;border-radius:20px;align-items:center;gap:14px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 12px 28px #5b66ff14}.home-action-card:hover{border-color:#5b66ff38;transform:translateY(-1px);box-shadow:0 18px 30px #5b66ff1a}.home-action-icon{color:#4f46e5;background:#5b66ff24;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.home-action-title{color:#0f172a;font-size:13px;font-weight:700}.home-action-desc{color:#475569;margin-top:3px;font-size:12px;line-height:1.45}.home-action-trend{letter-spacing:.02em;color:#334155;background:#0f172a0a;border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.home-action-trend.positive{color:#166f3d;background:#16a34a1f}.home-action-trend.negative{color:#991b1b;background:#dc26261f}.home-menu-overlay{background:#0f172a66;align-items:stretch;display:flex;position:fixed;inset:0}.home-menu-panel{background:#f8fafc;border-right:1px solid #94a3b829;flex-direction:column;width:min(380px,100%);height:100dvh;max-height:100dvh;padding:18px;display:flex;overflow:hidden}.home-menu-header .hdr-btn{color:#0f172a;background:#ffffff29;border:1px solid #ffffff47}.home-menu-header .hdr-btn:hover{opacity:.94;background:#ffffff3d}:root[data-theme=dark] .home-menu-header .hdr-btn{color:#fff;background:#ffffff14;border-color:#ffffff2e}.home-menu-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.home-menu-subtitle{color:#475569;margin-top:4px;font-size:12px}.home-menu-list{padding-right:8px;padding-bottom:env(safe-area-inset-bottom,8px);-webkit-overflow-scrolling:touch;flex:1;gap:12px;min-width:0;display:grid;overflow:hidden auto}.home-menu-list::-webkit-scrollbar{width:8px}.home-menu-list::-webkit-scrollbar-track{background:0 0}.home-menu-list::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}.home-menu-list::-webkit-scrollbar-thumb:hover{background:#94a3b899}.filled-card{cursor:pointer;background:#fff;border:1px solid #0f172a0f;border-radius:20px;flex-direction:column;justify-content:center;width:100%;min-height:102px;padding:18px 18px 18px 84px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:visible;box-shadow:0 20px 45px #0f172a14}.filled-card:hover{border-color:#0f172a1a;transform:translateY(-3px);box-shadow:0 24px 60px #0f172a1f}.filled-card:active{transform:scale(.997)}.filled-card-body{display:block}.filled-card-title{color:#111827;margin-bottom:6px;font-size:16px;font-weight:800;line-height:1.18}.filled-card-sub{color:#6b7280;font-size:13px;line-height:1.5}.filled-card:before{content:"";background:#4f46e514;border-radius:14px;width:46px;height:46px;position:absolute;top:14px;left:14px;box-shadow:0 14px 30px #4f46e514}.filled-card-badge{pointer-events:none;border:1px solid #0f172a14;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;display:flex;position:absolute;top:14px;left:14px}.filled-red .filled-card-badge{color:#dc2626;background:#dc26261f}.filled-amber .filled-card-badge{color:#d97706;background:#f59e0b1f}.filled-green .filled-card-badge{color:#059669;background:#10b9811f}.filled-gold .filled-card-badge{color:#d97706;background:#fbbf241f}.filled-navy .filled-card-badge{color:#3730a3;background:#3b32d11f}.filled-blue .filled-card-badge{color:#2563eb;background:#2563eb1f}.filled-gold:before{background:linear-gradient(135deg,#fbbf2424,#f59e0b14)}.filled-blue:before{background:linear-gradient(135deg,#2563eb24,#3b82f614)}@media (width>=900px){.ws-grid{grid-template-columns:repeat(6,1fr);gap:14px}}.filled-red:before{background:linear-gradient(135deg,#ef44441f,#dc26260f)}.filled-amber:before{background:linear-gradient(135deg,#f59e0b1f,#d977060f)}.filled-navy:before{background:linear-gradient(135deg,#3b32d11f,#7c3aed0f)}.filled-green:before{background:linear-gradient(135deg,#10b9811f,#0596690f)}.home-menu-btn{text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b82e;border-radius:18px;align-items:center;gap:14px;width:100%;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 12px 22px #0f172a0f}.home-menu-btn:hover{border-color:var(--c1-light);transform:translateY(-1px)}.home-menu-btn.active{background:var(--c1-light);border-color:var(--c1)}.home-menu-icon{background:var(--c1-light);width:42px;height:42px;color:var(--c1);border-radius:16px;place-items:center;font-size:18px;display:grid}.home-menu-text{flex-direction:column;line-height:1.25;display:flex}.home-menu-text strong{color:#0f172a;font-size:14px}.home-menu-text small{color:#64748b;font-size:11px}.home-menu-title{color:var(--text);font-size:13px;font-weight:500}.app-header{background:var(--primary,#1b3a5c);color:var(--on-primary,#fff);z-index:360;box-sizing:border-box;border-bottom:1px solid var(--border);margin:0;padding:0;position:sticky;top:0;left:0;right:0;overflow-x:hidden}.app-topbar{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:52px;padding:10px 12px;display:flex}.topbar-left{flex:0 auto;align-items:center;gap:6px;display:flex}.app-brand-center{flex:0 auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.app-brand{color:#fff;letter-spacing:-.25px;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:0;font-size:16px;font-weight:800;display:flex}@media (width>=720px){.app-brand-center{justify-content:center}.app-brand{align-items:center}}.app-brand .mark{background:var(--on-primary,#fff);width:32px;height:32px;color:var(--primary);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.app-brand span{text-align:center;min-width:0;line-height:1.1;font-family:var(--font-heading);color:#fff;display:block;overflow:hidden}.app-brand span strong{font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.app-brand small{color:#fffc;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:10px;font-weight:600;line-height:1.3;overflow:hidden}.app-top-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;margin-right:0;display:flex}@media (width<=720px){.app-topbar{gap:6px;padding:8px 10px}.app-brand{font-size:14px}.app-brand small{max-width:140px;font-size:9px}.logo-circle{width:32px;height:32px}.notification-bell{width:34px;height:34px}.notification-pill,.profile-pill-wrap .status-pill{gap:4px;padding:3px 8px;font-size:10px}.app-status-bar{gap:10px;padding:8px 10px}}@media (width>=720px){.app-topbar{justify-content:space-between}.app-brand-center{justify-content:flex-start}.app-brand{align-items:flex-start}}@media (width<=520px){.app-topbar{padding:8px}.app-brand small{max-width:120px}.app-status-bar{gap:8px;padding:8px}}.logo-circle{cursor:pointer;background:#7c3aed;border:2px solid #ffffff47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:4px;transition:transform .12s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #7c3aed2e}.logo-circle:active{transform:scale(.98)}.logo-image{object-fit:cover;width:100%;height:100%}.logo-initial{color:#fff;font-size:16px;font-weight:800}.notification-bell-area{align-items:center;gap:0;display:flex}.notification-bell{cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:relative}.notification-bell .app-bell-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;display:inline-flex;position:absolute;top:-6px;right:-6px;box-shadow:0 6px 16px #0f172a1f}.notification-pill{color:#fff;white-space:nowrap;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.notification-pill i{color:#fff;display:inline-flex}.profile-wrap{flex-shrink:0;align-items:center;gap:0;display:flex}.profile-pill-wrap{justify-content:center;align-items:center;display:flex}.profile-pill-wrap .status-pill{white-space:nowrap;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex;box-shadow:0 6px 18px #0000001a}.profile-pill-wrap .status-pill i{margin-right:4px}.notification-panel{color:#0f172a;z-index:400;background:#fff;border:1px solid #0f172a14;border-radius:14px;width:min(280px,100vw - 24px);padding:10px 12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 32px #0f172a2e}.notification-panel-header{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;font-size:12px;font-weight:700}.notification-panel-title{color:#0f172a;margin-bottom:8px;font-size:13px;font-weight:600}.notification-panel-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notification-panel-list li{border-top:1px solid #e2e8f0;flex-direction:column;gap:2px;padding:8px 0;display:flex}.notification-panel-list li:first-child{border-top:none;padding-top:0}.notification-panel-list strong{color:#0f172a;font-size:12px}.notification-panel-list span{color:#64748b;font-size:11px}.notification-panel-empty{color:#64748b;padding:4px 0;font-size:12px}.app-status-bar{box-sizing:border-box;background:0 0;border-top:1px solid #ffffff0a;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.status-left{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.status-right{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width>=720px){.app-status-bar{flex-direction:row;justify-content:space-between;align-items:center}}.status-label{text-transform:uppercase;letter-spacing:.08em;color:#fff9;font-size:10px;font-weight:700;line-height:1.2}.status-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;line-height:1.2;overflow:hidden}.status-user-line{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.notification-panel{width:min(320px,100vw - 32px)}.home-body{padding:0 0 calc(192px + env(safe-area-inset-bottom,0px));gap:18px}.home-menu-panel{border-radius:24px;width:min(420px,100vw - 28px);max-width:420px;overflow:hidden}.status-pill{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.status-pill i{font-size:11px}.status-pill[data-type=free]{background:var(--primary-soft);color:var(--c2);border:1px solid #4f46e51f}.status-pill[data-type=google]{color:#0ea5e9;background:#34a8e01f;border:1px solid #34a8e02e}.status-pill[data-type=pin]{color:#16a085;background:#1aad981f;border:1px solid #1aad982e}.status-pill[data-type=guest]{color:#d97706;background:#f9b3471f;border:1px solid #f9b3472e}.status-pill[data-type=offline]{color:var(--danger);background:#ef44441f;border:1px solid #ef44442e}.hdr-btn{color:#fff;cursor:pointer;background:0 0;border:none;transition:opacity .2s}.hdr-btn:active{opacity:.7}.menu-toggle{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.home-menu-close{color:#0f172a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.home-menu-close i{font-size:20px}:root[data-theme=dark] .home-menu-panel{background:#0f1721;border-right-color:#ffffff1f}:root[data-theme=dark] .home-menu-title,:root[data-theme=dark] .home-menu-subtitle,:root[data-theme=dark] .home-menu-text strong,:root[data-theme=dark] .home-menu-text small{color:#f3f6fb}:root[data-theme=dark] .home-menu-btn{background:#151d2a;border-color:#ffffff14}:root[data-theme=dark] .home-menu-icon{color:#93c5fd;background:#6366f129}.back-toggle{margin-right:6px}.home-menu-overlay{z-index:370}.hdr{display:none!important}.screen-auth .hdr,.screen-setup .hdr{display:flex!important}.home-menu-desc{color:var(--muted);margin-top:2px;font-size:10px}.screen-workspace{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.workspace-header{padding:18px 18px 10px}.workspace-title{color:var(--text);margin-bottom:6px;font-size:24px;font-weight:800}.workspace-subtitle{color:var(--muted);font-size:13px;line-height:1.6}.workspace-grid{padding:0 16px calc(192px + env(safe-area-inset-bottom,0px));gap:18px;display:grid}.workspace-category{background:linear-gradient(#fffffff5,#fffffff2);border:1px solid #4f46e51f;border-radius:24px;padding:16px;box-shadow:0 18px 40px #4f46e50d}.workspace-category-head{color:var(--c2);text-transform:uppercase;letter-spacing:.18em;margin-bottom:12px;font-size:12px;font-weight:700}.workspace-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.workspace-card{width:100%;color:var(--text);cursor:pointer;background:#fff;border:1px solid #4f46e51f;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.workspace-card:hover{border-color:#4f46e533;transform:translateY(-1px);box-shadow:0 16px 30px #4f46e514}.workspace-card-icon{width:42px;height:42px;color:var(--c1);background:#4f46e51a;border-radius:14px;place-items:center;font-size:18px;display:grid}.workspace-card-copy{text-align:left;gap:4px;display:grid}.workspace-card-title{color:var(--text);font-size:14px;font-weight:800}.workspace-card-desc{color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}@media (width<=640px){.workspace-grid{padding:0 12px calc(192px + env(safe-area-inset-bottom,0px))}.workspace-card-grid{grid-template-columns:1fr}.workspace-category{padding:14px}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.empty-state-icon{opacity:.9;font-size:56px}.empty-state-title{color:var(--text);font-size:16px;font-weight:600}.empty-state-message{color:var(--muted);max-width:280px;font-size:13px;line-height:1.6}.home-hero-card{background:linear-gradient(145deg,#fff 0%,#4f46e514 44%,#f59e0b1f 100%);border:1px solid #4f46e529;border-radius:32px;gap:18px;margin:12px 16px 18px;padding:22px;display:grid;box-shadow:0 24px 56px #0f172a14,inset 0 1px #ffffffd9}.home-hero-copy{flex-direction:column;gap:10px;display:flex}.home-hero-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.home-hero-title{color:var(--c2);font-size:26px;font-weight:800;line-height:1.16}.home-hero-text{color:var(--muted);max-width:620px;font-size:14px;line-height:1.7}.home-hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:2px;display:flex}.home-hero-actions .btn-main,.home-hero-actions .btn-outline{flex:180px;min-width:150px}.home-hero-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #4f46e51f;border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:stretch;gap:12px;padding:14px;display:grid;box-shadow:0 14px 28px #4f46e514}.home-hero-pill{text-transform:uppercase;letter-spacing:.16em;color:var(--c1);font-size:10px;font-weight:700}.home-hero-metric{background:linear-gradient(#4f46e524,#ffffffeb);border:1px solid #4f46e524;border-radius:20px;flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:90px;padding:16px 14px;display:flex}.home-hero-metric span{color:var(--c2);font-size:18px;font-weight:800}.home-hero-metric small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 16px 8px;display:grid}.home-outstanding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 16px 14px;display:grid}.filled-debt-card{color:#fff;background:#0ea5c9;border-radius:16px;margin:0;padding:16px}.filled-debt-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.filled-debt-title{color:#ffffffd9;overflow-wrap:anywhere;word-break:break-word;flex:1;font-size:12px;font-weight:500;line-height:1.35}.filled-debt-pill{color:#fffc;white-space:nowrap;background:#fff3;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:9px}.filled-debt-amount{color:#fff;margin-top:8px;font-size:28px;font-weight:800}.filled-debt-sub{color:#ffffffb3;margin-top:6px;font-size:11px}.home-insight-card,.home-reminder-card{background:linear-gradient(135deg,#4f46e512,#fffffff2);border:1px solid #4f46e51f;border-radius:16px;margin:0 16px 10px;padding:14px 14px 12px;box-shadow:0 10px 22px #4f46e50a}.home-insight-header,.home-reminder-title{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.home-insight-header small{color:var(--c1);text-transform:none;letter-spacing:0}.home-insight-body{flex-direction:column;gap:8px;display:flex}.home-insight-label{text-transform:uppercase;letter-spacing:.42em;color:var(--muted);font-size:10px}.home-insight-value{color:var(--text);margin-top:2px;font-size:13px;font-weight:700}.home-activity-summary-card,.home-tip-card{background:#fffffff2;border:1px solid #4f46e51f;border-radius:16px;margin:0 16px 10px;padding:14px 14px 12px;box-shadow:0 10px 22px #4f46e50a}.home-activity-summary-header,.home-tip-title{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;font-size:11px;font-weight:800}.home-activity-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.home-activity-summary-foot{color:var(--c2);margin-top:8px;font-size:12px;font-weight:600}.home-tip-list{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:12px;line-height:1.45;display:flex}.home-reminder-item{border-top:1px solid #4f46e514;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.home-reminder-item:first-of-type{border-top:none}.home-offline-card{background:#e24b4a14;border:1px solid #e24b4a29;border-radius:14px;margin:0 16px 10px;padding:12px 14px}.home-offline-title{text-transform:uppercase;letter-spacing:.7px;color:var(--danger);margin-bottom:4px;font-size:11px;font-weight:800}.home-offline-copy{color:var(--text);font-size:12px;line-height:1.45}.error-boundary{text-align:center;min-height:100dvh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}.error-boundary-icon{font-size:32px}.error-boundary-title{font-size:18px;font-weight:800}.error-boundary-copy{color:var(--muted);max-width:320px;font-size:13px}.home-reminder-name{color:var(--text);font-size:12px;font-weight:700}.home-reminder-meta{color:var(--muted);margin-top:2px;font-size:10px}.home-reminder-balance{color:var(--c1);font-size:12px;font-weight:700}.quick-actions-menu{z-index:20;background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;min-width:120px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 26px #0000001f}.quick-actions-menu button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:11px;display:flex}.quick-actions-menu button:hover{background:#4f46e514}.stat-card{border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#4f46e512,#4f46e50a);border:1px solid #4f46e524;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #4f46e514}.stat-card:active{transform:scale(.98)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e51f}.stat-icon{font-size:24px}.stat-value{color:var(--c1);letter-spacing:-.3px;font-size:18px;font-weight:700}.stat-label{color:var(--muted);font-size:11px;font-weight:500;line-height:1.3}.home-section-heading{justify-content:space-between;align-items:center;gap:8px;padding:0 16px 4px;display:flex}.home-section-heading span{color:#9ca3af;text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:600}.home-section-heading small{color:var(--c1);font-size:10px;font-weight:600}.home-create-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:stretch;gap:14px;padding:8px 16px 16px;display:grid}.create-card{text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #4f46e524;border-left:4px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-height:154px;padding:20px;font-family:inherit;transition:transform .18s,background-color .15s,border-color .15s,box-shadow .18s;display:flex;position:relative;box-shadow:0 14px 30px #4f46e514}.create-card:active{transform:scale(.98)}.create-card:hover{border-color:#4f46e538;transform:translateY(-2px);box-shadow:0 16px 32px #4f46e51a}.create-badge{color:#92400e;text-transform:uppercase;letter-spacing:.16em;background:#f59e0b2e;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.home-create-grid .create-card:first-child{border-left-color:var(--info)}.home-create-grid .create-card:nth-child(2){border-left-color:var(--accent)}.home-create-grid .create-card:nth-child(3){border-left-color:#ea580c}.home-create-grid .create-card:nth-child(4){border-left-color:var(--premium)}.home-create-grid .create-card:nth-child(5){border-left-color:var(--c1)}.home-create-grid .create-card:nth-child(6){border-left-color:var(--c2)}.create-emoji{background:var(--card);width:44px;height:44px;color:var(--c2);border-radius:12px;justify-content:center;align-items:center;margin-bottom:6px;font-size:20px;display:flex;box-shadow:0 6px 12px #4f46e50a}.create-title{color:var(--text);font-size:13px;font-weight:700}.create-desc{color:var(--muted);font-size:10.5px}.home-section-title{color:var(--text);padding:12px 16px 4px;font-size:14px;font-weight:700}.btn-main,.btn-outline,.btn-google{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;isolation:isolate;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,background-color .16s,border-color .16s;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.btn-main:before,.btn-outline:before,.btn-google:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff3d 50%,#0000 100%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.btn-main:hover:before,.btn-outline:hover:before,.btn-google:hover:before{transform:translate(120%)}.btn-main{background:var(--accent);color:var(--btn-text-primary);box-shadow:0 6px 16px var(--btn-shadow-accent);border:none}.btn-main:hover{transform:translateY(-1px);box-shadow:0 10px 24px #f59e0b47}.btn-main:active{opacity:.9;transform:scale(.98)}.btn-main:disabled{opacity:.4;pointer-events:none}.btn-main:focus-visible,.btn-outline:focus-visible,.btn-google:focus-visible{outline:none;box-shadow:0 0 0 3px #4f46e529,0 8px 18px #4f46e514}.btn-outline{color:var(--c2);background:#fff;border:1.5px solid #4f46e53d;box-shadow:0 1px 3px #0000000a}.btn-outline:active{background:#4f46e50a;transform:scale(.98)}.btn-outline:hover{background:#4f46e50f;transform:translateY(-1px);box-shadow:0 6px 14px #4f46e514}.btn-google{color:#3c4043;background:#fff;border:1.5px solid #dadce0;box-shadow:0 1px 4px #00000014}.btn-google:active{background:#f8f8f8;transform:scale(.98)}.btn-google:hover{background:#f8f8f8;border-color:#c6c6c6}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--c2);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.screen-setup .field label{color:#9ca3af;text-transform:none;letter-spacing:normal;font-size:12px;font-weight:500}.screen-setup .field label i{color:#9ca3af;margin-right:8px;font-size:14px}.screen-setup .setup-group-pill-row{flex-wrap:wrap;gap:8px;display:flex}.screen-setup .setup-group-pill{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;min-width:fit-content;padding:8px 14px;font-size:13px;font-weight:400;transition:background-color .18s,border-color .18s,color .18s}.screen-setup .setup-group-pill.selected{color:#fff;background:#1b3a5c;border-color:#1b3a5c;font-weight:500}.screen-setup .setup-group-pill:hover{background:#e5e7eb}.field input,.field select,.field textarea{min-height:46px;color:var(--text);background:linear-gradient(135deg,#fff 0%,#f9fdfb 100%);border:1.5px solid #4f46e529;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .16s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 1px 2px #4f46e508}:root[data-theme=dark] .field input,:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea{background:var(--field-bg);border-color:var(--field-border);color:var(--text);box-shadow:inset 0 1px 2px #00000029}.field input:hover,.field select:hover,.field textarea:hover{border-color:#4f46e53d;transform:translateY(-1px)}:root[data-theme=dark] .field input:hover,:root[data-theme=dark] .field select:hover,:root[data-theme=dark] .field textarea:hover{background:var(--field-hover-bg);border-color:#4f46e547}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--c1);background:#fff;transform:translateY(-1px);box-shadow:0 0 0 3px #4f46e51f,inset 0 1px 2px #4f46e508}:root[data-theme=dark] .field input:focus,:root[data-theme=dark] .field select:focus,:root[data-theme=dark] .field textarea:focus{background:var(--field-focus-bg);box-shadow:0 0 0 3px #4f46e529,inset 0 1px 2px #0000002e}.field-error{border-color:#e24b4a73!important;box-shadow:0 0 0 3px #e24b4a1f!important}.field-error-text{color:var(--danger);margin-top:2px;font-size:11px}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}:root[data-theme=dark] .field input::placeholder,:root[data-theme=dark] .field textarea::placeholder{color:var(--placeholder)}.field textarea{resize:vertical;min-height:100px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:0 2px 12px #00000012}.create-card,.stat-card,.recent-doc-card,.cat-item,.community-card,.diary-book-card,.diary-entry-card,.catalogue-summary-card{will-change:transform, box-shadow;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s,background-color .18s}:root[data-theme=dark] .home-hero-card,:root[data-theme=dark] .create-card,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .recent-doc-card,:root[data-theme=dark] .history-card,:root[data-theme=dark] .history-search-field,:root[data-theme=dark] .modal-sheet,:root[data-theme=dark] .card{background:var(--card);color:var(--text);border-color:var(--border);box-shadow:0 10px 24px #00000038}:root[data-theme=dark] .history-filter-pill{color:var(--muted);background:#ffffff0f;border-color:#ffffff14}:root[data-theme=dark] .history-filter-pill.active{color:#fff}:root[data-theme=dark] .settings-row{background:#ffffff0a;border-color:#ffffff14}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;opacity:0;pointer-events:none;background:#0919147a;justify-content:center;align-items:flex-end;transition:opacity .2s;display:none;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto;display:flex}.modal-sheet{background:linear-gradient(#fff 0%,#f8fdf9 100%);border:1px solid #4f46e529;border-radius:24px 24px 0 0;width:100%;max-width:430px;max-height:85vh;padding:18px 16px 22px;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s;animation:.25s both fadeInUp;overflow-y:auto;transform:translateY(18px);box-shadow:0 20px 48px #4f46e529}.modal-overlay.show .modal-sheet{transform:translateY(0)}.modal-handle{background:#4f46e53d;border-radius:2px;width:40px;height:4px;margin:0 auto 16px}.modal-title{color:var(--c2);font-size:16px;font-weight:700}.modal-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal-subtitle{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45}.ghost-icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#f5fbf8;border:1px solid #4f46e524;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.toast{color:#fff;z-index:9999;pointer-events:none;white-space:nowrap;opacity:0;text-align:center;background:#1a1a1a;border-radius:30px;max-width:calc(100vw - 32px);padding:11px 22px;font-size:13px;font-weight:500;transition:transform .28s,opacity .28s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(120px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.offline-badge{color:#fff;z-index:9998;letter-spacing:.3px;background:#1a1a1a;border-radius:20px;padding:5px 14px;font-size:11px;font-weight:600;display:none;position:fixed;top:8px;left:50%;transform:translate(-50%)}body.offline .offline-badge{display:block}.pin-dots{justify-content:center;gap:10px;margin:4px 0;display:flex}.pin-dot{background:var(--border);border-radius:50%;width:14px;height:14px;transition:background .15s,transform .15s}.pin-dot.filled{background:var(--c1);transform:scale(1.15)}.pin-keypad{touch-action:manipulation;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pin-key{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;text-align:center;-webkit-tap-highlight-color:#4f46e526;-webkit-user-select:none;user-select:none;background:#f8faf9;justify-content:center;align-items:center;min-height:56px;padding:16px 0;font-family:inherit;font-size:20px;font-weight:700;transition:background .1s,color .1s;display:flex}.pin-key:active,.pin-key:focus{background:var(--c1-light);color:var(--c1);outline:none}:root[data-theme=dark] .pin-key{color:#f3f6fb;background:#192733;border:1px solid #ffffff1f}:root[data-theme=dark] .pin-key:active,:root[data-theme=dark] .pin-key:focus{color:#fff;background:#4f46e52e}.auth-panel{background:linear-gradient(#fff 0%,#f9fdfb 100%);border:1px solid #4f46e51f;border-radius:22px;flex-direction:column;gap:18px;padding:24px 14px 16px;display:flex;box-shadow:0 12px 30px #4f46e50f}.auth-hero-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.auth-pill{color:var(--c2);background:#fff;border:1px solid #4f46e524;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #4f46e50a}.auth-support-note{color:var(--muted);text-align:center;background:#f6fcf8;border:1px solid #4f46e51f;border-radius:14px;margin-top:6px;padding:16px 14px;font-size:12px;line-height:1.5}.auth-option-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff 0%,#f9fdfb 100%);border:1.5px solid #4f46e524;align-items:center;gap:14px;margin-bottom:6px;padding:20px 56px 20px 14px;transition:border-color .2s,box-shadow .2s,transform .16s;display:flex;position:relative;box-shadow:0 8px 18px #4f46e50d}.auth-option-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4f46e514}.auth-option-card.recommended{border-color:var(--c1)}.auth-option-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.auth-option-icon.green{background:var(--c1-light);color:var(--c1)}@media (width<=420px){.auth-option-card{flex-direction:column;align-items:flex-start;padding:18px 16px}.auth-option-card .auth-option-text{width:100%}.auth-badge{align-self:flex-start;margin-top:12px;position:static}}:root[data-theme=dark] .auth-panel{background:#111b26;border-color:#ffffff14;box-shadow:0 16px 40px #00000047}:root[data-theme=dark] .auth-option-card{background:#121e2b;border-color:#ffffff14;box-shadow:0 10px 26px #0000003d}:root[data-theme=dark] .auth-support-note{color:#d6e8f2;background:#4f46e514;border-color:#4f46e524}:root[data-theme=dark] .auth-pill{color:#d6f7eb;background:#ffffff0f;border-color:#ffffff1f}:root[data-theme=dark] .auth-option-icon.green{color:#9de7c0;background:#4f46e524}.auth-option-text{flex:1;min-width:0}.auth-option-title{color:var(--text);font-size:14px;font-weight:600}.auth-option-desc{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.45}.auth-badge{background:var(--c1);color:#fff;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}@media (width<=420px){.auth-option-card{padding-right:14px}.auth-option-card .auth-option-text{min-width:0}.auth-badge{align-self:flex-start;margin-top:12px;display:inline-flex;position:static}}.auth-divider{color:var(--muted);align-items:center;gap:10px;margin:2px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.skip-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 0 0;font-family:inherit;font-size:12px;font-weight:600;text-decoration:underline}.skip-btn:hover{color:var(--c2)}.diary-book-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #4f46e524;border-radius:18px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;transition:background .15s,transform .16s,box-shadow .16s;display:flex;box-shadow:0 10px 22px #4f46e50d}.diary-book-card:hover{transform:translateY(-1px);box-shadow:0 14px 24px #4f46e512}.diary-book-card:active{background:#f3f7ff}.diary-book-icon{width:44px;height:44px;color:var(--c1);background:linear-gradient(135deg,#4f46e529,#f59e0b29);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.diary-book-info{flex:1;min-width:0}.diary-book-title{color:var(--c2);font-size:14px;font-weight:700}.diary-book-meta{color:var(--muted);margin-top:2px;font-size:11px}.diary-entry-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #4f46e524;border-radius:16px;margin-bottom:8px;padding:14px;transition:background .15s,transform .16s,box-shadow .16s;box-shadow:0 10px 20px #4f46e50d}.diary-entry-card:hover{transform:translateY(-1px);box-shadow:0 14px 22px #4f46e50f}.diary-entry-card:active{background:#f3f7ff}.catalogue-shell{flex-direction:column;gap:12px;padding:12px 14px 4px;display:flex}.catalogue-hero{background:linear-gradient(145deg,#fff 0%,#4f46e514 55%,#f59e0b14 100%);border:1px solid #4f46e524;border-radius:24px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 14px 30px #4f46e50f}.catalogue-hero-copy{flex-direction:column;gap:6px;display:flex}.catalogue-hero-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--c1);font-size:10px;font-weight:800}.catalogue-hero-title{color:var(--c2);margin:0;font-size:16px;font-weight:700;line-height:1.3}.catalogue-hero-text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.catalogue-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.catalogue-hero-badge{background:var(--c1-light);color:var(--c1);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.catalogue-hero-badge.soft{background:var(--card);color:var(--c2)}.catalogue-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.catalogue-summary-card{background:#fff;border:1px solid #4f46e51f;border-radius:14px;padding:12px 12px 10px;box-shadow:0 6px 16px #4f46e50a}.catalogue-summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700}.catalogue-summary-value{color:var(--c2);margin-top:3px;font-size:18px;font-weight:800}.catalogue-search-shell{background:#fff;border:1px solid #4f46e524;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 6px 16px #4f46e50a}.catalogue-search-shell i{color:var(--muted);font-size:15px}.catalogue-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.catalogue-section{padding:8px 14px 0}.catalogue-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px;font-size:11px;font-weight:800}.catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-content:stretch;gap:10px;display:grid}.catalogue-empty-card,.diary-empty-card,.community-empty-card{background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);border:1px solid #4f46e524;border-radius:20px;padding:18px 16px;box-shadow:0 12px 24px #4f46e50d}.cat-item{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f9fdfb 100%);border:1px solid #4f46e524;flex-direction:column;min-height:100%;transition:opacity .15s,transform .16s,box-shadow .16s;display:flex;overflow:hidden;box-shadow:0 6px 14px #4f46e50a}.cat-item:hover{transform:translateY(-1px);box-shadow:0 10px 18px #4f46e512}.cat-item:active{opacity:.85}.cat-img{aspect-ratio:1;background:#f0f4f2;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.cat-img img{object-fit:cover;object-position:center;width:100%;height:100%}.cat-img-placeholder{aspect-ratio:1;width:100%;color:var(--muted);background:#f0f4f2;justify-content:center;align-items:center;font-size:36px;display:flex}.cat-info{padding:8px 10px}.cat-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.cat-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.cat-price{color:var(--c1);margin-top:3px;font-size:12px;font-weight:700}.cat-add-btn{border-radius:var(--radius-md);cursor:pointer;aspect-ratio:1;color:var(--muted);background:#f8faf9;border:1.5px dashed #4f46e53d;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;transition:background .15s,transform .16s,box-shadow .16s;display:flex;box-shadow:inset 0 1px #fff9}.cat-add-btn:hover{background:var(--c1-light);transform:translateY(-1px)}.cat-add-btn i{color:var(--c1);font-size:28px}.cat-add-btn:active{background:var(--c1-light)}.community-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1.5px solid #4f46e524;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:14px;transition:border-color .2s,transform .16s,box-shadow .16s;display:flex;box-shadow:0 10px 22px #4f46e50d}.community-card:hover{transform:translateY(-1px);box-shadow:0 14px 24px #4f46e514}.community-card.active{border-color:var(--c1);background:var(--c1-light)}.community-banner{background:linear-gradient(135deg, var(--c1) 0%, var(--accent) 100%);color:#fff;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 12px 30px #4f46e529}.community-pill{background:var(--c1-light);color:var(--c2);text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.quick-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 14px;display:grid}.quick-nav-btn{color:var(--text);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f9fdfb 100%);border:1.5px solid #4f46e524;border-radius:16px;align-items:center;gap:10px;min-height:58px;padding:12px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,transform .16s,border-color .15s,box-shadow .16s;display:flex;box-shadow:0 8px 20px #4f46e50f}.quick-nav-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4f46e517}.quick-nav-btn:active{background:#f8faf9;transform:scale(.98)}.quick-nav-btn i{color:var(--c1);flex-shrink:0;font-size:22px;transition:transform .2s}.quick-nav-btn:hover i{transform:scale(1.1)}.quick-nav-btn.active{border-color:var(--c1);background:var(--c1-light)}.admin-stat-card{background:linear-gradient(135deg, var(--c1), var(--c2));color:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:0 8px 28px #0000001f}.admin-stat-value{letter-spacing:-.5px;font-size:28px;font-weight:800}.admin-stat-label{opacity:.85;margin-top:4px;font-size:12px}.sync-ok{background:var(--c1-light);color:var(--c2)}.sync-off{color:#92400e;background:#fef3c7}@media (width>=768px){#app{width:100%;max-width:min(1220px,100%);box-shadow:var(--shadow-lg);margin:0 auto}.quick-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}.install-banner{z-index:300;background:linear-gradient(135deg,#fff,#f3fcf7);border:1px solid #4f46e529;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 12px;display:flex;position:fixed;bottom:88px;left:12px;right:12px;box-shadow:0 18px 30px #4f46e51f}.install-banner-copy{flex:1;min-width:0}.install-banner-copy strong{color:var(--c1);margin-bottom:4px;font-size:14px;display:block}.install-banner-copy p{color:#475569;margin:0;font-size:12px;line-height:1.4}.install-banner-actions{align-items:center;gap:8px;display:flex}.install-banner-actions .btn-main,.install-banner-actions .btn-outline{border-radius:999px;min-width:auto;padding:9px 11px;font-size:12px}@media (width<=640px){.install-banner{flex-direction:column;align-items:stretch;padding:12px 12px 10px;bottom:84px}.install-banner-actions{justify-content:stretch;width:100%}.install-banner-actions .btn-main,.install-banner-actions .btn-outline{flex:1}}@media (width<=1024px){body{background:#fff}#app{width:100%;max-width:none;min-height:100dvh;margin:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in-up{animation:.3s both fadeInUp}.home-hero-card{animation:.35s both fadeInUp}.home-hero-panel{animation:6s ease-in-out infinite softFloat}.spinner{animation:.8s linear infinite spin}@media print{.hdr,.doc-body,.action-sheet,.bottom-nav,.app-footer-copyright,#install-banner,.offline-badge,.toast,.modal-overlay{display:none!important}#share-capture-area{width:100%!important;min-width:100%!important;max-width:100%!important;box-shadow:none!important;color:#222!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;top:0!important;left:0!important}#app{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important}body{background:#fff!important;padding-bottom:0!important}@page{margin:15mm}}.screen-auth,.screen-home,.screen-diary,.screen-document,.screen-setup,.screen-catalogue,.screen-community,.screen-profit-loss,.screen-admin,.screen-ai{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.home-body{padding:14px 0 calc(192px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;width:100%;max-width:1220px;margin:0 auto;display:flex;overflow-y:auto}.home-banner{background:linear-gradient(135deg, var(--c1), var(--c2));color:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin:0 16px;padding:18px;display:flex;box-shadow:0 14px 32px #4f46e538}.home-banner-label{text-transform:uppercase;letter-spacing:.8px;opacity:.8;font-size:11px;font-weight:700}.home-banner-value{letter-spacing:-.5px;margin-top:2px;font-size:28px;font-weight:800}.recent-doc-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #4f46e51f;border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 13px;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 10px 22px #4f46e50d}.history-search-shell{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.history-search-field{background:#fff;border:1px solid #4f46e529;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 4px 12px #4f46e50a}.history-search-field i{color:var(--c1);font-size:14px}.history-search-field input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.history-filter-row{flex-wrap:wrap;gap:6px;display:flex}.history-filter-pill{background:var(--card);color:var(--muted);cursor:pointer;border:1px solid #4f46e524;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.history-filter-pill.active{background:var(--c1);color:#fff;border-color:var(--c1)}.history-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-sort-select{color:var(--text);background:#fff;border:1px solid #4f46e529;border-radius:999px;padding:6px 10px;font-family:inherit;font-size:11px}.history-reset-btn{color:var(--c1);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700}.history-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:8px;padding:10px 14px;position:relative;box-shadow:0 6px 16px #4f46e50d}.status-badge{text-transform:uppercase;letter-spacing:.24px;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.status-badge.paid{color:#166534;background:#dcfce7}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.overdue{color:#b91c1c;background:#ffe4e6}.history-empty-state{text-align:center;color:var(--muted);background:var(--card);border:1px dashed #4f46e52e;border-radius:12px;padding:12px;font-size:12px}.history-empty-state i{color:var(--c1);margin-bottom:6px;font-size:22px;display:block}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.settings-save-status{border-radius:10px;margin-top:-2px;padding:6px 10px;font-size:12px;font-weight:600}.settings-save-status.success{color:var(--c2);background:#4f46e51f}.settings-save-status.error{color:var(--danger);background:#e24b4a1f}.shortcut-sheet{max-width:420px}.shortcut-list{flex-direction:column;gap:8px;display:flex}.shortcut-item{border:1px solid var(--border);background:#4f46e50a;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.shortcut-item span{color:var(--muted);font-size:11px}.shortcut-item strong{color:var(--text);font-size:13px}.onboarding-sheet{max-width:460px}.onboarding-step-card{background:linear-gradient(135deg,#4f46e514,#fffffff2);border:1px solid #4f46e524;border-radius:16px;flex-direction:column;gap:8px;margin-bottom:12px;padding:16px;display:flex}.onboarding-step-icon{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:inline-flex;box-shadow:0 8px 18px #4f46e514}.onboarding-step-title{color:var(--c2);font-size:16px;font-weight:700}.onboarding-step-text{color:var(--muted);font-size:13px;line-height:1.55}.onboarding-dots{justify-content:center;gap:6px;margin-bottom:12px;display:flex}.onboarding-dots span{background:#4f46e533;border-radius:999px;width:8px;height:8px}.onboarding-dots span.active{background:var(--c1);width:24px}.onboarding-actions{gap:8px;display:flex}.onboarding-actions .btn-main,.onboarding-actions .btn-outline{flex:1}.recent-doc-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px #4f46e517}.recent-doc-card:active{background:#f8faf9}.recent-doc-icon{width:40px;height:40px;color:var(--c1);background:linear-gradient(135deg,#4f46e51f,#f59e0b1f);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.recent-doc-info{flex:1;min-width:0}.recent-doc-title{color:var(--c2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.recent-doc-meta{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:11px}.recent-doc-amount{color:var(--c1);background:#4f46e514;border-radius:999px;flex-shrink:0;padding:6px 8px;font-size:12px;font-weight:700}.recent-doc-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.recent-doc-action-btn{border:1px solid var(--border);background:var(--card);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.recent-doc-action-btn:hover{color:var(--c1);border-color:#4f46e533}.settings-row{background:#4f46e50a;border:1px solid #4f46e524;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.settings-row-title{color:var(--text);font-size:13px;font-weight:700}.settings-row-subtitle{color:var(--muted);margin-top:2px;font-size:11px}.user-avatar{color:#fff;background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.sync-status{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.brand-icon{background:#fff;border:1px solid #4f46e529;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;box-shadow:0 6px 14px #4f46e514}.brand-icon img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=720px){.app-topbar{flex-wrap:wrap;justify-content:space-between;gap:10px}.app-brand span strong{font-size:13px}.app-brand small{max-width:140px;font-size:9px}.app-top-right{gap:6px}.profile-wrap{gap:6px;margin-right:0}.logo-circle{width:34px;height:34px;margin-right:0}.notification-bell{width:34px;height:34px}.notification-bell .app-bell-badge{min-width:16px;height:16px;font-size:9px;top:-4px;right:-4px}.app-status-bar{flex-direction:column;align-items:stretch}.status-pill{margin-left:0}.home-hero-card{gap:12px;padding:18px}.home-hero-panel{grid-template-columns:1fr;padding:14px}.home-hero-metric span{font-size:16px}.home-create-grid,.team-form-row{grid-template-columns:1fr}}@media (width>=900px){.home-body{gap:20px;padding:24px 24px 88px}.home-hero-card{grid-template-columns:1.4fr 1fr;align-items:center;margin:0;padding:28px}.home-hero-title{max-width:620px;font-size:34px}.home-hero-panel{grid-template-columns:repeat(3,minmax(0,1fr));place-items:stretch stretch;min-height:100%;padding:18px}.home-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 4px}.home-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;padding:0 0 18px}.home-quick-actions .filled-card{border-radius:18px;min-height:88px;padding:12px 12px 12px 68px}.home-mini-nav{margin:0 0 8px}.home-section-heading{padding:12px 0 6px}.recent-doc-empty{color:#475569;background:#f8fafc;border-radius:16px;max-width:660px;margin-top:14px;margin-bottom:0;padding:16px;font-size:13px;line-height:1.75}}.setup-body{flex-direction:column;flex:1;gap:14px;padding:18px 16px 84px;display:flex;overflow-y:auto}.setup-logo{text-align:center;background:linear-gradient(145deg,#4f46e51a 0%,#fffffff7 100%);border:1px solid #4f46e529;border-radius:24px;padding:16px 14px;box-shadow:0 14px 30px #4f46e50f}.logo-icon{background:linear-gradient(135deg, var(--c1), var(--c2));color:#fff;border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 12px;padding:8px;font-size:30px;display:flex;overflow:hidden;box-shadow:0 12px 30px #4f46e53d}.logo-icon img{object-fit:contain;width:100%;height:100%;display:block}.logo-preview-img{object-fit:cover;width:100%;height:100%}.logo-upload-area{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1.5px dashed #4f46e53d;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 8px 18px #4f46e50a}.setup-logo h2{color:var(--c2);font-size:20px;font-weight:800}.setup-logo p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.screen-setup .field{box-shadow:none;background:0 0;border:none;padding:0}.screen-setup .field input,.screen-setup .field select,.screen-setup .field textarea{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border-color:#4f46e524;box-shadow:inset 0 1px 2px #4f46e50a}.screen-setup .community-request-panel{background:linear-gradient(135deg,#4f46e50f,#fffffff5);border:1px solid #4f46e51f;border-radius:16px;margin-top:10px;padding:12px;box-shadow:0 8px 18px #4f46e50a}.screen-setup .community-request-panel .field{margin-bottom:8px}.screen-setup .community-status-pill{color:var(--c1);background:#4f46e514;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.logo-placeholder{background:var(--c1-light);width:50px;height:50px;color:var(--c1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.logo-preview-img-sm{object-fit:cover;border:1px solid #4f46e529;border-radius:12px;width:50px;height:50px}.auth-body{flex-direction:column;flex:1;justify-content:center;gap:14px;padding:28px 22px 48px;display:flex;overflow-y:auto}.auth-logo{text-align:center;padding:6px 0 16px}.auth-logo-icon{background:linear-gradient(135deg, var(--c1), var(--c2));color:#fff;border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 14px;padding:10px;font-size:34px;display:flex;box-shadow:0 12px 32px #4f46e54d}.auth-logo-icon img{object-fit:contain;width:100%;height:100%;display:block}.auth-logo h2{color:var(--c2);font-size:21px;font-weight:700}.auth-logo p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;display:flex}.empty-icon{font-size:52px}.empty-title{color:var(--text);font-size:16px;font-weight:700}.empty-desc{color:var(--muted);max-width:260px;font-size:13px;line-height:1.55}.loading-state{justify-content:center;align-items:center;padding:80px;display:flex}.home-skeleton-state{flex-direction:column;gap:14px;padding:4px 16px 0;display:flex}.home-skeleton-block{background:linear-gradient(90deg,#4f46e51a 0%,#ffffffe6 50%,#4f46e51a 100%) 0 0/200% 100%;border-radius:16px;min-height:18px;animation:1.2s linear infinite shimmer}.home-skeleton-hero{min-height:132px}.home-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.home-skeleton-card{min-height:88px}.home-skeleton-list{min-height:92px}.home-skeleton-list.short{min-height:64px}.empty-state-card{text-align:center;background:linear-gradient(135deg,#4f46e512,#fffffff2);border:1px solid #4f46e51f;border-radius:18px;margin:8px 16px 16px;padding:24px 18px;box-shadow:0 12px 28px #4f46e50d}.empty-state-card .empty-title{margin-top:6px}.empty-state-card .empty-desc{margin-top:4px}.empty-state-card .btn-main{margin-top:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.screen-analytics{background:var(--bg);flex-direction:column;gap:14px;min-height:100dvh;padding:18px 16px 80px;display:flex}.analytics-header{align-items:center;gap:10px;display:flex}.analytics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.analytics-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 10px 24px #4f46e50a}.analytics-card.highlight{background:linear-gradient(135deg,#4f46e51f,#fffffff2)}.analytics-card-label{text-transform:uppercase;letter-spacing:.42em;color:var(--muted);font-size:10px}.analytics-card-value{color:var(--text);margin-top:6px;font-size:18px;font-weight:800}.analytics-panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:0 10px 24px #4f46e50a}.analytics-team-card{align-items:center;gap:12px;padding:10px 0;display:flex}.analytics-team-score{color:var(--c1);font-size:24px;font-weight:800}.analytics-pill{color:var(--c2);text-transform:uppercase;letter-spacing:.24px;background:#4f46e51f;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.analytics-pill.active{background:linear-gradient(135deg, var(--c1), var(--c2));color:#fff}.analytics-panel-title{color:var(--text);margin-bottom:12px;font-size:13px;font-weight:800}.analytics-chart{align-items:flex-end;gap:10px;height:130px;display:flex}.analytics-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.analytics-bar{background:linear-gradient(180deg, var(--c1), var(--c2));border-radius:999px 999px 6px 6px;width:100%;max-width:36px}.analytics-bar-label{color:var(--muted);font-size:10px}.analytics-list{flex-direction:column;gap:8px;display:flex}.analytics-list-item{border-top:1px solid #4f46e514;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.analytics-list-item:first-of-type{border-top:none;padding-top:0}.analytics-list-title{color:var(--text);font-size:13px;font-weight:700}.analytics-list-meta{color:var(--muted);margin-top:2px;font-size:11px}.analytics-list-amount{color:var(--c1);font-size:12px;font-weight:700}.analytics-empty{color:var(--muted);font-size:12px}.analytics-skeleton-card{flex-direction:column;justify-content:center;gap:8px;min-height:92px;display:flex}.analytics-skeleton-line{background:linear-gradient(90deg,#4f46e51f 0%,#fffffff2 50%,#4f46e51f 100%) 0 0/200% 100%;border-radius:999px;height:10px;animation:1.1s linear infinite shimmer}.analytics-skeleton-line.short{width:56%;height:8px}.home-panel-card{background:linear-gradient(145deg,#fffffff5 0%,#4f46e514 48%,#fffffff2 100%);border:1px solid #4f46e524;border-radius:24px;gap:18px;margin:0 16px 16px;padding:20px;display:grid;box-shadow:0 18px 42px #4f46e514}.automation-list{flex-direction:column;gap:8px;display:flex}.automation-item{background:#fff;border:1px solid #4f46e51f;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.automation-title{color:var(--text);font-size:12px;font-weight:700}.automation-copy{color:var(--muted);margin-top:2px;font-size:11px}.workspace-readiness-row{background:#4f46e50f;border:1px solid #4f46e51f;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px;display:flex}.workspace-readiness-score{color:var(--c1);font-size:30px;font-weight:800;line-height:1}.workspace-readiness-copy{color:var(--muted);margin-top:4px;font-size:12px}.team-members-list{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.team-member-item{background:#fff;border:1px solid #4f46e51f;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 8px 22px #4f46e50a}.team-member-name{color:var(--text);font-size:12px;font-weight:700}.team-member-role{color:var(--muted);font-size:11px}.team-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.team-form-row input{border:1px solid #4f46e524;border-radius:10px;min-height:44px;padding:10px 12px;font-size:12px}.team-form-row .btn-main{min-height:38px}.toggle-row{color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:8px 0 0;font-size:12px;display:flex}.view-module-card{background:linear-gradient(135deg,#4f46e514,#fffffff2);border:1px solid #4f46e51f;border-radius:14px;margin:8px 16px 0;padding:12px 14px;box-shadow:0 8px 18px #4f46e50a}.view-module-card-title{color:var(--c2);font-size:13px;font-weight:700}.view-module-card-text{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45}.btn-sm{background:var(--c1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.icon-btn.danger{color:#ddd}.icon-btn.danger:hover{color:var(--danger);background:#e24b4a14}.emoji-btn{cursor:pointer;background:#f0f4f2;border:2px solid #0000;border-radius:8px;padding:6px 8px;font-size:18px;transition:border-color .15s}.emoji-btn.selected{border-color:var(--c1);background:var(--c1-light)}.color-btn{cursor:pointer;border:3px solid #0000;border-radius:50%;width:28px;height:28px;transition:border-color .15s}.color-btn.selected{box-shadow:0 0 0 2px var(--c1);border-color:#fff}.diary-body{flex:1;padding:12px 12px 96px;overflow-y:auto}.diary-hero-card{background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);border:1px solid #4f46e524;border-radius:20px;flex-direction:column;gap:8px;margin-bottom:12px;padding:14px;display:flex;box-shadow:0 12px 24px #4f46e50d}.diary-hero-title{color:var(--c2);font-size:14px;font-weight:700}.diary-hero-text{color:var(--muted);font-size:12px;line-height:1.5}.diary-hero-pill-row{flex-wrap:wrap;gap:6px;display:flex}.diary-hero-pill{background:var(--c1-light);color:var(--c1);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.diary-list{flex-direction:column;display:flex}.diary-entry-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.diary-entry-meta{color:var(--muted);margin-top:3px;font-size:11px}.diary-entries-header{justify-content:space-between;align-items:center;padding:4px 0 12px;display:flex}.pin-area{flex-direction:column;gap:12px;display:flex}.doc-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sheet-info-bar{border-bottom:1px solid var(--border);background:#f8faf9;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.doc-badge{background:var(--c1-light);color:var(--c2);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:600}.company-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.doc-quick-hint{color:var(--muted);background:linear-gradient(135deg,#4f46e514,#fffffff5);border:1px solid #4f46e51f;border-radius:14px;align-items:center;gap:8px;margin:12px 14px 0;padding:10px 12px;font-size:12px;display:flex;box-shadow:0 6px 16px #4f46e50a}.doc-quick-hint i{color:var(--c1);font-size:14px}.doc-template-prompt{background:linear-gradient(135deg,#fff 0%,#f6fef9 100%);border:1px solid #4f46e529;border-radius:16px;align-items:center;gap:10px;margin:12px 14px 0;padding:12px 13px;display:flex;box-shadow:0 8px 20px #4f46e50d}.doc-template-prompt-icon{width:38px;height:38px;color:var(--c2);background:#4f46e51f;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.doc-template-prompt-icon i{font-size:16px}.doc-template-prompt-copy{flex:1;min-width:0}.doc-template-prompt-title{color:var(--text);font-size:13px;font-weight:700}.doc-template-prompt-text{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.45}.doc-template-prompt-actions{flex-shrink:0;gap:8px;display:flex}.doc-template-btn{border-radius:999px;padding:7px 10px;font-size:11px;font-weight:600}.doc-template-btn.secondary{padding-inline:10px}.doc-hdr{background:linear-gradient(135deg,#fff 0%,#f4f5ff 100%);border:1px solid #4f46e51f;border-radius:20px;margin:12px 14px 0;padding:12px 14px;box-shadow:0 8px 22px #4f46e50d}.doc-section-card{background:linear-gradient(135deg,#fff 0%,#f4f5ff 100%);border:1px solid #4f46e51f;border-radius:18px;margin:12px 14px 0;padding:12px 14px 14px;box-shadow:0 8px 22px #4f46e50d}.doc-section-title{color:var(--c2);font-size:12px;font-weight:700}.doc-section-subtitle{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.45}.doc-pill-row{flex-wrap:wrap;gap:6px;margin-top:8px;padding:4px 16px;display:flex}.doc-inline-chip{background:var(--c1-light);color:var(--c1);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.doc-hdr-row{gap:8px;margin-bottom:8px;display:flex}.doc-hdr-row input{border:1px solid var(--border);color:var(--text);background:#f8faf9;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.doc-hdr-row input:focus{border-color:var(--c1);background:#fff}.doc-meta{grid-template-columns:1fr 1fr;gap:7px;display:grid}.doc-meta input{border:1px solid var(--border);color:var(--text);background:#f8faf9;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:12px}.doc-meta input:focus{border-color:var(--c1);background:#fff}.ctrl-row{background:linear-gradient(135deg,#f1f8f5f2,#fffffffa);border:1px solid #4f46e51f;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 14px 0;padding:10px 12px;font-size:12px;display:flex;box-shadow:0 6px 16px #4f46e50a}.ctrl-row label{color:var(--muted);font-weight:500}.ctrl-row select,.ctrl-row input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;outline:none;padding:4px 7px;font-family:inherit;font-size:12px}.tbl-area{padding:12px 14px 4px}.tbl-outer{background:#fff;border:1px solid #4f46e51f;border-radius:16px;overflow-x:auto;box-shadow:0 8px 22px #4f46e50a}table{border-collapse:collapse;width:100%;min-width:420px}thead tr{background:var(--c1-light)}th{color:var(--c2);text-align:left;border-bottom:1px solid var(--border);letter-spacing:.3px;white-space:nowrap;padding:9px 7px;font-size:11px;font-weight:700}td{vertical-align:middle;border-bottom:1px solid #0000000d;padding:2px 4px}tr:last-child td{border-bottom:none}td input{color:var(--text);background:0 0;border:none;outline:none;width:100%;padding:6px 4px;font-family:inherit;font-size:12px}td input:focus{background:#4f46e512;border-radius:5px}.num-cell input{text-align:right}.amt-cell{color:var(--c2);text-align:right;background:#4f46e508;padding:6px 7px;font-size:12px;font-weight:600}.del-btn{color:#ddd;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:5px;font-size:14px;display:flex}.del-btn:hover{color:var(--danger);background:#e24b4a14}.add-row-btn{border:1.5px dashed var(--c1);width:100%;color:var(--c1);cursor:pointer;background:#4f46e508;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:8px 0 4px;padding:10px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.add-row-btn:active{background:#4f46e51a}.summary{background:linear-gradient(#fff 0%,#f8fdf9 100%);border:1px solid #4f46e51f;border-radius:16px;margin:12px 14px 0;padding:12px 14px;box-shadow:0 8px 22px #4f46e50a}.sum-row{color:var(--muted);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.sum-row b{color:var(--text)}.sum-total-row{color:var(--c1);border-top:1.5px solid #4f46e529;justify-content:space-between;margin-top:4px;padding-top:8px;font-size:16px;font-weight:700;display:flex}.action-sheet{background:linear-gradient(#fff 0%,#f8fdf9 100%);border:1px solid #4f46e51f;border-radius:18px;margin:12px 14px 16px;padding:12px 14px;box-shadow:0 8px 22px #4f46e50d}.action-title{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.action-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.act-btn{color:var(--text);cursor:pointer;text-align:center;background:#fff;border:1px solid #4f46e524;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 5px 14px #4f46e50a}.act-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #4f46e514}.act-btn i{color:var(--c1);font-size:20px}.act-btn:active{background:#f0f4f2;transform:scale(.98)}:root{--content-padding:clamp(12px, 4vw, 32px);--font-base:clamp(13px, 1.8vw + .5rem, 16px)}html{font-size:var(--font-base)}#root{background:var(--bg);justify-content:flex-start;align-items:stretch;width:100%;min-height:100dvh}.app-shell{width:100%;max-width:100%;min-height:100dvh;box-shadow:none;background:var(--bg);border:none;margin:0;overflow-x:hidden}@media (width<=359px){html{font-size:13px}.app-topbar{padding:8px 10px}.app-status-bar{padding:8px 10px 10px}.hdr-btn{width:34px;height:34px}.logo-circle{width:32px;height:32px}.notification-bell{padding:6px}.app-bell-badge{width:14px;height:14px;font-size:8px;top:2px;right:2px}.bottom-nav{height:56px}.nav-item span{font-size:9px}.nav-item i{font-size:20px}.action-grid{grid-template-columns:repeat(3,1fr)}.auth-btn-primary,.auth-btn-google,.auth-btn-secondary{padding:11px 14px;font-size:13px}}@media (width>=360px) and (width<=599px){html{font-size:14px}.app-topbar{padding:10px 14px}.app-status-bar{padding:10px 14px 12px}.action-grid{grid-template-columns:repeat(3,1fr)}.doc-section-card,.home-card{border-radius:16px;padding:14px}.auth-screen-wrap{flex-direction:column}.auth-left-panel{display:none}.auth-right-panel{padding:20px 16px 60px}.auth-mobile-topbar{display:flex}}@media (width>=600px){html{font-size:14.5px}.app-topbar{padding:12px 20px}.app-status-bar{padding:10px 20px 14px}.action-grid{grid-template-columns:repeat(4,1fr)}.doc-section-card,.home-card{border-radius:18px;padding:16px 18px}.auth-screen-wrap{flex-direction:column}.auth-left-panel{display:none}.auth-right-panel{padding:24px 24px 60px}.auth-form-card{max-width:520px;margin:0 auto}.auth-mobile-topbar{display:flex}}@media (width>=768px){html{font-size:15px}.app-topbar{padding:14px 28px}.app-status-bar{padding:12px 28px 16px}.app-brand span{font-size:18px}.app-brand small{font-size:12px}.action-grid{grid-template-columns:repeat(5,1fr)}.doc-section-card{border-radius:20px;padding:20px 24px}.auth-screen-wrap{flex-direction:row}.auth-left-panel{width:42%;display:flex}.auth-right-panel{padding:36px 32px 60px}.auth-mobile-topbar{display:none}.auth-form-card{max-width:480px;margin:0 auto}.doc-body,.home-body,.setup-body{padding-left:28px;padding-right:28px}}@media (width>=1024px){html{font-size:15.5px}.app-topbar{padding:16px 36px}.app-status-bar{padding:12px 36px 16px}.app-brand span{font-size:20px}.action-grid{grid-template-columns:repeat(6,1fr)}.doc-section-card{padding:24px 28px}.auth-left-panel{width:44%;padding:56px}.auth-right-panel{justify-content:center;padding:48px 48px 60px}.auth-form-card{max-width:500px}.doc-body,.home-body,.setup-body{padding-left:36px;padding-right:36px}}@media (width>=1280px){html{font-size:16px}.app-topbar{padding:18px 48px}.app-status-bar{padding:14px 48px 18px}.app-brand span{font-size:22px}.action-grid{grid-template-columns:repeat(7,1fr)}.auth-left-panel{width:46%;padding:64px}.auth-right-panel{padding:56px 64px 72px}.auth-form-card{max-width:520px}.doc-body,.home-body,.setup-body{padding-left:48px;padding-right:48px}}.bottom-nav{width:100%;max-width:100%;left:0;transform:none}img,video,iframe,canvas,svg{max-width:100%;height:auto;display:block}body,#root,.app-shell{overflow-x:hidden}button,a,[role=button]{touch-action:manipulation}.text-fluid-lg{font-size:clamp(16px,2.5vw,28px)}.text-fluid-md{font-size:clamp(13px,1.5vw,18px)}.text-fluid-sm{font-size:clamp(11px,1vw,14px)}