@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#ecfdf5;--primary-transparent:rgba(16,185,129,.08);--foreground:#0f172a;--background:#f8fafc;--sidebar-bg:#fff;--border:#e2e8f0;--text-muted:#64748b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}*{box-sizing:border-box;padding:0;margin:0}body,html{height:100%;width:100%;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}body{color:var(--foreground);background-color:var(--background);line-height:1.5;font-size:14px}a{text-decoration:none;color:inherit}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--background);padding:2rem}.auth-card{background:#fff;padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:440px;border:1px solid var(--border)}.layout{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border);padding:1.5rem 1rem;display:flex;flex-direction:column;z-index:10}.sidebar-header{gap:.6rem;padding:0 .75rem 1.5rem;margin-bottom:.5rem;min-width:0}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{background:var(--primary);width:36px;height:36px;border-radius:var(--radius-sm);justify-content:center;color:#fff;flex-shrink:0}.sidebar-title{font-size:1rem;font-weight:700;color:var(--gray-900);line-height:1.3;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.nav-menu{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);color:var(--gray-600);font-weight:500;transition:all .2s ease;position:relative}.nav-item:hover{background-color:var(--gray-100);color:var(--gray-900)}.nav-item.active{background-color:#d1fae5;color:var(--primary-dark);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-1rem;top:10%;bottom:10%;width:4px;background-color:var(--primary);border-radius:0 4px 4px 0}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:1.5rem}.storage-card{background:var(--gray-50);padding:1rem;border-radius:var(--radius);border:1px solid var(--border)}.storage-header{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.5rem;font-weight:600}.storage-bar-bg{height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.storage-bar-fill{width:50%;height:100%;background:var(--primary);border-radius:3px}.main-content{display:flex;flex-direction:column;height:100vh;background:var(--background)}.top-bar{height:64px;min-height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:5}.hamburger-btn,.sidebar-close-btn,.sidebar-overlay{display:none}.search-box{display:flex;align-items:center;background:var(--gray-100);border-radius:var(--radius-lg);padding:.5rem 1rem;width:360px;border:1px solid transparent;transition:border-color .2s,background-color .2s}.search-box:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-box input{background:transparent;border:none;outline:none;padding:0;margin-left:.5rem;width:100%;font-size:.9rem;color:var(--gray-900)}.header-actions{gap:1.5rem}.header-actions,.user-profile{display:flex;align-items:center}.user-profile{gap:.75rem;border-left:1px solid var(--border);padding-left:1.5rem}.user-info{text-align:right}.user-name{font-size:.9rem;font-weight:600;color:var(--gray-900)}.user-role{font-size:.75rem;color:var(--text-muted)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.scroll-area{flex:1 1;overflow-y:auto;padding:2rem 2.5rem}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem}.breadcrumb-link{background:none;border:none;color:var(--gray-600);cursor:pointer;font-weight:500;transition:color .2s;font-size:.85rem;padding:0}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-current{font-weight:600;color:var(--gray-900)}.action-buttons{display:flex;gap:.75rem}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:#fff;border:1px solid var(--border);color:var(--gray-700);padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem}.doc-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;background:#fff;display:flex;flex-direction:column;overflow:hidden}.doc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--gray-300)}.doc-thumb{height:140px;background:var(--gray-50);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.doc-thumb img,.doc-thumb svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.doc-card:hover .doc-thumb img,.doc-card:hover .doc-thumb svg{transform:scale(1.06)}.doc-info{padding:1rem}.doc-title{font-weight:600;font-size:.95rem;color:var(--gray-900);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{justify-content:space-between;font-size:.8rem}.doc-meta,.doc-meta-time{display:flex;align-items:center;color:var(--text-muted)}.doc-meta-time{gap:.3rem;font-size:.75rem;margin-top:.2rem;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.doc-meta-label{font-weight:600;flex-shrink:0;color:var(--gray-500)}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:var(--radius-lg);border:1px dashed var(--gray-300);margin-top:2rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;background:var(--primary-light);padding:1rem;border-radius:50%;color:var(--primary)}.empty-state h3{font-size:1.25rem;color:var(--gray-900);margin-bottom:.5rem}.empty-state p{color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:12px;text-transform:capitalize}.badge-approved{background:var(--primary-light);color:var(--primary-dark)}.badge-pending{background:#fff7ed;color:#c2410c}.badge-rejected{background:#fef2f2;color:#b91c1c}input,textarea{width:100%;padding:.6rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.95rem;outline:none;transition:all .2s ease;background:#fff}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.label{display:block;font-weight:500;margin-bottom:.4rem;font-size:.9rem;color:var(--gray-700)}.landing-wrapper{background-color:#fcfdfd;color:var(--foreground);min-height:100vh;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,185,129,.1);transition:all .3s ease}.header-container{display:flex;align-items:center;justify-content:space-between;height:80px}.landing-logo{gap:.75rem;font-size:1.5rem;font-weight:800;color:var(--primary-dark);text-decoration:none}.landing-logo,.landing-nav{display:flex;align-items:center}.landing-nav{gap:2rem}.landing-nav-link{font-size:1.05rem;font-weight:600;color:var(--gray-700);transition:color .2s ease}.landing-nav-link:hover{color:var(--primary)}.landing-auth-buttons{display:flex;align-items:center;gap:1rem}.btn-landing-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;border:none;padding:.85rem 1.75rem;border-radius:var(--radius-lg);font-weight:700;font-size:1.05rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 4px 14px rgba(16,185,129,.3);transition:all .3s cubic-bezier(.16,1,.3,1);min-height:48px}.btn-landing-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.btn-landing-primary:active{transform:translateY(0)}.btn-landing-secondary{background:#fff;border:2px solid var(--border);color:var(--gray-800);padding:.85rem 1.75rem;border-radius:var(--radius-lg);font-weight:700;font-size:1.05rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s cubic-bezier(.16,1,.3,1);min-height:48px}.btn-landing-secondary:hover{border-color:var(--primary);color:var(--primary-dark);background-color:var(--primary-light);transform:translateY(-2px)}.hero-section{padding:5rem 0;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.hero-content{display:flex;flex-direction:column;gap:1.75rem}.hero-tag{background-color:var(--primary-light);color:var(--primary-dark);padding:.5rem 1.25rem;border-radius:9999px;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;border:1px solid rgba(16,185,129,.2)}.hero-title{font-size:3.25rem;font-weight:800;line-height:1.2;color:var(--gray-900);letter-spacing:-.02em}.hero-title span{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.15rem;line-height:1.7;color:var(--gray-600)}.hero-ctas{display:flex;gap:1.25rem;flex-wrap:wrap}.senior-friendly-bar{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;padding:1rem;background:hsla(0,0%,100%,.8);border-radius:var(--radius);border:1px solid var(--border)}.senior-friendly-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--gray-700)}.mockup-wrapper{position:relative;perspective:1000px}.mockup-container{background:#fff;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(16,185,129,.15),0 0 0 1px rgba(16,185,129,.08);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;height:380px;transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.mockup-container:hover{transform:rotateY(0deg) rotateX(0deg)}.mockup-header{height:48px;background:var(--gray-50);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.25rem;justify-content:space-between}.mockup-dots{display:flex;gap:6px}.mockup-dot{width:10px;height:10px;border-radius:50%;background:#ef4444}.mockup-dot:nth-child(2){background:#f59e0b}.mockup-dot:nth-child(3){background:#10b981}.mockup-body{flex:1 1;display:grid;grid-template-columns:140px 1fr;overflow:hidden;font-size:.85rem}.mockup-sidebar{background:var(--gray-50);border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mockup-sidebar-item{height:24px;background:#e2e8f0;border-radius:6px;width:100%}.mockup-sidebar-item.active{background:var(--primary-light);border-left:3px solid var(--primary)}.mockup-content{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.mockup-title{height:20px;background:var(--gray-200);border-radius:4px;width:60%}.mockup-files{display:flex;flex-direction:column;gap:.5rem}.mockup-file-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#fff;border:1px solid var(--border);border-radius:8px}.mockup-file-info{display:flex;align-items:center;gap:.5rem}.mockup-file-icon{color:var(--primary)}.mockup-badge{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:9999px}.mockup-badge-pending{background:#fff7ed;color:#c2410c}.mockup-badge-approved{background:var(--primary-light);color:var(--primary-dark)}.floating-card{position:absolute;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);display:flex;align-items:center;gap:.75rem;border:1px solid var(--border);z-index:10;animation:float 4s ease-in-out infinite}.float-card-1{bottom:40px;left:-30px;animation-delay:0s}.float-card-2{top:40px;right:-30px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features-section{padding:6rem 0;background:#f8fafc}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem;display:flex;flex-direction:column;gap:1rem}.section-tag{color:var(--primary);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.section-title{font-size:2.5rem;font-weight:800;color:var(--gray-900)}.section-desc{font-size:1.1rem;color:var(--gray-600);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2.25rem;gap:2.25rem}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:1.25rem}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px rgba(16,185,129,.08),0 8px 10px -6px rgba(16,185,129,.08);border-color:rgba(16,185,129,.3)}.feature-icon-wrapper{width:56px;height:56px;border-radius:16px;background-color:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:1.35rem;font-weight:700;color:var(--gray-900)}.feature-card p{font-size:1.05rem;color:var(--gray-600);line-height:1.6}.flow-section{padding:6rem 0}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:2.5rem;gap:2.5rem;position:relative}.flow-step{flex-direction:column;text-align:center;gap:1rem;background:#fff;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);position:relative;z-index:2}.flow-step,.flow-step-num{display:flex;align-items:center}.flow-step-num{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;justify-content:center;font-size:1.1rem;box-shadow:0 4px 10px rgba(16,185,129,.2)}.flow-step h4{font-size:1.2rem;font-weight:700;color:var(--gray-900)}.flow-step p{font-size:.95rem;color:var(--gray-600);line-height:1.5}.cta-section{padding:6rem 0}.cta-banner{background:linear-gradient(135deg,#065f46,#047857 50%,#0f766e);border-radius:var(--radius-lg);padding:5rem 3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.cta-banner-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(16,185,129,.25) 0,transparent 50%);pointer-events:none}.cta-content{position:relative;z-index:2;max-width:750px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;align-items:center}.cta-title{font-size:2.75rem;font-weight:800;line-height:1.25}.cta-desc{font-size:1.2rem;line-height:1.6;opacity:.9}.btn-cta-white{background:#fff;color:#065f46;border:none;padding:1rem 2.25rem;border-radius:var(--radius-lg);font-weight:800;font-size:1.15rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;box-shadow:0 10px 25px rgba(0,0,0,.15);transition:all .3s ease;min-height:52px}.btn-cta-white:hover{transform:scale(1.03);box-shadow:0 12px 30px rgba(0,0,0,.25);background-color:#fcfdfd}.reviews-faq-section{padding:6rem 0;background:#f8fafc}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2.25rem;gap:2.25rem;margin-bottom:5rem}.review-card{background:#fff;padding:2.25rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem}.review-text{font-size:1.05rem;color:var(--gray-700);font-style:italic;line-height:1.6}.review-author{gap:1rem}.review-author,.review-avatar{display:flex;align-items:center}.review-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);justify-content:center;font-weight:700;font-size:1.1rem}.author-info h5{font-size:1rem;font-weight:700;color:var(--gray-900)}.author-info p{font-size:.85rem;color:var(--text-muted)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:#fff;padding:1.75rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--border)}.faq-item h4{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.faq-item p{font-size:1.05rem;color:var(--gray-600);line-height:1.6}@media (max-width:968px){.hero-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-content{align-items:center}.hero-ctas{justify-content:center}.hero-title{font-size:2.5rem}.hero-section{padding:4rem 0}.cta-section,.features-section,.flow-section,.reviews-faq-section{padding:4.5rem 0}.mockup-container{transform:none!important;max-width:450px;margin:0 auto}.float-card-1{left:10px}.float-card-2{right:10px}}@media (max-width:768px){.senior-friendly-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:1.25rem}.landing-header{position:-webkit-sticky;position:sticky;top:0}.header-container{display:flex;flex-direction:row!important;height:72px!important;padding:0 1.5rem!important;justify-content:space-between!important;align-items:center!important;gap:0!important}.landing-nav{display:none!important}.landing-auth-buttons{width:auto!important;display:flex!important;flex-direction:row!important;gap:.75rem!important}.landing-auth-buttons a{flex:none!important;display:inline-flex!important}.btn-landing-primary,.btn-landing-secondary{padding:.6rem 1.2rem!important;font-size:.95rem!important;min-height:42px!important;width:auto!important;border-radius:var(--radius)!important;flex:none!important}.hero-section{padding:3.5rem 0}.cta-section,.features-section,.flow-section,.reviews-faq-section{padding:4rem 0}}@media (max-width:640px){.header-container{flex-direction:row!important;height:64px!important;padding:0 1rem!important}.landing-logo{gap:.5rem!important}.landing-logo svg{width:26px!important;height:26px!important}.landing-logo span{font-size:1.35rem!important}.landing-auth-buttons{gap:.5rem!important}.btn-landing-primary,.btn-landing-secondary{padding:.5rem .85rem!important;font-size:.9rem!important;min-height:38px!important}.hero-title{font-size:2.15rem}.section-title{font-size:1.85rem}.hero-section{padding:3rem 0}.cta-section,.features-section,.flow-section,.reviews-faq-section{padding:3.5rem 0}.cta-banner{padding:3.5rem 1.5rem}.cta-title{font-size:1.85rem}.btn-cta-white{width:100%}.landing-footer-content{flex-direction:column!important;text-align:center;gap:1.5rem!important}}@media (max-width:480px){.landing-container{padding:0 1rem}.btn-landing-secondary span{display:none!important}.btn-landing-secondary{padding:.5rem!important;min-width:38px!important;width:38px!important;height:38px!important;justify-content:center!important}.btn-landing-primary{padding:.5rem 1rem!important}.btn-landing-primary span{font-size:.85rem!important}.hero-title{font-size:1.75rem}.hero-desc{font-size:.95rem;line-height:1.6}.hero-section{padding:2.5rem 0}.cta-section,.features-section,.flow-section,.reviews-faq-section{padding:3rem 0}.hero-ctas{flex-direction:column;width:100%}.hero-ctas a{width:100%}.hero-ctas button{width:100%;padding:.85rem 1.5rem!important;font-size:1rem!important}.floating-card{display:none!important}.mockup-container{height:280px}.mockup-sidebar{display:none!important}.mockup-body{grid-template-columns:1fr!important}.mockup-content{padding:1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:1.5rem}.feature-card{padding:1.75rem 1.25rem}.reviews-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:1.5rem;margin-bottom:3rem}.review-card{padding:1.5rem}.flow-grid{gap:1.5rem}.flow-step{padding:1.5rem}.faq-item{padding:1.25rem 1.5rem}.cta-banner{padding:2.5rem 1.25rem}.cta-title{font-size:1.5rem}.cta-desc{font-size:.95rem}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.signatures-grid{display:grid;grid-template-columns:repeat(4,1fr)}.members-grid{display:grid;grid-template-columns:1fr 1fr}.help-tutorial-grid{display:grid;grid-template-columns:1.8fr 1fr}.help-tutorial-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.help-badges-grid,.help-form-grid{display:grid;grid-template-columns:1fr 1fr}.file-detail-grid{display:grid;grid-template-columns:1fr 340px}@media (max-width:1024px){.signatures-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.layout{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;overflow:hidden!important}.layout,.sidebar{height:100vh!important}.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:280px!important;z-index:2000!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:none!important;border-right:1px solid var(--border)!important;border-top:none!important;border-bottom:none!important;flex-direction:column!important;padding:1.5rem 1rem!important;background-color:#fff!important;overflow-y:auto!important;gap:1.5rem!important}.sidebar.open{transform:translateX(0)!important;box-shadow:var(--shadow-lg)!important}.sidebar-overlay{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(15,23,42,.4)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:1999!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s ease!important}.sidebar-overlay.active{opacity:1!important;pointer-events:auto!important}.sidebar-header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:0 .5rem 1.25rem!important;margin-bottom:.5rem!important;border-bottom:1px solid var(--gray-100)!important}.sidebar-title{display:block!important;font-size:1.25rem!important;font-weight:700!important;color:var(--gray-900)!important}.sidebar-close-btn{display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;cursor:pointer!important;color:var(--gray-500)!important;padding:.4rem!important;border-radius:50%!important;transition:background-color .2s,color .2s!important}.sidebar-close-btn:hover{background-color:var(--gray-100)!important;color:var(--gray-900)!important}.hamburger-btn{display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;cursor:pointer!important;color:var(--gray-700)!important;padding:.5rem!important;border-radius:var(--radius-sm)!important;transition:background-color .2s!important;min-width:40px!important;min-height:40px!important}.hamburger-btn:hover{background-color:var(--gray-100)!important}.nav-menu{flex-direction:column!important;gap:.25rem!important;overflow:visible!important}.nav-item,.nav-menu{display:flex!important;width:100%!important}.nav-item{align-items:center!important;gap:.75rem!important;padding:.6rem .75rem!important;font-size:.95rem!important;font-weight:500!important;white-space:nowrap!important;border-radius:var(--radius-sm)!important;min-height:44px!important;color:var(--gray-600)!important}.nav-item.active{background-color:#d1fae5!important;color:var(--primary-dark)!important;font-weight:600!important}.nav-item.active:before{display:none!important}.sidebar-footer{margin-top:auto!important;gap:.25rem!important;width:100%!important;border-top:1px solid var(--gray-100)!important;padding-top:1rem!important;border-left:none!important;padding-left:0!important}.main-content,.sidebar-footer{display:flex!important;flex-direction:column!important}.main-content{height:100vh!important}.top-bar{padding:0 1rem!important;height:56px!important;min-height:56px!important;gap:.75rem!important}.search-box{width:100%!important;max-width:200px!important;padding:.4rem .75rem!important}.user-info{display:none!important}.stats-grid{grid-template-columns:1fr!important;gap:1rem!important}.help-tutorial-grid,.help-tutorial-layout,.members-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.scroll-area{padding:1.25rem 1rem!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;margin-bottom:1.5rem!important}.page-title{font-size:1.4rem!important}.action-buttons{width:100%!important;flex-wrap:wrap!important;gap:.5rem!important}.action-buttons button{flex:1 1!important;min-width:calc(50% - .25rem)!important;justify-content:center!important;font-size:.9rem!important;padding:.5rem .75rem!important}.file-detail-grid{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;overflow-y:auto!important}.file-detail-grid>div:first-child{min-height:320px!important;height:320px!important}.file-detail-grid>div:last-child{border-left:none!important;border-top:1px solid var(--border)!important}}@media (max-width:640px){.help-form-grid,.signatures-grid{grid-template-columns:1fr!important;gap:1rem!important}}@media (max-width:480px){.top-bar{gap:.5rem!important}.search-box{max-width:150px!important}.action-buttons button{min-width:100%!important}}.top-loader-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,var(--primary) 0,var(--primary-dark) 50%,#34d399 100%);z-index:99999;transition:width .3s cubic-bezier(.1,.8,.3,1),opacity .4s ease;box-shadow:0 0 10px rgba(16,185,129,.6),0 0 5px rgba(16,185,129,.4);pointer-events:none;opacity:0;width:0}.top-loader-bar.loading{opacity:1}.signer-grid{display:grid;grid-template-columns:1fr 360px}@media (max-width:900px){.signer-grid{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;overflow-y:auto!important}.signer-grid>div:first-child{min-height:280px!important;height:280px!important}.signer-grid>div:last-child{border-left:none!important;border-top:1px solid var(--border)!important;padding:1.5rem!important}}.responsive-table-container{display:block}.responsive-cards-container{display:none}@media (max-width:768px){.responsive-table-container{display:none!important}.responsive-cards-container{display:flex!important;flex-direction:column;gap:1rem}}.comment-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.comment-label{font-size:.95rem;font-weight:600;color:var(--gray-700)}.comment-textarea{width:100%;min-height:60px;max-height:150px;font-size:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:12px;resize:none;background:#fff;color:var(--gray-900);font-family:inherit;line-height:1.5;transition:all .2s ease-in-out;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.comment-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.15),inset 0 1px 2px rgba(0,0,0,.05);outline:none}.comment-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;height:46px;transition:all .2s ease;box-shadow:var(--shadow-sm);width:auto}.comment-submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.2)}.comment-submit-btn:active:not(:disabled){transform:translateY(0)}.comment-submit-btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none}.comment-item{display:flex;gap:.85rem;align-items:flex-start;width:100%;animation:fadeInComment .3s ease-out}@keyframes fadeInComment{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid rgba(16,185,129,.2);box-shadow:var(--shadow-sm)}.comment-avatar-self{background:#ecfeff;color:#0891b2;border:1.5px solid rgba(8,145,178,.2)}.comment-bubble-wrapper{display:flex;flex-direction:column;gap:.35rem;flex:1 1}.comment-meta{display:flex;justify-content:space-between;align-items:baseline;width:100%}.comment-author-name{font-weight:600;font-size:.95rem;color:var(--gray-900)}.comment-timestamp{font-size:.75rem;color:var(--text-muted)}.comment-bubble{background:var(--gray-50);padding:.85rem 1.1rem;border-radius:0 14px 14px 14px;font-size:.95rem;color:var(--gray-800);border:1px solid var(--border);line-height:1.5;word-break:break-word;box-shadow:var(--shadow-sm)}.comment-bubble-self{background:rgba(16,185,129,.04);border-color:rgba(16,185,129,.2);border-radius:14px 0 14px 14px}@media (max-width:768px){.modal-overlay{padding:1.5rem 1rem!important;align-items:flex-start!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important}.modal-content{width:100%!important;max-width:100%!important;margin:auto 0!important;padding:1.25rem!important;border-radius:16px!important;gap:1.25rem!important;box-sizing:border-box!important;word-break:break-word!important;max-height:none!important}.modal-content form{gap:1rem!important}.modal-content input,.modal-content select,.modal-content textarea{font-size:16px!important}.modal-content div[style*="justify-content: flex-end"],.modal-content div[style*="justifyContent: flex-end"],.modal-content div[style*=margin-top],.modal-content div[style*=marginTop]{margin-top:1.25rem!important;gap:.75rem!important;flex-direction:row!important;flex-wrap:wrap!important}.modal-content button{height:44px!important;font-size:.95rem!important;padding:0 1rem!important;min-width:0!important}.modal-content div[style*="height: 280px"],.modal-content div[style*="height:280px"]{height:190px!important}.modal-content canvas{max-height:190px!important}.modal-content div[style*=border-bottom][style*=margin-bottom]{gap:.5rem!important;justify-content:space-between!important}.modal-content div[style*=border-bottom][style*=margin-bottom] button{padding:.5rem .25rem!important;font-size:.85rem!important;height:auto!important;min-height:auto!important;flex:1 1!important;justify-content:center!important}.file-detail-grid{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;overflow-y:auto!important;height:auto!important;max-height:none!important}.modal-content[style*="max-width: 1200px"]>div:first-child,.modal-content[style*="maxWidth: 1200px"]>div:first-child,.modal-content[style*="maxWidth:1200px"]>div:first-child{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;padding:1rem 0!important}.modal-content[style*="max-width: 1200px"] button,.modal-content[style*="maxWidth: 1200px"] button,.modal-content[style*="maxWidth:1200px"] button{flex:1 1 auto!important;font-size:.85rem!important;padding:.5rem .75rem!important;height:38px!important;justify-content:center!important}}.files-page-layout{display:flex;flex:1 1;height:100%;overflow:hidden}.folder-tree-panel{width:240px;min-width:240px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0}.folder-tree-panel.collapsed{width:48px;min-width:48px}.folder-tree-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .6rem .6rem .85rem;border-bottom:1px solid var(--border);min-height:44px;background:var(--gray-50);flex-shrink:0}.folder-tree-header-title{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden}.folder-tree-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s,color .15s;flex-shrink:0}.folder-tree-toggle-btn:hover{background:var(--gray-100);color:var(--primary)}.folder-tree-panel.collapsed .folder-tree-header{justify-content:center;padding:.6rem}.folder-tree-body{flex:1 1;overflow-y:auto;padding:.5rem 0;overscroll-behavior:contain}.folder-tree-body::-webkit-scrollbar{width:4px}.folder-tree-body::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:2px}.folder-tree-node{display:flex;align-items:center;gap:.4rem;width:100%;min-height:40px;padding-top:.35rem;padding-bottom:.35rem;padding-right:.75rem;border:none;background:transparent;color:var(--gray-700);font-size:.9rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s;border-radius:0;white-space:nowrap;overflow:hidden}.folder-tree-node:hover{background:var(--gray-100);color:var(--gray-900)}.folder-tree-node.active{background:var(--primary-light);color:var(--primary-dark);font-weight:600;position:relative}.folder-tree-node.active:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:3px;background:var(--primary);border-radius:0 2px 2px 0}.folder-tree-chevron{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;color:var(--gray-400);transition:color .15s}.folder-tree-icon,.folder-tree-node.active .folder-tree-chevron,.folder-tree-node:hover .folder-tree-chevron{color:var(--primary)}.folder-tree-icon{display:flex;align-items:center;flex-shrink:0}.folder-tree-node.active .folder-tree-icon{color:var(--primary-dark)}.folder-tree-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.folder-tree-empty,.folder-tree-loading{padding:1rem 1.25rem;font-size:.82rem;color:var(--gray-400);text-align:center}@media (max-width:768px){.folder-tree-panel{display:none}.files-page-layout{display:block}}.ws-settings-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.ws-settings-page-header-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-settings-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .2rem}.ws-settings-subtitle{font-size:.9rem;color:var(--text-muted);margin:0}.ws-settings-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (max-width:900px){.ws-settings-grid{grid-template-columns:1fr}}.ws-settings-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-sm)}.ws-settings-card-header{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--gray-700);padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.ws-settings-hint{font-size:.8rem;color:var(--gray-400);line-height:1.6;margin:0}.ws-avatar-center,.ws-avatar-drop{display:flex;justify-content:center}.ws-avatar-drop{width:140px;height:140px;border-radius:50%;border:2.5px dashed var(--gray-300);cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s;background:var(--gray-50);align-items:center}.ws-avatar-drop.dragging,.ws-avatar-drop:hover{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.ws-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.ws-avatar-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#fff;font-size:.8rem;font-weight:600;opacity:0;transition:opacity .2s}.ws-avatar-drop:hover .ws-avatar-overlay{opacity:1}.ws-avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.ws-avatar-initial{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.ws-avatar-upload-hint{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--gray-400)}.ws-avatar-uploading{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--primary);font-size:.8rem;font-weight:600}.ws-avatar-actions{display:flex;gap:.75rem}.btn-danger-outline{background:#fff;border:1px solid #fca5a5;color:#dc2626;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-danger-outline:hover{background:#fee2e2;border-color:#dc2626}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.ws-name-section{display:flex;flex-direction:column;gap:1.25rem}.ws-name-preview{display:flex;align-items:center;gap:.75rem;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.ws-name-preview-logo{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;overflow:hidden}.ws-name-preview-img{width:100%;height:100%;object-fit:cover}.ws-name-preview-name{font-weight:700;font-size:.95rem;color:var(--gray-900);word-break:break-word}.ws-name-preview-sub{font-size:.75rem;color:var(--text-muted)}.ws-name-display{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem}.ws-name-value{font-size:1.05rem;font-weight:600;color:var(--gray-900);word-break:break-word}.ws-edit-btn{flex-shrink:0}.ws-name-edit-row{display:flex;flex-direction:column;gap:.75rem}.ws-name-input{font-size:1rem;font-weight:600;padding:.65rem 1rem;border:2px solid var(--primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--primary-light);outline:none;width:100%}.ws-name-edit-btns{display:flex;gap:.75rem}.ws-settings-noperm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 2rem;text-align:center;color:var(--gray-500)}.ws-settings-noperm h2{font-size:1.25rem;color:var(--gray-700)}.ws-settings-noperm p{font-size:.95rem}