.splash-page{--splash-bg-1: #0b2942;--splash-bg-2: #0E3A5C;--splash-bg-3: #1d5d8e;--splash-accent: #7cc5ff;--splash-text: #0f1d30;--splash-text-soft: #3d5878;--splash-surface: #ffffff;--splash-surface-muted: #eff4fb;--splash-border: rgba(14, 58, 92, .14);min-height:100vh;color:var(--splash-text);background:var(--splash-surface-muted);overflow-x:hidden;scroll-behavior:smooth}html{scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform}.reveal-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.splash-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1rem,4vw,2.5rem);background:#0b294200;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .3s ease,backdrop-filter .3s ease,box-shadow .3s ease}.splash-nav-scrolled{background:#0b2942d1;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);box-shadow:0 10px 28px #08182840}.splash-nav-brand{display:flex;align-items:center;gap:.55rem;color:#fff;font-weight:700;letter-spacing:.01em;text-decoration:none}.splash-nav-logo{width:30px;height:30px}.splash-nav-links{display:flex;gap:1.2rem;align-items:center}.splash-nav-links a{color:#ffffffd1;text-decoration:none;font-weight:500;font-size:.95rem;padding:.4rem .2rem;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.splash-nav-links a:hover{color:#fff;border-bottom-color:var(--splash-accent)}.splash-nav-cta{display:inline-flex;align-items:center;padding:.5rem 1.1rem;border-radius:10px;background:#fff;color:var(--splash-bg-2);font-weight:700;text-decoration:none;box-shadow:0 6px 16px #08182833;transition:transform .1s ease,box-shadow .2s ease}.splash-nav-cta:hover{box-shadow:0 10px 22px #0818284d;transform:translateY(-1px)}@media (max-width: 640px){.splash-nav-links{display:none}}.splash-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem 5rem;overflow:hidden;color:#f4f9ff;background:radial-gradient(circle at 12% 18%,rgba(124,197,255,.22),transparent 45%),radial-gradient(circle at 88% 78%,rgba(74,143,196,.25),transparent 50%),linear-gradient(140deg,var(--splash-bg-1) 0%,var(--splash-bg-2) 55%,var(--splash-bg-3) 100%)}.splash-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 50% 110%,rgba(239,244,251,.18),transparent 70%);pointer-events:none}.splash-hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:splash-orb-drift 14s ease-in-out infinite}.splash-hero-orb-1{width:320px;height:320px;left:-80px;top:18%;background:radial-gradient(circle,#7cc5ff,transparent 70%)}.splash-hero-orb-2{width:380px;height:380px;right:-100px;bottom:-60px;background:radial-gradient(circle,#2a7bb1,transparent 70%);animation-delay:-5s}@keyframes splash-orb-drift{0%,to{transform:translate(0)}50%{transform:translate(22px,-18px)}}.splash-hero-inner{position:relative;z-index:1;max-width:820px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem}.splash-hero-logo{width:108px;height:108px;margin-bottom:.8rem;animation:splash-logo-float 6s ease-in-out infinite}@keyframes splash-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.splash-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--splash-accent)}.splash-hero-title{margin:.45rem 0 .9rem;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.1;font-weight:800;letter-spacing:-.01em}.splash-hero-accent{background:linear-gradient(120deg,#eaf4ff,#7cc5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.splash-hero-description{margin:0 auto;max-width:640px;color:#f0f7ffdb;line-height:1.6;font-size:1.08rem}.splash-hero-actions{margin-top:1.8rem;display:flex;gap:.85rem;flex-wrap:wrap;justify-content:center}.splash-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.85rem 1.45rem;border-radius:12px;font-weight:700;text-decoration:none;font-size:1rem;transition:transform .1s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.splash-btn-primary{color:var(--splash-bg-2);background:#fff;box-shadow:0 10px 24px #08182847}.splash-btn-primary:hover{box-shadow:0 14px 30px #08182861;transform:translateY(-2px)}.splash-btn-ghost{color:#eaf4ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.26)}.splash-btn-ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.splash-section{padding:clamp(4rem,9vw,7rem) 1.5rem}.splash-section-head{max-width:740px;margin:0 auto 2.8rem;text-align:center}.splash-section-head .splash-eyebrow{color:var(--splash-bg-2)}.splash-section-head h2{margin:.4rem 0 .7rem;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--splash-text)}.splash-section-lede{margin:0;color:var(--splash-text-soft);font-size:1.05rem;line-height:1.6}.splash-features{background:linear-gradient(180deg,#fff,#eff4fb)}.splash-feature-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.splash-feature-card{background:var(--splash-surface);border:1px solid var(--splash-border);border-radius:18px;padding:1.6rem 1.4rem 1.5rem;box-shadow:0 10px 28px #08182812;transition:transform .25s ease,box-shadow .25s ease}.splash-feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #08182821}.splash-feature-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--splash-bg-2);background:linear-gradient(135deg,#dcebfb,#f0f6fe);margin-bottom:1rem}.splash-feature-icon svg{width:26px;height:26px}.splash-feature-card h3{margin:0 0 .4rem;font-size:1.15rem;font-weight:700;color:var(--splash-text)}.splash-feature-card p{margin:0;color:var(--splash-text-soft);line-height:1.55;font-size:.97rem}.splash-screenshots{background:#eff4fb}.splash-screenshot-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}.splash-screenshot-card{background:var(--splash-surface);border:1px solid var(--splash-border);border-radius:18px;padding:1rem 1.2rem 1.3rem;box-shadow:0 10px 26px #08182814;transition:transform .25s ease,box-shadow .25s ease}.splash-screenshot-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #08182824}.splash-screenshot-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:#0b2942;box-shadow:inset 0 0 0 1px #ffffff14;margin-bottom:.95rem;padding:0;border:none;cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.splash-screenshot-frame:hover,.splash-screenshot-frame:focus-visible{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff14,0 14px 30px #0818282e;outline:none}.splash-screenshot-frame:hover .splash-screenshot-zoom,.splash-screenshot-frame:focus-visible .splash-screenshot-zoom{opacity:1;transform:scale(1)}.splash-screenshot-zoom{position:absolute;top:32px;right:10px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0b2942d9;color:#fff;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease;z-index:2;pointer-events:none}.splash-screenshot-zoom svg{width:18px;height:18px}.splash-screenshot-chrome{position:absolute;top:0;left:0;right:0;height:22px;background:#00000059;display:flex;align-items:center;gap:5px;padding:0 10px;z-index:1}.splash-screenshot-chrome span{width:8px;height:8px;border-radius:50%;background:#ffffff73}.splash-screenshot-image{position:absolute;top:22px;right:0;bottom:0;left:0;width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top center;display:block}.splash-screenshot-card h3{margin:0 0 .3rem;font-size:1.1rem;font-weight:700;color:var(--splash-text)}.splash-screenshot-card p{margin:0;color:var(--splash-text-soft);line-height:1.55;font-size:.95rem}.splash-demo{background:linear-gradient(180deg,#eff4fb,#fff)}.splash-video-frame{max-width:960px;margin:0 auto;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #08182833;border:1px solid var(--splash-border)}.splash-video-frame iframe{width:100%;height:100%;border:0;display:block}.splash-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:#dbe7f5;background:radial-gradient(circle at 50% 40%,rgba(124,197,255,.18),transparent 60%),linear-gradient(140deg,#0b2942,#1d5d8e);text-align:center;padding:2rem 1.5rem}.splash-video-play{width:72px;height:72px;color:#eaf4ff;margin-bottom:.4rem;animation:splash-play-pulse 2.6s ease-in-out infinite}@keyframes splash-play-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.splash-video-placeholder p{margin:0;font-size:1.2rem;font-weight:700;color:#fff}.splash-video-placeholder span{font-size:.92rem;color:#eaf4ffc7;letter-spacing:.02em}.splash-team{background:#fff}.splash-team-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.1rem}.splash-team-card{background:var(--splash-surface);border:1px solid var(--splash-border);border-radius:18px;box-shadow:0 10px 26px #08182812;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.splash-team-card a{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.4rem 1rem;text-decoration:none;color:inherit}.splash-team-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #08182824}.splash-team-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;background:var(--splash-surface-muted);border:3px solid #fff;box-shadow:0 6px 18px #08182824}.splash-team-info{text-align:center;display:flex;flex-direction:column;gap:.15rem}.splash-team-info strong{font-size:1rem;color:var(--splash-text)}.splash-team-info span{font-size:.85rem;color:var(--splash-text-soft)}.splash-footer{background:radial-gradient(circle at 15% 120%,rgba(124,197,255,.18),transparent 55%),linear-gradient(140deg,#0b2942,#0e3a5c);color:#dbe7f5;padding:2.2rem 1.5rem}.splash-footer-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.splash-footer-brand{display:flex;align-items:center;gap:.7rem}.splash-footer-logo{width:34px;height:34px}.splash-footer-brand strong{display:block;color:#fff;font-size:1.05rem}.splash-footer-sub{display:block;font-size:.82rem;color:#dbe7f5b3}.splash-footer-end{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;justify-content:flex-end}.splash-footer-link{color:#eaf4ff;text-decoration:none;font-weight:700;padding:.55rem 1.1rem;border-radius:10px;border:1px solid rgba(255,255,255,.26);background:#ffffff0a;transition:background .2s ease,transform .1s ease}.splash-footer-link:hover{background:#ffffff1f;transform:translateY(-1px)}.splash-footer-meta{color:#eaf4ffb3;font-size:.9rem;letter-spacing:.02em}@media (max-width: 640px){.splash-hero{padding:5rem 1.15rem 3.5rem}.splash-section{padding:3.2rem 1.15rem}.splash-hero-logo{width:88px;height:88px}}.splash-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#050e19d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1.25rem;animation:splash-lightbox-fade .18s ease-out}@keyframes splash-lightbox-fade{0%{opacity:0}to{opacity:1}}.splash-lightbox-panel{position:relative;width:min(1600px,96vw);max-height:95vh;display:flex;flex-direction:column;gap:.9rem;animation:splash-lightbox-pop .22s cubic-bezier(.2,.8,.2,1)}@keyframes splash-lightbox-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-lightbox-image{display:block;width:100%;max-height:86vh;object-fit:contain;border-radius:14px;box-shadow:0 30px 60px #00000080;background:#0b2942}.splash-lightbox-caption{display:flex;flex-direction:column;gap:.25rem;color:#eaf4ff;text-align:center;padding:0 .5rem}.splash-lightbox-caption strong{font-size:1.1rem;font-weight:700}.splash-lightbox-caption span{color:#eaf4ffbf;font-size:.95rem;line-height:1.5}.splash-lightbox-close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0b2942f2;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2;transition:transform .15s ease,background .15s ease}.splash-lightbox-close:hover{background:#1b4f90;transform:scale(1.05)}.splash-lightbox-close svg{width:18px;height:18px}@media (max-width: 640px){.splash-lightbox-close{top:-6px;right:-6px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(120deg,var(--primary-color) 0%,var(--background-color) 100%)}.auth-card{width:100%;max-width:620px;background:#fff;border-radius:16px;box-shadow:0 16px 40px #00000029;padding:1.5rem 1.75rem 2rem}.auth-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.5rem}.auth-toggle button{border:1px solid #d0d7e2;background:#f3f6fb;color:#1f2933;padding:.75rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-toggle button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 8px 18px #0e3a5c4d}.auth-mfa-topbar{margin-bottom:.5rem}.auth-back-button{border:1px solid #d0d7e2;background:#f3f6fb;color:#1f2933;padding:.6rem .9rem;border-radius:10px;font-weight:600;cursor:pointer}.auth-back-button:disabled{opacity:.7;cursor:not-allowed}.auth-card h1{margin:0 0 1rem;font-size:1.6rem;color:var(--text)}.auth-form{display:flex;flex-direction:column;gap:.85rem}.form-row{display:flex;flex-direction:column;gap:.35rem}.form-row.dual{flex-direction:row;gap:.75rem;min-width:0}.form-row.dual .half{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.auth-form label{font-weight:600;color:#1f2b3a}.auth-form input,.auth-form select{width:100%;box-sizing:border-box;padding:.7rem .85rem;border:1px solid #d0d7e2;border-radius:10px;font-size:1rem;background:#f8fafc}.auth-form input:focus,.auth-form select:focus{outline:2px solid var(--primary-color);outline-offset:1px;background:#fff}.login-mode-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 .6rem}.login-mode-toggle .toggle{border:1px solid #d0d7e2;background:#f8fafc;color:#0f1d30;border-radius:8px;padding:.55rem .9rem;cursor:pointer;transition:all .2s ease}.login-mode-toggle .toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 6px 16px #0e3a5c33}.account-toggle{display:inline-flex;gap:.5rem}.account-toggle .toggle{border:1px solid #d0d7e2;background:#f8fafc;color:#0f1d30;border-radius:8px;padding:.55rem .9rem;cursor:pointer;transition:all .2s ease}.account-toggle .toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.help-text{margin:-.4rem 0 .2rem;color:#4b5563;font-size:.9rem}.error-text{margin:.25rem 0 0;color:#b42318;font-weight:600;background:#fdeeee;border:1px solid #f4c7c1;padding:.6rem .75rem;border-radius:8px}.auth-form button[type=submit]{margin-top:.5rem;padding:.85rem 1rem;border:none;border-radius:12px;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,opacity .2s ease}.auth-form button[type=submit]:hover{box-shadow:0 10px 22px #0e3a5c47}.auth-form button[type=submit]:active{transform:translateY(1px)}.auth-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.mfa-form .help-text{margin-top:0}.startup-warning{margin:.4rem 0 0;color:#b42318;font-weight:600;font-size:.95rem}@media (max-width: 640px){.auth-card{padding:1.25rem}.form-row.dual{flex-direction:column}}.profile-link{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.profile-link.static{cursor:default}.profile-img{border-radius:50%;object-fit:cover;display:block;box-shadow:0 2px 6px #00000026;border:2px solid #fff}.home-page{min-height:100vh;background:linear-gradient(135deg,#2c4f6f,#6c8fb3)}.page-content{padding:2rem}.home-panel{background:#fff;padding:2rem;border-radius:16px;max-width:900px;margin:auto;box-shadow:0 15px 40px #0000001a}.home-panel h1{margin:0;font-size:1.8rem}.home-subtitle{color:#555;margin-bottom:1.5rem}.dashboard-title{margin-top:1rem;font-size:1.2rem}.home-widgets-grid{display:grid;gap:1rem}.home-widget{background:#f8fbff;padding:1rem;border-radius:12px;border:1px solid #e3ebf5}.widget-message-card{display:flex;flex-direction:column;gap:.4rem}.widget-list{list-style:none;padding:0}.widget-list li{padding:.3rem 0}.unread-dot{width:8px;height:8px;background:red;border-radius:50%;display:inline-block;margin-left:5px}.temporaryPanel{max-width:980px;background:#fff;border-radius:14px;padding:28px;box-shadow:0 12px 28px #0e3a5c1f;border:1px solid #d7e2f2;margin:0 auto}.files-panel h2{margin:0 0 12px;font-size:1.6rem}.files-panel p{margin:0}.storage-usage{margin-top:10px!important;color:#30445a;font-size:.95rem}.files-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:60px}.files-panel-header-text{flex:1;min-width:0}.client-selector-wrap{margin-top:14px}.client-selector-label{display:inline-flex;align-items:center;gap:10px;color:#30445a;font-size:.95rem}.client-selector-dropdown{padding:8px 12px;border-radius:8px;border:1px solid #d7e2f2;background:#fff;color:#163353;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0e3a5c0f}.client-selector-dropdown:hover{border-color:#b8cce8}.client-selector-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1b4f9026}.upload-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.upload-actions:not(:empty){margin-top:12px}.upload-trigger-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:112px;height:112px;margin-top:30px;border-radius:18px;border:none;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));cursor:pointer;transition:opacity .15s ease,transform .1s ease;color:#fff;font-size:.75rem;font-weight:600}.upload-trigger-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.upload-trigger-btn:disabled{opacity:.5;cursor:not-allowed}.upload-action-buttons{display:flex;gap:12px;margin-top:12px}.upload-action-buttons button{border:none;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;background:#1b4f90;color:#fff}.upload-action-buttons button.secondary{background:#dce6f5;color:#163353}.upload-action-buttons button:disabled{opacity:.55;cursor:not-allowed}.upload-status{margin-top:12px!important;color:#163353;min-height:20px}.file-sections{margin-top:8px;display:grid;gap:0}.file-section{border:1px solid #d7e2f2;border-radius:0 10px 10px;padding:14px;position:relative;z-index:1;background:#fff;min-height:560px}.file-section-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.file-section h3{margin:0 0 10px}.uploaded-header-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #d7e2f2}.uploaded-header-row h3{margin:0 auto 0 0}.sort-by-control{display:flex;align-items:center;gap:8px;color:#1e3855;font-size:.85rem;font-weight:700}.sort-by-control select{border:1px solid #b8cce8;border-radius:6px;padding:6px 8px;font-size:.9rem;background:#fff;color:#1e3855}.tab-bar{display:flex;flex-wrap:wrap;gap:0;align-items:flex-end;margin-bottom:-1px;position:relative;z-index:2;padding-left:4px}.tab-item{display:flex;align-items:center;border:1px solid #d7e2f2;border-radius:8px 8px 0 0;background:#e8eef6;position:relative;margin-right:4px}.tab-item.tab-active{background:#fff;border-bottom-color:#fff}.tab-done-btn{border:none;background:transparent;padding:4px 4px 4px 8px;cursor:pointer;line-height:1;display:flex;align-items:center;transition:opacity .15s ease}.tab-done-btn:hover{opacity:.7}.tab-done-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#dc2626;transition:background-color .15s ease}.tab-done .tab-done-indicator{background-color:#16a34a}.tab-label{border:none;background:transparent;padding:8px 12px;font-weight:700;font-size:.85rem;color:#163353;cursor:pointer;white-space:nowrap}.tab-rename-input{border:1px solid #b8cce8;border-radius:4px;padding:5px 8px;font-size:.85rem;font-weight:700;width:100px;margin:4px}.tab-menu-wrap{position:relative}.tab-menu-trigger{border:none;background:transparent;cursor:pointer;font-size:.7rem;padding:4px 8px 4px 0;color:#526883;letter-spacing:1px}.tab-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #d7e2f2;border-radius:6px;box-shadow:0 4px 12px #0e3a5c26;z-index:20;min-width:100px;overflow:hidden}.tab-menu-dropdown button{display:block;width:100%;border:none;background:transparent;padding:8px 12px;text-align:left;font-size:.85rem;cursor:pointer;color:#163353}.tab-menu-dropdown button:hover{background:#f0f4fa}.tab-menu-dropdown button.tab-menu-disabled{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9ca3af;cursor:help}.tab-menu-dropdown button.tab-menu-disabled:hover{background:#f0f4fa}.tab-menu-info-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#3b82f6;color:#fff;font-size:.7rem;font-weight:700;font-style:italic;font-family:Georgia,serif;flex-shrink:0}.tab-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.tab-info-modal{background:#fff;border-radius:12px;padding:20px 24px;max-width:360px;box-shadow:0 16px 40px #0003}.tab-info-modal p{margin:0 0 16px;color:#163353}.tab-info-actions{display:flex;justify-content:flex-end}.tab-info-actions button{padding:8px 18px;border:none;border-radius:8px;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:700;cursor:pointer}.tab-add-button{border:1px dashed #b8cce8;border-bottom:1px solid #d7e2f2;border-radius:8px 8px 0 0;background:transparent;padding:8px 14px;font-size:1rem;font-weight:700;color:#1b4f90;cursor:pointer;margin-bottom:0}.tab-add-button:hover{background:#f0f4fa}.tab-delete-confirm{padding:14px;border:1px solid #e2b6b6;border-radius:8px;background:#fef6f6;margin-bottom:8px}.tab-delete-confirm p{margin:0 0 10px;font-weight:700;color:#6e2020}.tab-delete-confirm-actions{display:flex;gap:8px;flex-wrap:wrap}.tab-delete-confirm-actions button{border:none;border-radius:7px;padding:8px 14px;font-weight:700;cursor:pointer;background:#1b4f90;color:#fff}.tab-delete-confirm-actions button.secondary{background:#dce6f5;color:#163353}.tab-delete-confirm-actions button.trash-button{background:#b73a3a;color:#fff}.tab-item.tab-drag-over{background:#1b4f90;border-color:#1b4f90}.tab-item.tab-drag-over .tab-label{color:#fff}.tab-item.tab-reorder-over{border-left:3px solid #1b4f90;background:#dce6f5}.tab-item.tab-reordering{opacity:.4;cursor:grabbing}.tab-item[draggable=true],.file-card[draggable]{cursor:grab}.file-card[draggable]:active{cursor:grabbing}.file-card.file-dragging{opacity:.35}.file-group-wrapper{display:contents}.file-group-wrapper.file-group-expanded{display:flex;flex-wrap:wrap;gap:20px;background:#eaeff6;border-radius:12px;padding:12px;grid-column:1 / -1}.file-group-wrapper.file-group-expanded .file-card{width:150px;min-width:150px;max-width:150px;overflow:hidden}.file-group-card{cursor:pointer;border:2px solid #b8cce8;background:#e4eaf4}.file-group-card:hover{border-color:#1b4f90}.file-group-icon{width:72px;height:90px;position:relative;flex-shrink:0}.file-group-icon svg{width:100%;height:100%}.file-group-count{position:absolute;bottom:2px;right:0;font-size:.7rem;font-weight:800;color:#fff;background:#1b4f90;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.group-rename-input{border:1px solid #b8cce8;border-radius:4px;padding:4px 6px;font-size:.82rem;font-weight:700;width:100px;margin-top:6px;text-align:center}.group-delete-confirm{grid-column:1 / -1;padding:14px;border:1px solid #e2b6b6;border-radius:8px;background:#fef6f6}.group-delete-confirm p{margin:0 0 10px;font-weight:700;color:#6e2020}.file-card-drag-over{outline:2px solid #1b4f90;outline-offset:-2px;background:#dce6f5}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:4px}.file-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #dce6f2;border-radius:12px;padding:16px 10px 12px;background:#f0f4fa;transition:box-shadow .15s,transform .15s;position:relative}.file-card:hover{box-shadow:0 6px 18px #0e3a5c24;transform:translateY(-2px)}.file-card-icon{width:72px;height:90px;cursor:pointer;position:relative;flex-shrink:0}.file-card-icon svg{width:100%;height:100%}.file-card-ext{position:absolute;bottom:8px;right:4px;font-size:.65rem;font-weight:800;color:#1b4f90;background:#dce6f5;border-radius:4px;padding:1px 5px;letter-spacing:.5px}.file-card-name{margin-top:8px;font-weight:700;font-size:.82rem;color:#11283f;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;line-height:1.3}.file-card-actions{display:flex;gap:6px;margin-top:10px}.file-card-actions button{border:none;border-radius:7px;padding:6px 10px;font-weight:700;font-size:.78rem;cursor:pointer}.file-card-actions button:disabled{opacity:.55;cursor:not-allowed}.download-button{background:#1f7a45;color:#fff}.ellipse-button{background:#1d66c2;color:#fff;border-radius:999px;min-width:44px;letter-spacing:2px}.trash-button{background:#b73a3a;color:#fff}.metadata-editor{width:100%;margin-top:10px;padding:10px;border:1px solid #d7e2f2;border-radius:8px;background:#f4f8ff;display:flex;flex-direction:column;gap:8px}.metadata-editor label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#1e3855;font-weight:700}.metadata-editor input,.metadata-editor select{border:1px solid #b8cce8;border-radius:6px;padding:8px;font-size:.9rem;background:#fff;color:#1e3855}.metadata-editor input[readonly]{background:#edf2f9}.metadata-readonly-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#1e3855;font-weight:700}.metadata-readonly-value{font-weight:500;color:#30445a;padding:4px 0}.save-metadata-button{background:#1b4f90;color:#fff;border:none;border-radius:7px;padding:9px 12px;font-weight:700;cursor:pointer}.save-metadata-button:disabled{opacity:.55;cursor:not-allowed}.create-invoice-button{margin-top:12px;border:2px dashed #c44040;border-radius:8px;padding:10px 18px;font-weight:700;font-size:.9rem;cursor:pointer;background:#fef6f6;color:#a33;transition:background .15s,border-color .15s}.create-invoice-button:hover{background:#fceaea;border-color:#a33}.invoice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.invoice-modal{background:#fff;border-radius:14px;padding:28px;width:420px;max-width:92vw;box-shadow:0 16px 48px #0e3a5c33;display:flex;flex-direction:column;gap:14px}.invoice-modal h3{margin:0;font-size:1.2rem;color:#11283f}.invoice-modal label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#1e3855;font-weight:700}.invoice-modal input,.invoice-modal textarea{border:1px solid #b8cce8;border-radius:6px;padding:8px;font-size:.9rem;background:#fff;color:#1e3855;font-family:inherit;resize:vertical}.invoice-modal-actions{display:flex;gap:10px;margin-top:6px}.invoice-modal-actions button{border:none;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer;background:#1b4f90;color:#fff;font-size:.9rem}.invoice-modal-actions button.secondary{background:#dce6f5;color:#163353}.invoice-modal-actions button:disabled{opacity:.55;cursor:not-allowed}.invoice-detail-description{background:#f4f8ff;border:1px solid #d7e2f2;border-radius:8px;padding:10px 12px}.invoice-detail-description p{margin:6px 0 0;color:#30445a;white-space:pre-wrap}.file-invoice-card{border:2px dashed #d48a8a;background:#fdf8f8;cursor:pointer}.file-invoice-card:hover{border-color:#b73a3a;box-shadow:0 6px 18px #b73a3a24}.file-invoice-icon{position:relative}.invoice-exclamation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.2rem;font-weight:900;color:#c44040;line-height:1;text-shadow:0 1px 4px rgba(196,64,64,.3)}.invoice-name{color:#a33}.invoice-due-date{font-size:.75rem;color:#8a5050;font-weight:600;margin-top:2px}.muted{color:#607487}.files-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;min-height:60vh}.files-loading-spinner{width:36px;height:36px;border-radius:50%;border:3px solid #d7e2f2;border-top-color:var(--primary-color, #0b66ff);animation:files-loading-spin .8s linear infinite}@keyframes files-loading-spin{to{transform:rotate(360deg)}}@media (max-width: 920px){.page-content{padding:20px}.temporaryPanel{padding:18px}}.file-card-eye-btn{position:absolute;top:6px;left:6px;background:#ffffffb3;border:none;border-radius:6px;font-size:1.1rem;padding:2px 5px;cursor:pointer;opacity:0;transition:opacity .15s ease;z-index:10;line-height:1}.file-card:hover .file-card-eye-btn{opacity:1}.file-card-invoice-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:none;background:#16a34a;color:#fff;font-size:.85rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #00000026;z-index:2}.file-card-invoice-badge:hover{background:#15803d}.pdf-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.pdf-preview-modal{background:#fff;border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;max-width:90vw;max-height:90vh;box-shadow:0 20px 60px #00000059}.pdf-preview-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pdf-preview-filename{font-weight:600;font-size:.95rem;color:#111827;word-break:break-all}.pdf-preview-download{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:.35rem .65rem;cursor:pointer;font-size:.9rem;flex-shrink:0}.pdf-preview-download:hover{background:#15803d}.pdf-preview-close{background:#e5e7eb;border:none;border-radius:8px;padding:.35rem .65rem;cursor:pointer;font-size:.9rem;flex-shrink:0}.pdf-preview-canvas-wrap{overflow:auto;max-height:calc(90vh - 130px);border:1px solid #e5e7eb;border-radius:8px}.pdf-preview-canvas{display:block}.pdf-preview-nav{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.9rem;font-weight:600;color:#374151}.pdf-preview-nav button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:.4rem .85rem;font-size:1rem;cursor:pointer;transition:background .15s ease}.pdf-preview-nav button:disabled{opacity:.4;cursor:not-allowed}.pdf-preview-nav button:not(:disabled):hover{background:#e5e7eb}.pdf-preview-nav .pdf-preview-download{background:#16a34a;color:#fff;border-color:#16a34a}.pdf-preview-nav .pdf-preview-download:not(:disabled):hover{background:#15803d}.files-panel-drag-over{outline:2px dashed var(--primary-color);outline-offset:-4px;background:#4f8ef70a}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f1d3073}.confirm-dialog{width:min(90vw,460px);max-height:80vh;overflow-y:auto;border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.3rem;background:var(--surface);color:var(--text);box-shadow:0 20px 40px #00000040}.confirm-dialog-title{margin:0 0 .5rem;font-size:1.2rem}.confirm-dialog-message{margin:0 0 1rem;color:var(--muted);white-space:pre-line;word-break:break-word}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:.7rem}.confirm-dialog-button{border-radius:10px;padding:.55rem 1rem;border:1px solid transparent;font:inherit;cursor:pointer}.confirm-dialog-button.confirm{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.confirm-dialog-button.confirm:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.confirm-dialog-button.cancel{background:#fff;border-color:var(--border);color:var(--text)}.confirm-dialog-button.cancel:hover{background:var(--surface-muted)}.subtext{margin:-8px 0 16px;color:#6b7280}.bills-add-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center}.bills-box{border:1px solid #d7e2f2;border-radius:10px;padding:16px;background:#fff}.bills-empty{color:#6c7a92;margin:0;text-align:center}.bill-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef3fa}.delete-btn{background:none;border:none;cursor:pointer;font-size:18px}.bills-add-form{display:flex;gap:10px;margin-bottom:20px}.bills-input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #d0dae7;background:#fff}.bills-add-btn{padding:10px 16px;border:none;border-radius:8px;background:var(--primary-color, #0b66ff);color:#fff;cursor:pointer;font-weight:600}.bills-add-btn:disabled{opacity:.5;cursor:not-allowed}.bills-box{border:1px solid #d7e2f2;border-radius:10px;padding:12px;background:#fff;min-height:60px}.bills-empty{color:#6c7a92;margin:0;text-align:center;min-height:45vh;display:flex;align-items:center;justify-content:center;font-size:.95rem}.bills-link-btn{background:none;border:none;color:#1b4f90;font-weight:700;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.bills-link-btn:hover{color:#0e3a5c}.bill-item{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef3fa}.bill-item .bill-text{min-width:120px}.bill-item:last-child{border-bottom:none}.bill-text{flex:1;padding-right:12px;word-break:break-word}.bill-cost-input{width:100px;padding:6px 10px;border-radius:6px;border:1px solid #cfdaf0;font-size:.95rem;text-align:right}.bill-cost-display{width:100px;padding:6px 10px;text-align:right;font-size:.95rem;font-weight:600;color:#163353}.bill-cost-input::placeholder{color:#94a3b8}.bill-cost-input:focus{outline:none;border-color:var(--primary-color, #0b66ff);box-shadow:0 0 0 2px #0b66ff26}.bill-action-group{display:flex;gap:8px;align-items:center}.edit-btn,.delete-btn,.save-btn,.cancel-btn{padding:6px 10px;border-radius:6px;border:none;cursor:pointer;font-weight:600;background:transparent}.edit-btn{background:#0b66ff14;color:var(--primary-color, #0b66ff)}.delete-btn{font-size:16px}.save-btn{background:var(--primary-color, #0b66ff);color:#fff}.cancel-btn{background:#f0f3f7;color:#334155}.bill-edit-input{flex:1;padding:8px 10px;border-radius:6px;border:1px solid #cfdaf0;margin-right:8px}.client-selector-wrap{margin-bottom:12px}.client-selector-wrap>button{border:none;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;background:#dce6f5;color:#163353}.client-selector-list{margin-top:10px;border:1px solid #d7e2f2;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;background:#f9fbff}.client-selector-list button{text-align:left;border:1px solid #d7e2f2;border-radius:6px;background:#fff;padding:8px 10px;cursor:pointer}.bill-action-group button:disabled,.bills-add-form button:disabled{opacity:.55;cursor:not-allowed}.bills-sort-wrap{margin-bottom:12px;display:flex;align-items:center;gap:8px}.bills-sort-wrap label{font-size:.9rem;color:#475569;font-weight:500}.bills-sort-select{padding:8px 12px;border-radius:8px;border:1px solid #d0dae7;background:#fff;font-size:.95rem;min-width:180px}.bill-add-cost{width:90px}.bill-add-priority,.bill-add-due{flex-shrink:0}.bill-priority-select{padding:6px 10px;border-radius:6px;border:1px solid #cfdaf0;font-size:.95rem;min-width:100px;background:#fff}.bill-due-date-input{padding:6px 10px;border-radius:6px;border:1px solid #cfdaf0;font-size:.95rem;min-width:130px}.bill-due-date-input:focus,.bill-priority-select:focus{outline:none;border-color:var(--primary-color, #0b66ff)}.bill-priority-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;min-width:60px;text-align:center}.bill-priority-badge.priority-high{background:#fef2f2;color:#b91c1c}.bill-priority-badge.priority-medium{background:#fffbeb;color:#b45309}.bill-priority-badge.priority-low{background:#f0fdf4;color:#15803d}.bill-due-date-display{font-size:.9rem;color:#475569;min-width:100px}.bill-todo-field{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:#334155;white-space:nowrap}.bill-todo-field input[type=checkbox]{width:16px;height:16px}.bill-todo-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;min-width:64px;text-align:center}.bill-todo-pill.is-todo{background:#fff1f2;color:#be123c}.bill-todo-pill.not-todo{background:#ecfdf5;color:#047857}.bill-chart-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:#374151;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.bills-owner-picker{margin:1.5rem 0}.bills-picker-prompt{font-size:1.05rem;font-weight:600;color:#111827;margin:0 0 .75rem}.bills-picker-list{display:flex;flex-direction:column;gap:.5rem;max-width:420px}.bills-picker-btn{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-align:left}.bills-picker-btn:hover{background:#eff6ff;border-color:#93c5fd}.bills-picker-access{font-size:.8rem;font-weight:400;color:#6b7280}.bills-picker-empty{font-size:.9rem;color:#6b7280;margin:.25rem 0}.bills-chart-preview{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #d7e2f2}.bills-chart-preview h3{margin:0 0 .25rem}.bills-chart-subtext{margin:0 0 .75rem;color:#6b7280;font-size:.9rem}.settings-panel{display:flex;flex-direction:column;gap:18px}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-header .muted{margin:6px 0 0}.settings-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:760px;margin:0 auto}.settings-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 8px 18px #0e3a5c14;width:100%}.card-header h3{margin:0 0 4px}.card-header .muted{margin:0}.settings-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.settings-form label{font-weight:600;color:var(--secondary-color)}.settings-form input[type=text],.settings-form input[type=email],.settings-form input[type=password],.settings-form input[type=date]{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:1rem}.tax-data-note{margin:10px 0 0;padding:10px 12px;border-left:3px solid #1b4f90;background:#1b4f9014;border-radius:8px;color:var(--secondary-color);font-size:.92rem;line-height:1.4}.share-with-cpa-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:500!important;font-size:.9rem;color:var(--muted)!important;margin:-4px 0 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.share-with-cpa-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.settings-form button.primary{margin-top:6px;padding:10px 14px;border:none;border-radius:10px;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 16px #0000001f}.settings-form button.primary:disabled{opacity:.7;cursor:not-allowed}.contact-phone-form{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.font-controls{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:10px}.font-slider-wrap{display:flex;flex-direction:column;gap:8px}.font-slider-label{font-weight:600;color:var(--secondary-color)}.font-slider-wrap input[type=range]{width:100%}.font-step-button,.font-reset-button{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:700;cursor:pointer}.font-step-button{min-width:52px;min-height:40px;padding:8px 10px}.font-reset-button{margin-top:10px;padding:10px 14px}.font-step-button:disabled,.font-reset-button:disabled{opacity:.55;cursor:not-allowed}.font-step-button:not(:disabled):hover,.font-reset-button:not(:disabled):hover{background:var(--surface-muted)}.avatar-row{display:flex;align-items:center;gap:14px;margin:8px 0 14px}.avatar-meta .filename{margin:0;font-weight:600}.avatar-meta .help-text{margin:6px 0 0;color:var(--muted);font-size:.9rem}.file-input-label{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 8px 16px #0000001f;width:fit-content}.file-input-label input{display:none}.photo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.photo-remove-button{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--secondary-color);font-weight:600;cursor:pointer}.photo-remove-button:hover{background:#dc262614;border-color:#dc2626;color:#dc2626}.status-text{margin:8px 0 0;font-weight:600;color:var(--secondary-color)}.totp-qr-wrap{margin-top:8px;display:flex;flex-direction:column;gap:8px}.totp-qr-wrap img{width:220px;max-width:100%;height:auto;border:1px solid var(--border);border-radius:10px;background:#fff;padding:6px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;margin:0 0 4px;color:var(--secondary-color)}.muted{color:var(--muted)}.settings-page-index{width:164px;flex-shrink:0;position:sticky;top:32px;align-self:flex-start;display:flex;flex-direction:column;gap:6px;padding:16px 14px;margin-top:32px;background:#ffffff38;border:1px solid rgba(255,255,255,.3);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-index-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff9;margin:0 0 8px}.settings-index-link{font-size:.88rem;font-weight:600;color:#ffffffd9;text-decoration:none;padding:7px 10px;border-radius:7px;transition:background .15s ease,color .15s ease}.settings-index-link:hover{background:#ffffff2e;color:#fff}.dark-mode-toggle-row{display:flex;align-items:center;gap:12px;margin-top:8px}.dark-mode-label{font-size:.95rem;font-weight:600;color:var(--text);min-width:36px}.dark-mode-toggle{position:relative;width:48px;height:26px;border-radius:13px;border:none;background:var(--border);cursor:pointer;padding:0;transition:background .2s ease;flex-shrink:0}.dark-mode-toggle--on{background:#1b4f90}.dark-mode-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;display:block}.dark-mode-toggle--on .dark-mode-toggle-thumb{transform:translate(22px)}.file-layout{display:flex;min-height:100vh;align-items:flex-start;background:linear-gradient(135deg,var(--primary-color) 0%,var(--background-color) 75%)}.app-nav{width:240px;flex-shrink:0;height:100vh;position:sticky;top:0;background:transparent}.page-content{flex:1;padding:40px 48px;box-sizing:border-box;background:radial-gradient(circle at 18% 20%,#ffffff26,#fff0 42%)}.temporaryPanel{max-width:900px;background:#fff;border-radius:14px;padding:28px;box-shadow:0 12px 28px #0e3a5c1f;border:1px solid #d7e2f2;margin:0 auto}.temporaryPanel h2{margin:0 0 16px;font-size:1.6rem}.contact-card{display:flex;flex-direction:column;gap:1rem}.header-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.code-display{background:var(--primary-color);color:#fff;border-radius:12px;padding:.85rem 1rem;min-width:200px;cursor:pointer;box-shadow:0 10px 24px #0e3a5c40}.code-label{font-size:.9rem;opacity:.9}.code-value{font-family:Consolas,SFMono-Regular,monospace;letter-spacing:.08em;font-size:1.2rem;margin:.15rem 0}.copy-hint{font-size:.85rem;opacity:.8}.subtext{margin:.25rem 0 0;color:#6b7280}.panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.panel h3{margin:0 0 .5rem}.contact-list{list-style:none;padding:0;margin:.5rem 0 1rem;display:grid;gap:.35rem}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.panel button,.input-row button{padding:.7rem 1.1rem;border-radius:10px;border:none;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:700;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,opacity .2s ease}.panel button:disabled,.input-row button:disabled{opacity:.65;cursor:not-allowed}.panel button.ghost{background:#e5e7eb;color:#111827}.panel button.danger{background:linear-gradient(120deg,#b91c1c,#ef4444)}.cpa-clients-header{align-items:center}.add-client-btn{min-height:48px;min-width:142px;padding:.85rem 1.3rem;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;align-self:center}.input-row{display:flex;gap:.5rem;flex-wrap:wrap}.input-row input{flex:1;min-width:220px;padding:.7rem .85rem;border-radius:10px;border:1px solid #d1d5db;font-size:1rem;background:#fff}.info{margin:0;padding:.65rem .85rem;border-radius:10px;font-weight:600}.info.success{background:#e0f7ec;color:#166534;border:1px solid #86efac}.info.error{background:#fdeeee;color:#b42318;border:1px solid #f4c7c1}.peer-row{display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.peer-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 10px #0000001f}.peer-avatar.large{width:72px;height:72px}.peer-name{margin:0;font-weight:700}.peer-code{margin:2px 0;color:#374151;font-size:.95rem}.peer-meta{margin:0;color:#6b7280;font-size:.9rem}.peer-preview{margin-top:.75rem;padding-top:.5rem;border-top:1px dashed #d1d5db}.file-permissions-panel{display:flex;flex-direction:column;gap:.45rem;margin:.5rem 0 1rem}.file-permissions-panel label{display:flex;align-items:center;gap:.55rem}.client-list-item{cursor:pointer;border-radius:10px;padding:.55rem 1.15rem .55rem .55rem;display:flex;align-items:center;justify-content:space-between;gap:.9rem;transition:background .2s ease}.client-list-item:hover{background:#eef3fb}.client-list-item.selected{background:#dbeafe;border:1px solid #93c5fd}.client-list-main{display:grid;gap:.2rem;min-width:0}.shared-tax-profile{margin-top:.4rem;padding:.5rem .65rem;border-left:3px solid var(--primary-color);background:var(--surface-muted);border-radius:6px;font-size:.88rem;color:var(--text)}.shared-tax-profile-title{font-weight:700;margin-bottom:.15rem;color:var(--text)}.client-list-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.chat-pill{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:54px;min-width:132px;padding:.8rem 1.25rem;border-radius:999px;border:1px solid #93c5fd;background:#eff6ff;color:#1e3a8a;font-size:1.08rem;line-height:1;font-weight:700;align-self:center;flex-shrink:0;margin-left:auto}.chat-hint{margin:.3rem 0 0;color:#1d4ed8;font-size:.9rem;font-weight:600}.chat-panel{display:flex;flex-direction:column;gap:.75rem}.chat-box{border:1px solid #e5e7eb;border-radius:0;background:#f5f7fa;height:260px;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.chat-empty-state{margin:auto;padding:1.5rem 0;text-align:center;font-style:italic;color:#94a3b8;font-size:.9rem}.chat-message{max-width:75%;padding:.55rem .7rem;border-radius:10px;line-height:1.3;word-break:break-word}.chat-message.mine{align-self:flex-end;background:#dbeafe}.chat-message.theirs{align-self:flex-start;background:#f3f4f6}.chat-timestamp{margin-top:4px;font-size:.75rem;opacity:.75}.chat-input-row{display:flex;gap:.5rem}.chat-input-row input{flex:1;min-width:220px;padding:.7rem .85rem;border-radius:10px;border:1px solid #d1d5db;font-size:1rem;background:#fff}.chat-attach-btn{padding:.7rem .9rem;border-radius:10px;border:1px solid #d1d5db;background:#f3f4f6;color:#374151;font-size:1.1rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s ease}.chat-attach-btn:hover{background:#e5e7eb}.pending-file-chip{display:flex;align-items:center;gap:.4rem;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;padding:.35rem .6rem;font-size:.85rem;color:#1e3a8a}.pending-file-chip button{background:none;border:none;padding:0;color:#6b7280;cursor:pointer;font-size:1rem;line-height:1;min-width:unset;min-height:unset}.pending-file-chip button:hover{color:#b91c1c}.chat-message-file{display:flex;align-items:center;gap:.5rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.5rem .75rem;margin-top:.25rem;text-decoration:none;color:#0c4a6e;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease}.chat-message-file:hover{background:#e0f2fe}.file-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.file-picker-modal{background:#fff;border-radius:14px;padding:1.25rem;width:420px;max-width:95vw;max-height:70vh;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 16px 40px #0003}.file-picker-modal h4{margin:0;font-size:1.05rem}.file-picker-search{width:100%;padding:.6rem .8rem;border-radius:8px;border:1px solid #d1d5db;font-size:.95rem;box-sizing:border-box}.file-picker-upload-row{display:flex}.file-picker-upload-btn{width:100%;padding:.65rem .9rem;border-radius:8px;border:none;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:700;cursor:pointer}.file-picker-upload-btn:disabled{opacity:.6;cursor:not-allowed}.file-picker-disclaimer{margin:0;font-size:.8rem;color:#6b7280;font-style:italic}.file-picker-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.4rem}.file-picker-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;transition:background .15s ease;font-size:.9rem;word-break:break-all}.file-picker-item:hover{background:#eff6ff;border-color:#93c5fd}.file-picker-empty{color:#6b7280;font-size:.9rem;text-align:center;padding:1rem}.file-picker-close{align-self:flex-end;background:#e5e7eb;color:#111827;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-weight:600}@media (max-width: 720px){.header-row{flex-direction:column;align-items:flex-start}.code-display{width:100%}.client-list-item{flex-direction:column;align-items:flex-start}.chat-pill{align-self:flex-start;margin-left:0}}:root{--font-multiplier: 1;--primary-color: #0E3A5C;--secondary-color: #36404D;--background-color: #90ADCD;--accent-color: #D9D9D9;--primary-strong: #0A2D48;--surface: #ffffff;--surface-muted: #f4f7fb;--border: #d7e2f2;--text: #0f1d30;--muted: #4b5563;--nav-bg: var(--primary-color);--nav-item: var(--secondary-color);--nav-item-hover: #2f3946;--nav-item-active: #2a3440;--page-bg: linear-gradient(135deg, var(--primary-color) 0%, var(--background-color) 70%)}[data-theme=dark]{--primary-color: #1a2a3a;--secondary-color: #2c3a47;--background-color: #0d1b2a;--accent-color: #2e3d4e;--primary-strong: #111e2b;--surface: #1e2d3d;--surface-muted: #172435;--border: #2e4258;--text: #d6e4f0;--muted: #8fafc8;--nav-bg: #111e2b;--nav-item: #2c3a47;--nav-item-hover: #253344;--nav-item-active: #1f2d3c;--page-bg: linear-gradient(135deg, #0d1b2a 0%, #1a2a3a 70%)}*{box-sizing:border-box}html{font-size:calc(16px * var(--font-multiplier))}body{margin:0;font-family:Segoe UI,sans-serif;background:var(--page-bg);color:var(--text)}button,input,select,textarea{font:inherit}.app{display:flex;min-height:100vh;background:linear-gradient(135deg,#0e3a5ceb,#90adcde6 75%)}.app-nav{width:20%;min-width:200px;background:var(--nav-bg);padding:1.5rem;box-shadow:0 12px 28px #00000029;color:#fff}.app-nav-brand{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:.25rem 0 1rem;padding-bottom:1rem;color:#fff;text-decoration:none;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:700;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.1)}.app-nav-brand-logo{width:48px;height:48px;flex-shrink:0}.app-nav-brand-name{font-size:1.9rem;line-height:1}.app-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.nav-button{display:block;width:100%;padding:.85rem 1rem;border-radius:10px;font:inherit;text-align:left;text-decoration:none;color:#fff;background:var(--nav-item);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #00000040;cursor:pointer;transition:background-color .2s ease,transform .05s ease,box-shadow .2s ease}.nav-button:hover{background:var(--nav-item-hover);box-shadow:0 14px 28px #00000047}.nav-button.active{background:var(--nav-item-active);border-color:var(--nav-item-active)}.logout-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f1d3073}.logout-modal{width:min(90vw,420px);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.3rem;background:var(--surface);color:var(--text);box-shadow:0 20px 40px #00000040}.logout-modal h2{margin:0 0 .5rem;font-size:1.2rem}.logout-modal p{margin:0 0 1rem;color:var(--muted)}.logout-modal-actions{display:flex;justify-content:flex-end;gap:.7rem}.logout-modal-button{border-radius:10px;padding:.55rem 1rem;border:1px solid transparent;font:inherit;cursor:pointer}.logout-modal-button.confirm{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.logout-modal-button.confirm:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.logout-modal-button.cancel{background:#fff;border-color:var(--border);color:var(--text)}.logout-modal-button.cancel:hover{background:var(--surface-muted)}.app-main{flex:1;padding:0;background:radial-gradient(circle at 20% 20%,#ffffff40,#fff0 40%),var(--surface-muted)}.temporaryPanel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.75rem;color:var(--text);box-shadow:0 12px 28px #0e3a5c1f}.upload-actions{margin-top:1.5rem}.upload-button{padding:1rem 1.5rem;font-size:1.05rem;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 6px 14px #00000014;transition:background-color .2s ease,transform .05s ease}.upload-button:hover{background:linear-gradient(120deg,var(--primary-strong),var(--secondary-color))}.upload-button:active{transform:translateY(1px)}[data-theme=dark] .logout-modal-button.cancel,[data-theme=dark] .confirm-dialog-button.cancel{background:#243648;color:var(--text);border-color:var(--border)}[data-theme=dark] .auth-card{background:var(--surface);color:var(--text)}[data-theme=dark] .auth-toggle button,[data-theme=dark] .auth-back-button,[data-theme=dark] .login-mode-toggle .toggle,[data-theme=dark] .account-toggle .toggle{background:#243648;color:var(--text);border-color:var(--border)}[data-theme=dark] .auth-form label{color:var(--text)}[data-theme=dark] .auth-form input,[data-theme=dark] .auth-form select{background:#172435;color:var(--text);border-color:var(--border)}[data-theme=dark] .auth-form input:focus,[data-theme=dark] .auth-form select:focus{background:#1e2d3d}[data-theme=dark] .help-text{color:var(--muted)}[data-theme=dark] .home-panel{background:var(--surface);color:var(--text)}[data-theme=dark] .home-subtitle{color:var(--muted)}[data-theme=dark] .home-widget{background:var(--surface-muted);border-color:var(--border)}[data-theme=dark] .widget-title{color:var(--muted)}[data-theme=dark] .widget-empty,[data-theme=dark] .widget-message-body,[data-theme=dark] .widget-message-sender,[data-theme=dark] .widget-message-date,[data-theme=dark] .widget-item-name,[data-theme=dark] .widget-list-item{color:var(--text)}[data-theme=dark] .settings-page-index{background:#ffffff0f}[data-theme=dark] .settings-form label,[data-theme=dark] .tax-data-note{color:var(--text)}[data-theme=dark] .temporaryPanel,[data-theme=dark] .file-section,[data-theme=dark] .bills-box,[data-theme=dark] .panel,[data-theme=dark] .chat-box,[data-theme=dark] .tab-menu-dropdown,[data-theme=dark] .group-menu-dropdown,[data-theme=dark] .invoice-modal,[data-theme=dark] .pdf-preview-modal,[data-theme=dark] .file-picker-modal,[data-theme=dark] .metadata-editor{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .tab-item{background:#162333;border-color:var(--border);color:var(--text)}[data-theme=dark] .tab-item.tab-active{background:var(--surface);border-bottom-color:var(--surface)}[data-theme=dark] .tab-label{color:var(--text)}[data-theme=dark] .tab-menu-trigger,[data-theme=dark] .tab-add-button{color:var(--muted)}[data-theme=dark] .tab-menu-dropdown button{color:var(--text)}[data-theme=dark] .tab-menu-dropdown button:hover,[data-theme=dark] .tab-add-button:hover{background:#243648}[data-theme=dark] .tab-item.tab-reorder-over{border-left-color:#4a7aaa;background:#1e3348}[data-theme=dark] .tab-delete-confirm{background:#2a1a1a;border-color:#5a2a2a}[data-theme=dark] .tab-delete-confirm p{color:#f4a0a0}[data-theme=dark] .file-card{background:#172435;border-color:var(--border)}[data-theme=dark] .file-card-name{color:var(--text)}[data-theme=dark] .file-card-ext{background:#1e3a5c;color:#7db8e8}[data-theme=dark] .file-card-drag-over{background:#1e3a5c}[data-theme=dark] .file-card-eye-btn{background:#243648d9;color:#cbd5e1}[data-theme=dark] .file-group-wrapper.file-group-expanded{background:#1a2e40}[data-theme=dark] .file-group-card{background:#1e3348;border-color:var(--border)}[data-theme=dark] .group-menu-trigger{background:#1e3348;color:var(--muted)}[data-theme=dark] .group-menu-trigger:hover{background:#243e58}[data-theme=dark] .group-menu-dropdown button{color:var(--text)}[data-theme=dark] .group-menu-dropdown button:hover{background:#243648}[data-theme=dark] .group-delete-confirm{background:#2a1a1a}[data-theme=dark] .group-delete-confirm p{color:#f4a0a0}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#172435;color:var(--text);border-color:var(--border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--muted)}[data-theme=dark] input[readonly]{background:#111e2b}[data-theme=dark] .sort-by-control select,[data-theme=dark] .bills-sort-select,[data-theme=dark] .bill-priority-select,[data-theme=dark] .bills-input{background:#172435;color:var(--text);border-color:var(--border)}[data-theme=dark] .client-selector-wrap>button{background:#1e3348;color:var(--text);border-color:var(--border)}[data-theme=dark] .client-selector-list{background:var(--surface);border-color:var(--border)}[data-theme=dark] .client-selector-list button{background:var(--surface);color:var(--text)}[data-theme=dark] .client-selector-list button:hover{background:#243648}[data-theme=dark] button.secondary,[data-theme=dark] .cancel-btn,[data-theme=dark] .font-step-button,[data-theme=dark] .font-reset-button,[data-theme=dark] .pdf-preview-nav button,[data-theme=dark] .pdf-preview-close,[data-theme=dark] .file-picker-close,[data-theme=dark] .chat-attach-btn,[data-theme=dark] .panel button.ghost{background:#243648;color:var(--text);border-color:var(--border)}[data-theme=dark] .tab-delete-confirm-actions button.secondary,[data-theme=dark] .invoice-modal-actions button.secondary{background:#243648;color:var(--text)}[data-theme=dark] .bills-picker-prompt{color:var(--text)}[data-theme=dark] .bills-picker-btn{background:#172435;border-color:var(--border);color:var(--text)}[data-theme=dark] .bills-picker-btn:hover{background:#1e3348;border-color:#4a7aaa}[data-theme=dark] .bills-picker-access,[data-theme=dark] .bills-picker-empty,[data-theme=dark] .bills-empty,[data-theme=dark] .bills-sort-wrap label{color:var(--muted)}[data-theme=dark] .bill-due-date-display,[data-theme=dark] .bill-todo-field,[data-theme=dark] .bill-chart-toggle{color:var(--text)}[data-theme=dark] .bill-priority-badge.priority-high{background:#3b1a1a;color:#f87171}[data-theme=dark] .bill-priority-badge.priority-medium{background:#3b2a10;color:#fbbf24}[data-theme=dark] .bill-priority-badge.priority-low{background:#0f2e1e;color:#4ade80}[data-theme=dark] .bill-todo-pill.is-todo{background:#3b0f1a;color:#fb7185}[data-theme=dark] .bill-todo-pill.not-todo{background:#0f2e1e;color:#4ade80}[data-theme=dark] .subtext,[data-theme=dark] .peer-meta,[data-theme=dark] .peer-code{color:var(--muted)}[data-theme=dark] .chat-message.mine{background:#1e3a5c;color:var(--text)}[data-theme=dark] .chat-message.theirs{background:#243648;color:var(--text)}[data-theme=dark] .chat-input-row input{background:#172435;border-color:var(--border)}[data-theme=dark] .client-list-item:hover{background:#1e3348}[data-theme=dark] .client-list-item.selected{background:#1e3a5c}[data-theme=dark] .chat-pill{background:#1e3a5c;color:#7db8e8}[data-theme=dark] .chat-hint{color:#7db8e8}[data-theme=dark] .pending-file-chip{background:#1e3a5c;color:#7db8e8}[data-theme=dark] .chat-message-file{background:#172435;color:#7db8e8}[data-theme=dark] .chat-message-file:hover{background:#1e3a5c}[data-theme=dark] .info.success{background:#0f2e1e;color:#4ade80}[data-theme=dark] .info.error{background:#3b0f1a;color:#f87171}[data-theme=dark] .file-picker-item:hover{background:#1e3348;border-color:#4a7aaa}[data-theme=dark] .file-picker-empty{color:var(--muted)}[data-theme=dark] .invoice-detail-description{background:#172435}[data-theme=dark] .invoice-detail-description p{color:var(--muted)}[data-theme=dark] .file-invoice-card{background:#2a1a1a;border-color:#5a2a2a}[data-theme=dark] .file-invoice-card:hover{border-color:#f87171}[data-theme=dark] .invoice-exclamation,[data-theme=dark] .invoice-name{color:#f87171}[data-theme=dark] .invoice-due-date{color:#c4a0a0}[data-theme=dark] .pdf-preview-filename,[data-theme=dark] .pdf-preview-nav{color:var(--text)}[data-theme=dark] .storage-usage,[data-theme=dark] .muted{color:var(--muted)}[data-theme=dark] .upload-status{color:var(--text)}[data-theme=dark] .priority-high{background:#f8717126;color:#f87171}[data-theme=dark] .priority-medium{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .priority-low{background:#4ade8026;color:#4ade80}[data-theme=dark] .status-text{color:#e2e8f0}[data-theme=dark] .eyebrow{color:#93c5fd}[data-theme=dark] .settings-header h2,[data-theme=dark] .settings-panel h2,[data-theme=dark] .card-header h3{color:var(--text)}[data-theme=dark] .settings-header .muted,[data-theme=dark] .card-header .muted{color:var(--muted)}[data-theme=dark] .edit-btn{background:#7db8e826;color:#7db8e8}[data-theme=dark] .bill-edit-input{background:#172435;color:var(--text);border-color:var(--border)}[data-theme=dark] .metadata-editor{background:#172435;border-color:var(--border)}[data-theme=dark] .metadata-editor label,[data-theme=dark] .metadata-readonly-field{color:var(--text)}[data-theme=dark] .metadata-readonly-value{color:var(--muted)}[data-theme=dark] .metadata-editor input,[data-theme=dark] .metadata-editor select{background:#0f1a28;color:var(--text);border-color:var(--border)}[data-theme=dark] .metadata-editor input[readonly]{background:#0b1522}[data-theme=dark] .invoice-modal h3,[data-theme=dark] .invoice-modal label{color:var(--text)}[data-theme=dark] .invoice-modal input,[data-theme=dark] .invoice-modal textarea{background:#172435;color:var(--text);border-color:var(--border)}[data-theme=dark] .sort-by-control{color:var(--text)}[data-theme=dark] .sort-by-control select{background:#172435!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=dark] .tab-add-button{border:1px dashed var(--border);border-bottom:1px solid var(--border);background:transparent;color:#7db8e8}[data-theme=dark] .create-invoice-button{background:#2a1a1a;border-color:#f87171;color:#f87171}[data-theme=dark] .create-invoice-button:hover{background:#3b0f1a;border-color:#fb7185}