@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.homepage{background:#0f172a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.homepage-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9;border-bottom:1px solid #ffffff0f;left:0;position:fixed;right:0;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 2rem}.homepage-logo,.nav-container{align-items:center;display:flex}.homepage-logo{font-size:1.5rem;font-weight:700;gap:.75rem;letter-spacing:-.5px}.homepage-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#b8956a,#9a7b54);border-radius:10px;color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;width:40px}.nav-right{align-items:center;display:flex;gap:1.5rem}.homepage-lang-switcher{background:#ffffff14;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:2px;padding:4px}.homepage-lang-switcher .lang-btn{background:#0000;border:none;border-radius:7px;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:.5rem .875rem;transition:all .2s ease}.homepage-lang-switcher .lang-btn:hover{background:#ffffff14;color:#fffc}.homepage-lang-switcher .lang-btn.active{background:#b8956a;color:#0f172a;font-weight:700}.nav-links{display:flex;gap:.75rem}.nav-link{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link-primary{background:#fff;color:#0f172a}.nav-link-primary:hover{background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.homepage-hero{align-items:center;background:radial-gradient(ellipse 80% 50% at 50% -20%,#b8956a26,#0000),radial-gradient(ellipse 60% 40% at 100% 50%,#1e293bcc,#0000);display:flex;min-height:100vh;padding-top:80px}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;padding:4rem 2rem}.hero-content{max-width:560px}.hero-badge{background:#b8956a26;border:1px solid #b8956a4d;border-radius:100px;color:#b8956a;display:inline-block;font-size:.8125rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-2px;line-height:1.3;margin-bottom:1.5rem}.hero-subtitle{color:#fff9;font-size:1.125rem;font-weight:400;line-height:1.7;margin-bottom:2.5rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:1rem 1.75rem;transition:all .25s ease}.hero-btn-primary{background:linear-gradient(135deg,#b8956a,#a07d58);box-shadow:0 4px 20px #b8956a4d;color:#0f172a}.hero-btn-primary:hover{box-shadow:0 8px 30px #b8956a66;transform:translateY(-2px)}.hero-btn-primary svg{transition:transform .2s ease}.hero-btn-primary:hover svg{transform:translateX(4px)}.hero-btn-secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.hero-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40}.hero-visual{display:flex;justify-content:center}.dashboard-preview{background:#1e293b;border-radius:16px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff14;max-width:480px;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .4s ease;width:100%}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.preview-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff0f;display:flex;gap:.75rem;padding:.875rem 1rem}.preview-dots{display:flex;gap:6px}.preview-dots span{background:#ffffff26;border-radius:50%;height:10px;width:10px}.preview-dots span:first-child{background:#ef4444}.preview-dots span:nth-child(2){background:#eab308}.preview-dots span:last-child{background:#22c55e}.preview-title{color:#ffffff80;font-size:.75rem;font-weight:500}.preview-content{display:flex;min-height:280px}.preview-sidebar{background:#0003;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;width:60px}.sidebar-item{background:#ffffff0f;border-radius:8px;height:36px}.sidebar-item.active{background:#b8956a4d}.preview-main{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1rem}.preview-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:1rem}.card-header-homepage{background:#ffffff26;border-radius:4px;height:12px;margin-bottom:.75rem;width:40%}.card-body{display:flex;flex-direction:column;gap:.5rem}.card-line{background:#ffffff14;border-radius:4px;height:8px}.card-line.short{width:60%}.homepage-features{background:linear-gradient(180deg,#0f172a,#1e293b);padding:6rem 0}.features-container{margin:0 auto;max-width:1280px;padding:0 2rem}.features-header{margin-bottom:4rem;text-align:center}.features-header h2{font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:1rem}.features-header p{color:#ffffff80;font-size:1.125rem;margin:0 auto;max-width:500px}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.feature-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#b8956a4d;transform:translateY(-4px)}.feature-icon{align-items:center;background:#b8956a1a;border:1px solid #b8956a33;border-radius:14px;color:#b8956a;display:flex;height:56px;justify-content:center;margin-bottom:1.25rem;width:56px}.feature-card h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#ffffff80;font-size:.9375rem;line-height:1.6}.homepage-cta{background:#1e293b;padding:5rem 0}.cta-container{align-items:center;display:flex;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 2rem}.cta-content h2{font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.cta-content p{color:#ffffff80;font-size:1rem}.cta-buttons{display:flex;gap:1rem}.cta-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.cta-btn-light{background:#fff;color:#0f172a}.cta-btn-light:hover{background:#f1f5f9;transform:translateY(-1px)}.cta-btn-outline{background:#0000;border:1px solid #fff3;color:#fff}.cta-btn-outline:hover{background:#ffffff14;border-color:#ffffff4d}.homepage-footer{background:#0f172a;border-top:1px solid #ffffff0f;padding:2rem 0}.footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 2rem}.footer-logo{font-size:1.125rem;gap:.5rem}.footer-logo,.footer-logo .logo-icon.small{align-items:center;display:flex;font-weight:600}.footer-logo .logo-icon.small{background:linear-gradient(135deg,#b8956a,#9a7b54);border-radius:6px;color:#fff;font-size:.875rem;height:28px;justify-content:center;width:28px}.homepage-footer p{color:#fff6;font-size:.875rem}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-content h1{font-size:2.75rem}.hero-buttons{justify-content:center}.hero-visual{order:-1}.dashboard-preview{max-width:400px;transform:none}.dashboard-preview:hover{transform:none}.features-grid{grid-template-columns:repeat(2,1fr)}.cta-container{flex-direction:column;text-align:center}}@media (max-width:768px){.nav-container{padding:1rem}.nav-right{gap:.75rem}.nav-links{display:none}.homepage-hero{padding-top:100px}.hero-container{padding:2rem 1.5rem}.hero-content h1{font-size:2.25rem;letter-spacing:-1px}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.hero-btn{justify-content:center;width:100%}.features-grid{grid-template-columns:1fr}.features-header h2{font-size:2rem}.cta-buttons{flex-direction:column;width:100%}.cta-btn{width:100%}.footer-container{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.homepage-logo span{display:none}.homepage-lang-switcher .lang-btn{font-size:.75rem;padding:.375rem .625rem}.hero-badge{font-size:.75rem}.hero-content h1{font-size:1.875rem}.feature-card{padding:1.5rem}}.cta-btn:focus-visible,.hero-btn:focus-visible,.homepage-lang-switcher .lang-btn:focus-visible,.nav-link:focus-visible{outline:3px solid #b8956a80;outline-offset:2px}@media (prefers-reduced-motion:reduce){.cta-btn,.dashboard-preview,.feature-card,.hero-btn,.nav-link{transition:none}.dashboard-preview:hover{transform:none}}.login-view.employee-panel{background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;min-height:100vh}.login-view.employee-panel .login-left{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem}.login-view.employee-panel .login-logo{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:.75rem;letter-spacing:-.5px;margin-bottom:3rem}.login-view.employee-panel .logo-icon{align-items:center;background:#b8956a;border-radius:12px;display:flex;font-size:1.5rem;font-weight:600;height:48px;justify-content:center;width:48px}.login-view.employee-panel .login-hero{max-width:560px}.login-view.employee-panel .login-hero h1{font-size:3rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem}.login-view.employee-panel .login-hero p{font-size:1.125rem;font-weight:300;line-height:1.7;opacity:.85}.login-view.employee-panel .login-right{align-items:center;background:#fff;box-shadow:-10px 0 30px #0000001a;display:flex;justify-content:center;padding:3rem;width:480px}.login-view.employee-panel .login-form-container{max-width:380px;width:100%}.login-view.employee-panel .login-form-header{margin-bottom:2.5rem}.login-view.employee-panel .login-form-header h2{color:#0f172a;font-size:1.875rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.login-view.employee-panel .login-form-header p{color:#64748b;font-size:.9375rem}.login-view.employee-panel .form-group{margin-bottom:1.5rem}.login-view.employee-panel .form-group label{color:#0f172a;display:block;font-size:.875rem;font-weight:500;letter-spacing:.3px;margin-bottom:.5rem}.login-view.employee-panel .form-input{background:#fff;border:1.5px solid #e8e4df;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.login-view.employee-panel .form-input::placeholder{color:#94a3b8}.login-view.employee-panel .form-input:focus{border-color:#0f172a;box-shadow:0 0 0 4px #0f172a0d;outline:none}.login-view.employee-panel .form-input:hover{border-color:#cbd5e1}.login-view.employee-panel .btn-primary{background:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:.3px;margin-top:.5rem;padding:1rem;transition:all .2s ease;width:100%}.login-view.employee-panel .btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 10px 15px #0f172a33;transform:translateY(-1px)}.login-view.employee-panel .btn-primary:active:not(:disabled){transform:translateY(0)}.login-view.employee-panel .btn-primary:disabled{cursor:not-allowed;opacity:.6}.login-view.employee-panel .alert{animation:slideIn .3s ease-out;border-radius:10px;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.25rem}.login-view.employee-panel .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.login-view.employee-panel .alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.login-view.employee-panel .form-footer{color:#64748b;font-size:.875rem;margin-top:2rem;text-align:center}.login-view.employee-panel .form-footer a{color:#0f172a;font-weight:500;text-decoration:none;transition:color .2s ease}.login-view.employee-panel .form-footer a:hover{color:#b8956a}@media (max-width:1024px){.login-view.employee-panel .login-left{display:none}.login-view.employee-panel .login-right{width:100%}}@media (max-width:768px){.login-view.employee-panel .login-right{padding:2rem}.login-view.employee-panel .login-hero h1{font-size:2.5rem}}@media (max-width:480px){.login-view.employee-panel .login-right{padding:1.5rem}.login-view.employee-panel .login-form-header h2{font-size:1.5rem}.login-view.employee-panel .login-hero h1{font-size:2rem}.login-view.employee-panel .login-hero p{font-size:1rem}}.employee-sidebar{background:#0f172a;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:0;position:fixed;width:280px;z-index:100}.sidebar-logo{gap:.875rem;padding:2rem 2rem 1.5rem}.sidebar-logo,.sidebar-logo .logo-icon{align-items:center;display:flex;flex-shrink:0}.sidebar-logo .logo-icon{background:#b8956a;border-radius:12px;color:#fff;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.sidebar-logo h1{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.375rem;min-height:0;overflow-y:auto;padding:.5rem 1rem 1rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:.875rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#b8956a;color:#fff}.nav-icon{flex-shrink:0;font-size:1.125rem}.sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:1.5rem 2rem}.logout-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ffffff26;border-color:#ffffff4d}.employee-sidebar::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px}.employee-sidebar::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.employee-sidebar::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media (max-width:1024px){.employee-sidebar{width:240px}}@media (max-width:768px){.employee-sidebar{transform:translateX(-100%);transition:transform .3s ease}.employee-sidebar.open{transform:translateX(0)}}.dashboard{--color-bg:#faf9f7;--color-surface:#fff;--color-border:#e8e4df;--color-border-light:#f1eeea;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9a9a9a;--color-accent:#1e3a5f;--color-accent-light:#2d4a6f;--color-gold:#b8956a;--color-gold-light:#c9a97d;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 50px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"DM Serif Display",Georgia,serif;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh}.dashboard-topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-surface);background:#fffffff2;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.25rem 2.5rem;position:sticky;top:0;z-index:100}.topbar-search{flex:1 1;max-width:480px;position:relative}.search-container{align-items:center;display:flex;position:relative}.search-container .search-icon{color:var(--color-text-tertiary);height:18px;left:1rem;pointer-events:none;position:absolute;width:18px}.search-container input{background:var(--color-bg);border:1px solid #0000;border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9375rem;padding:.75rem 3rem .75rem 2.75rem;transition:all .2s ease;width:100%}.search-container input:hover{border-color:var(--color-border)}.search-container input:focus{background:var(--color-surface);border-color:var(--color-gold);box-shadow:0 0 0 3px #b8956a1a;outline:none}.search-container input::placeholder{color:var(--color-text-tertiary)}.search-shortcut{border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.25rem .5rem;right:.75rem}.search-dropdown,.search-shortcut{background:var(--color-surface);position:absolute}.search-dropdown{animation:dropdownFade .15s ease-out;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:0;max-height:420px;overflow-y:auto;right:0;top:calc(100% + 8px)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:.5rem;padding:2.5rem 1.5rem}.search-empty svg{height:32px;margin-bottom:.5rem;opacity:.4;width:32px}.search-section{padding:.5rem 0}.search-section:not(:last-child){border-bottom:1px solid var(--color-border-light)}.search-section-header{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.6875rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.search-count{background:var(--color-bg);border-radius:10px;font-weight:500;padding:.125rem .5rem}.search-item{align-items:center;cursor:pointer;display:flex;gap:.875rem;padding:.75rem 1rem;transition:background .15s ease}.search-item:hover{background:var(--color-bg)}.search-item-avatar{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:600;height:36px;justify-content:center;width:36px}.search-item-avatar.employer{background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-light) 100%)}.search-item-avatar.case{background:var(--color-bg);color:var(--color-text-secondary)}.search-item-avatar svg{height:18px;width:18px}.search-item-content{flex:1 1;min-width:0}.search-item-title{color:var(--color-text-primary);font-size:.9375rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item-title mark{background:#fef3c7;border-radius:2px;color:inherit;padding:0 2px}.search-item-meta{color:var(--color-text-tertiary);font-size:.8125rem;margin-top:1px}.search-item-arrow{color:var(--color-text-tertiary);height:16px;opacity:0;transition:opacity .15s ease;width:16px}.search-item:hover .search-item-arrow{opacity:1}.search-item-status{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.topbar-actions{align-items:center;display:flex;gap:.75rem}.notification-wrapper{position:relative}.notification-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;height:42px;justify-content:center;position:relative;transition:all .2s ease;width:42px}.notification-trigger svg{color:var(--color-text-secondary);height:20px;transition:color .2s ease;width:20px}.notification-trigger:hover{background:var(--color-bg);border-color:var(--color-gold)}.notification-trigger:hover svg{color:var(--color-text-primary)}.notification-trigger.has-notifications{border-color:var(--color-gold)}.notification-trigger.has-notifications svg{color:var(--color-gold)}.notification-dot{background:var(--color-danger);border:2px solid var(--color-surface);border-radius:9px;font-size:.6875rem;height:18px;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.notification-dot,.user-avatar{align-items:center;color:#fff;display:flex;font-weight:600;justify-content:center}.user-avatar{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);border-radius:var(--radius-md);font-size:1rem;height:42px;width:42px}.notification-dropdown{animation:dropdownFade .15s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:400px}.notification-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-header h3{font-size:.9375rem;font-weight:600;margin:0}.notification-badge{background:#b8956a1a;border-radius:20px;color:var(--color-gold);font-size:.75rem;font-weight:500;padding:.25rem .625rem}.notification-empty{padding:3rem 1.5rem;text-align:center}.notification-empty-icon{align-items:center;background:var(--color-bg);border-radius:50%;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.notification-empty-icon svg{color:var(--color-text-tertiary);height:24px;width:24px}.notification-empty p{color:var(--color-text-primary);font-weight:500;margin:0 0 .25rem}.notification-empty span{color:var(--color-text-tertiary);font-size:.875rem}.notification-list{max-height:380px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;gap:.875rem;padding:1rem 1.25rem;transition:background .15s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg)}.notification-item-indicator{background:var(--color-gold);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notification-item-content{flex:1 1;min-width:0}.notification-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.notification-item-name{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.notification-item-time{color:var(--color-text-tertiary);font-size:.75rem}.notification-item-case{color:var(--color-text-secondary);font-size:.8125rem;margin-bottom:4px}.notification-item-preview{color:var(--color-text-tertiary);font-size:.8125rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-count{align-items:center;background:var(--color-gold);border-radius:11px;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px}.dashboard-main{margin:0 auto;max-width:1200px;padding:2.5rem}.welcome-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2.5rem}.welcome-content h1{color:var(--color-text-primary);font-family:var(--font-serif);font-size:2.25rem;font-weight:400;letter-spacing:-.5px;margin:0 0 .375rem}.welcome-content p{color:var(--color-text-secondary);font-size:1rem;margin:0}.welcome-badge{align-items:center;background:#b8956a1a;border:1px solid #b8956a33;border-radius:30px;color:var(--color-gold);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.welcome-badge-dot{animation:pulse 2s infinite;background:var(--color-gold);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.attention-section{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem}.attention-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:default;display:flex;gap:1.25rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .25s ease}.attention-card.active{border-color:#0000;box-shadow:var(--shadow-md);cursor:pointer}.attention-card.active:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.attention-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.attention-card-icon svg{height:24px;width:24px}.attention-card-icon.messages{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.attention-card-icon.deadlines{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.attention-card-icon.submissions{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.attention-card-content{display:flex;flex-direction:column}.attention-card-number{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-1px;line-height:1}.attention-card-label{color:var(--color-text-secondary);font-size:.875rem;margin-top:4px}.attention-card-indicator{background:var(--color-gold);border-radius:0 var(--radius-lg) 0 var(--radius-sm);height:8px;position:absolute;right:0;top:0;width:8px}.recent-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:2rem;padding:1.75rem}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-title h2{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.section-subtitle{color:var(--color-text-tertiary);font-size:.875rem}.section-action{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.section-action:hover{background:var(--color-bg);border-color:var(--color-gold);color:var(--color-gold)}.section-action svg{height:16px;width:16px}.recent-loading{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-spinner{height:32px;width:32px}.recent-empty{padding:4rem 2rem;text-align:center}.recent-empty-icon{align-items:center;background:var(--color-bg);border-radius:var(--radius-lg);display:flex;height:64px;justify-content:center;margin:0 auto 1.25rem;width:64px}.recent-empty-icon svg{color:var(--color-text-tertiary);height:32px;width:32px}.recent-empty h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .375rem}.recent-empty p{color:var(--color-text-tertiary);font-size:.9375rem;margin:0 0 1.5rem}.recent-empty button{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:background .2s ease}.recent-empty button:hover{background:var(--color-accent-light)}.recent-empty button svg{height:18px;width:18px}.recent-list{display:flex;flex-direction:column}.recent-item{align-items:center;animation:fadeSlideIn .3s ease-out backwards;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;margin:0 -.5rem;padding:1rem;transition:all .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.recent-item:hover{background:var(--color-bg)}.recent-item:not(:last-child){border-bottom:1px solid var(--color-border-light)}.recent-item-avatar{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:44px;justify-content:center;width:44px}.recent-item-avatar.employer{background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-light) 100%)}.recent-item-avatar svg{height:20px;width:20px}.recent-item-content{flex:1 1;min-width:0}.recent-item-header{align-items:center;display:flex;gap:.5rem;margin-bottom:2px}.recent-item-client{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.recent-item-unread{align-items:center;background:var(--color-gold);border-radius:9px;color:#fff;display:flex;font-size:.6875rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px}.recent-item-title{color:var(--color-text-secondary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.375rem}.recent-item-status{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .625rem;white-space:nowrap}.recent-item-time{color:var(--color-text-tertiary);font-size:.8125rem}.recent-item-arrow{color:var(--color-text-tertiary);flex-shrink:0;height:20px;opacity:0;transform:translateX(-4px);transition:all .2s ease;width:20px}.recent-item:hover .recent-item-arrow{opacity:1;transform:translateX(0)}.actions-section{margin-bottom:2rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.action-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-sans);gap:1rem;padding:1.25rem 1.5rem;text-align:left;transition:all .25s ease}.action-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card-icon{align-items:center;background:var(--color-bg);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .25s ease;width:44px}.action-card:hover .action-card-icon{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);color:#fff}.action-card-icon svg{color:var(--color-text-secondary);height:22px;transition:color .25s ease;width:22px}.action-card:hover .action-card-icon svg{color:#fff}.action-card-content{display:flex;flex-direction:column}.action-card-title{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.action-card-desc{color:var(--color-text-tertiary);font-size:.8125rem;margin-top:2px}@media (max-width:1024px){.dashboard-main{padding:2rem}.actions-grid,.attention-section{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard-topbar{flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem}.topbar-search{flex:1 1 100%;max-width:none;order:2}.search-shortcut{display:none}.notification-dropdown{right:-60px;width:calc(100vw - 2.5rem)}.dashboard-main{padding:1.5rem}.welcome-section{flex-direction:column;gap:1rem}.welcome-content h1{font-size:1.75rem}.attention-section{gap:.875rem;grid-template-columns:1fr}.attention-card{padding:1.25rem}.recent-section{border-radius:var(--radius-lg);padding:1.25rem}.section-header{flex-direction:column;gap:1rem}.recent-item{flex-wrap:wrap;gap:.75rem}.recent-item-meta{align-items:center;flex-direction:row;padding-left:60px;width:100%}.recent-item-arrow{display:none}.actions-grid{gap:.75rem;grid-template-columns:1fr}.action-card{padding:1rem 1.25rem}}@media (max-width:480px){.dashboard-topbar{padding:.875rem 1rem}.topbar-actions{gap:.5rem}.notification-trigger,.user-avatar{height:38px;width:38px}.dashboard-main{padding:1rem}.attention-card-number,.welcome-content h1{font-size:1.5rem}.recent-item-avatar{height:40px;width:40px}}.custom-select{position:relative;width:100%}.select-trigger{align-items:center;background:#fff;border:2px solid #e8e4df;border-radius:8px;box-sizing:border-box;color:#0f172a;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;height:44px;padding:0 2.5rem 0 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.select-trigger:hover{background:#fafafa;border-color:#cbd5e1}.custom-select.is-open .select-trigger{background:#fafafa;border-color:#0f172a}.custom-select.has-error .select-trigger{border-color:#dc2626}.custom-select.is-disabled .select-trigger{background:#f8f6f3;cursor:not-allowed;opacity:.5}.select-value{color:#0f172a;display:block;flex:1 1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger:has(.select-value:empty) .select-value,.select-value:empty{color:#94a3b8}.select-arrow{color:#64748b;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .2s ease}.custom-select.is-open .select-arrow{transform:translateY(-50%) rotate(180deg)}.select-dropdown{left:0;position:absolute;right:0;top:calc(100% + .5rem);z-index:10000}.select-dropdown,.select-dropdown-fixed,.select-dropdown-portal{animation:dropdownSlideIn .2s ease;background:#fff;border:2px solid #e8e4df;border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:300px;overflow:hidden}.select-dropdown-fixed{z-index:99999}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-search{background:#fafafa;border-bottom:1px solid #e8e4df;padding:.75rem}.search-input{background:#fff;border:1px solid #e8e4df;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.875rem;height:36px;padding:0 .75rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#0f172a;outline:none}.select-options{list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:.5rem}.select-options::-webkit-scrollbar{width:6px}.select-options::-webkit-scrollbar-track{background:#0000}.select-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.select-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.select-option{align-items:center;border-radius:6px;color:#0f172a;cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem;justify-content:space-between;padding:.75rem 1rem;position:relative;transition:all .15s ease}.select-option,.select-option span{overflow:hidden;text-overflow:ellipsis}.select-option span{flex:1 1}.select-option:hover{background:#f8f6f3;color:#0f172a}.select-option.is-selected{background:#0f172a;color:#fff;font-weight:600}.select-option.is-selected:hover{background:#1e293b}.select-option.no-results{color:#94a3b8;cursor:default;font-style:italic;text-align:center}.select-option.no-results:hover{background:#0000}.select-option:after{background:#0f172a;border-radius:6px;bottom:calc(100% + .5rem);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-full-label);font-size:.8125rem;left:0;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transition:opacity .2s ease;white-space:nowrap;z-index:1000}.select-option:hover:after{opacity:1}.select-option[data-full-label=""]:after{display:none}.check-icon{color:currentColor;flex-shrink:0;margin-left:.5rem}@media (max-width:768px){.select-dropdown{max-height:240px}.select-options{max-height:180px}}.client-profile{margin:0 auto;max-width:1200px}.client-profile .profile-error,.client-profile .profile-loading{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.client-profile .profile-loading .spinner{animation:cp-spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:48px;margin-bottom:1rem;width:48px}@keyframes cp-spin{to{transform:rotate(1turn)}}.client-profile .profile-error .error-icon{font-size:3rem;margin-bottom:1rem}.client-profile .profile-error .btn{margin:.5rem}.client-profile .profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.client-profile .back-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.client-profile .back-btn:hover{background:var(--border-color);color:var(--text-primary)}.client-profile .profile-title-section{align-items:center;display:flex;flex:1 1;gap:1rem}.client-profile .profile-avatar{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;font-size:1.75rem;height:56px;justify-content:center;width:56px}.client-profile .profile-title-info h1{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.client-profile .profile-title-info .type-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.client-profile .type-client{background:#e0f2fe;color:#0369a1}.client-profile .type-employer{background:#fef3c7;color:#b45309}.client-profile .profile-actions{display:flex;gap:.5rem}.client-profile .btn-success{background:#059669;color:#fff}.client-profile .btn-success:hover{background:#047857}.client-profile .profile-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0}.client-profile .tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.95rem;margin-bottom:-1px;padding:.75rem 1.25rem;transition:all .2s}.client-profile .tab-btn:hover{color:var(--text-primary)}.client-profile .tab-btn.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:500}.client-profile .profile-content{background:#fff;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.client-profile .info-tab{padding:1.5rem}.client-profile .info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.client-profile .info-card{background:var(--bg-secondary);border-radius:10px;padding:1.25rem}.client-profile .info-card h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 1rem}.client-profile .info-rows{display:flex;flex-direction:column;gap:.75rem}.client-profile .info-row{display:flex;flex-direction:column;gap:.25rem}.client-profile .info-row label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.client-profile .info-row span{color:var(--text-primary);font-size:.95rem}.client-profile .info-row input{background:#fff;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;padding:.5rem .75rem}.client-profile .info-row input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.client-profile .employer-card{grid-column:1/-1}.client-profile .employer-info{align-items:center;display:flex;gap:1rem;justify-content:space-between}.client-profile .employer-display{align-items:center;display:flex;gap:.75rem}.client-profile .employer-icon{font-size:2rem}.client-profile .employer-details{display:flex;flex-direction:column}.client-profile .employer-name{color:var(--text-primary);font-weight:500}.client-profile .employer-name.clickable{color:var(--primary-color);cursor:pointer}.client-profile .employer-name.clickable:hover{text-decoration:underline}.client-profile .employer-contact{color:var(--text-secondary);font-size:.85rem}.client-profile .no-employer{padding:1rem;text-align:center}.client-profile .no-employer p{color:var(--text-secondary);margin:0 0 1rem}.client-profile .meta-info{border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:.85rem;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.client-profile .cases-tab,.client-profile .clients-tab{padding:0}.client-profile .empty-tab{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.client-profile .empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.client-profile .empty-tab p{color:var(--text-secondary);margin:0}.client-profile .cases-list{display:flex;flex-direction:column}.client-profile .case-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .2s}.client-profile .case-item:last-child{border-bottom:none}.client-profile .case-item:hover{background:#2563eb08}.client-profile .case-main h4{color:var(--text-primary);font-size:1rem;font-weight:500;margin:0 0 .25rem}.client-profile .case-template{color:var(--text-secondary);font-size:.85rem}.client-profile .case-meta{align-items:center;display:flex;flex-shrink:0;gap:1rem}.client-profile .case-date{color:var(--text-tertiary);font-size:.85rem}.client-profile .status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.client-profile .status-todo{background:#e0f2fe;color:#0369a1}.client-profile .status-pending{background:#fef3c7;color:#b45309}.client-profile .status-waiting{background:#f3e8ff;color:#7c3aed}.client-profile .status-completed{background:#d1fae5;color:#059669}.client-profile .status-cancelled{background:#fee2e2;color:#dc2626}.client-profile .assigned-clients-list{display:flex;flex-direction:column}.client-profile .client-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .2s}.client-profile .client-item:last-child{border-bottom:none}.client-profile .client-item:hover{background:#2563eb08}.client-profile .client-main{align-items:center;display:flex;gap:.75rem}.client-profile .client-icon{font-size:1.5rem}.client-profile .client-info h4{color:var(--text-primary);font-size:1rem;font-weight:500;margin:0 0 .125rem}.client-profile .client-cases .cases-count,.client-profile .client-phone{color:var(--text-secondary);font-size:.85rem}.client-profile .client-cases .cases-count{background:var(--bg-secondary);border-radius:20px;padding:.25rem .75rem}.client-profile .modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.client-profile .modal-container{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.client-profile .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.client-profile .modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.client-profile .modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:background .2s;width:32px}.client-profile .modal-close:hover{background:var(--border-color)}.client-profile .modal-body{overflow-y:auto;padding:1.5rem}.client-profile .modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.client-profile .form-field{margin-bottom:1rem}.client-profile .form-field:last-child{margin-bottom:0}.client-profile .form-field label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.client-profile .form-select{background:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;padding:.65rem .75rem;width:100%}.client-profile .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.client-profile .toast{animation:cp-slideIn .3s ease;background:#1f2937;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.95rem;padding:1rem 1.5rem;position:fixed;right:20px;z-index:2000}.client-profile .toast-success{background:#059669}.client-profile .toast-error{background:#dc2626}@keyframes cp-slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.client-profile .profile-header{align-items:flex-start;flex-direction:column}.client-profile .profile-title-section{width:100%}.client-profile .profile-actions{justify-content:flex-end;width:100%}.client-profile .info-grid{grid-template-columns:1fr}.client-profile .case-item,.client-profile .client-item{align-items:flex-start;flex-direction:column;gap:.75rem}.client-profile .case-meta,.client-profile .client-cases{justify-content:flex-start;width:100%}}.code-generator{background:#f8f6f3;margin:0 auto;max-width:1000px;min-height:100vh;padding:3rem}.page-header{margin-bottom:3rem}.page-title{letter-spacing:-1px}.page-subtitle{font-size:1rem;font-weight:400}.generator-container{display:flex;flex-direction:column;gap:2rem}.form-card{border:1px solid #e8e4df}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.input-label{color:#0f172a;font-size:.875rem;font-weight:600;letter-spacing:-.2px}.form-input{transition:border-color .2s ease}.input-error{border-color:#dc2626}.error-message{color:#dc2626;font-size:.8125rem;margin-top:.25rem}.form-actions{border-top:1px solid #e8e4df;justify-content:flex-end;padding-top:1.5rem}.code-result{animation:slideIn .3s ease;background:#fff;border:2px solid #b8956a;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:2rem}.form-group.full-width{grid-column:1/-1}.client-type-selector{display:flex;gap:1rem;margin-top:.5rem}.type-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:1rem;transition:all .2s ease}.type-option:hover{background:#fafafa;border-color:var(--primary-color)}.type-option.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}.type-option input[type=radio]{display:none}.type-icon{font-size:2rem;margin-bottom:.5rem}.type-label{color:var(--text-primary);font-weight:500}.code-result h3{color:#0f172a;font-size:1.25rem;font-weight:600;letter-spacing:-.3px;margin:0 0 1.5rem}.code-display{align-items:center;background:#f8f6f3;border:1px solid #e8e4df;border-radius:10px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.code-text{color:#0f172a;flex:1 1;font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;letter-spacing:2px}.copy-btn{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#1e293b;transform:translateY(-1px)}.copy-btn.copied{background:#10b981}.code-info{background:#f8f6f3;border-left:4px solid #0f172a;border-radius:10px;padding:1.5rem}.code-info p{color:#0f172a;font-size:.9375rem;font-weight:600;margin:0 0 1rem}.code-info ol{margin:0;padding-left:1.5rem}.code-info li{color:#64748b;font-size:.875rem;line-height:1.8;margin-bottom:.5rem}.code-info strong{color:#0f172a;font-weight:600}.link-text{font-size:.85rem;word-break:break-all}@media (max-width:768px){.code-generator{padding:1.5rem}.page-title{font-size:2rem}.form-grid{gap:1rem;grid-template-columns:1fr}.code-result,.form-card{padding:1.5rem}.code-display{align-items:stretch;flex-direction:column}.code-text{font-size:1.25rem;text-align:center}.copy-btn{width:100%}}@media (max-width:480px){.code-generator{padding:1rem}.page-title{font-size:1.75rem}.page-subtitle{font-size:.875rem}.code-result,.form-card{padding:1.25rem}.code-text{font-size:1.125rem}.form-actions{flex-direction:column}.btn{width:100%}}.client-panel{*{box-sizing:border-box}.pdf-filler-container,body,html{max-width:100%;overflow-x:hidden}.pdf-filler-container{background:#f8f6f3;min-height:100vh;padding:2rem}.pdf-mobile-header{align-items:center;background:#fff;border-bottom:1px solid #e8e4df;box-shadow:0 1px 2px #0000000d;display:none;gap:1rem;height:60px;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:100}.pdf-mobile-back-btn{align-items:center;background:#fff;border:1.5px solid #e8e4df;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pdf-mobile-back-btn:hover{background:#f8f6f3;border-color:#0f172a}.pdf-mobile-title{color:#0f172a;flex:1 1;font-size:1rem;font-weight:700;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pdf-mobile-lang{flex-shrink:0}.language-switcher-container{display:flex;justify-content:flex-end;margin:0 auto 1.5rem;max-width:960px}.form-container{animation:fadeIn .3s ease-out;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 2px #0000000d;margin:0 auto;max-width:960px;position:relative;width:100%}.form-back-button{align-items:center;background:#fff;border:1.5px solid #e8e4df;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;left:2.5rem;padding:.75rem 1.25rem;position:absolute;top:2.5rem;transition:all .2s ease;z-index:10}.form-back-button:hover{background:#f8f6f3;border-color:#0f172a;transform:translateX(-2px)}.form-title{border-bottom:1px solid #e8e4df;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.875rem;font-weight:700;letter-spacing:-.5px;margin:0;padding:3.5rem 2rem 2rem;text-align:center}.form{display:flex;flex-direction:column;gap:2rem;max-width:100%;overflow-x:hidden;padding:2.5rem 2rem;width:100%}.form.readonly{opacity:.7;pointer-events:none}.form-section{background:#fff;border:none;margin:0;padding:0}.section-title{border-bottom:2px solid #e8e4df;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0 0 1.5rem;padding-bottom:1rem}.form-group{margin-bottom:1.5rem;width:100%}.form-label{color:#0f172a;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem;overflow-wrap:break-word;word-break:break-word}.required{color:#dc2626;font-weight:600;margin-left:.25rem}.form-input,.form-select{background:#fff;border:1.5px solid #e8e4df;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;max-width:100%;padding:.875rem 1rem;transition:all .2s ease;width:100%;word-break:break-word}.form-input::placeholder{color:#94a3b8}.form-input:hover,.form-select:hover{border-color:#cbd5e1}.form-input:focus,.form-select:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background:#f8f6f3;border-color:#e8e4df;color:#94a3b8;cursor:not-allowed;opacity:.6}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%230f172a' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}textarea.form-input{word-wrap:break-word;line-height:1.6;max-width:100%;min-height:120px;overflow-wrap:break-word;resize:vertical;width:100%}.radio-group{display:flex;flex-wrap:wrap;gap:1rem}.radio-label{align-items:center;background:#fff;border:1.5px solid #e8e4df;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:120px;padding:.875rem 1.25rem;transition:all .2s ease;word-break:break-word}.radio-label:hover{background:#f8f6f3;border-color:#cbd5e1}.radio-input{accent-color:#0f172a;cursor:pointer;height:18px;margin-right:.625rem;width:18px}.radio-label:has(.radio-input:checked){background:#0f172a;border-color:#0f172a;color:#fff}.radio-label:has(.radio-input:checked) .radio-text{color:#fff}.radio-text{color:#0f172a;font-size:.9375rem;font-weight:500}.error-message{background:#fef2f2;border-left:3px solid #dc2626;border-radius:4px;color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.625rem 1rem;word-break:break-word}.error-notification,.success-notification{animation:slideIn .3s ease-out;border-radius:8px;font-size:.9375rem;font-weight:500;line-height:1.6;margin-bottom:1.5rem;max-width:100%;overflow-wrap:break-word;padding:1rem 1.25rem;word-break:break-word}.error-notification{background:#fef2f2;border-left:4px solid #dc2626;color:#dc2626}.success-notification{background:#10b9811a;border-left:4px solid #059669;color:#059669}.exit-button,.submit-button{border:none;border-radius:8px;cursor:pointer;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;font-weight:600;margin:1.5rem auto 0;max-width:100%;min-width:200px;padding:.875rem 1.75rem;transition:all .2s ease;word-break:break-word}.submit-button{background:#0f172a;color:#fff}.submit-button:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.exit-button{background:#fff;border:1.5px solid #e8e4df;color:#0f172a}.exit-button:hover{background:#f8f6f3;border-color:#0f172a}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;padding:2.5rem;text-align:center;width:100%}.modal-content h2{color:#0f172a;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0 0 1rem;overflow-wrap:break-word;word-break:break-word}.modal-content p{color:#64748b;font-size:1rem;line-height:1.6}.modal-content p,.readonly-notice{margin-bottom:1.5rem;overflow-wrap:break-word;word-break:break-word}.readonly-notice{animation:slideIn .3s ease-out;background:#3b82f61a;border:2px solid #3b82f6;border-left-width:4px;border-radius:8px;max-width:100%;padding:1.5rem;text-align:center}.readonly-notice h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.readonly-notice h3,.readonly-notice p{overflow-wrap:break-word;word-break:break-word}.readonly-notice p{color:#64748b;font-size:.9375rem;line-height:1.6;margin:.5rem 0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-container h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.spinner{animation:spin .8s linear infinite;border:3px solid #e8e4df;border-radius:50%;border-top-color:#0f172a;height:50px;margin-top:1rem;width:50px}.family-member-container,.previous-stay-field,.travel-field{background:#f8f6f3;border:1px solid #e8e4df;border-radius:10px;margin-bottom:1.5rem;max-width:100%;overflow:hidden;padding:1.5rem;transition:all .2s ease;width:100%}.family-member-container:hover,.previous-stay-field:hover,.travel-field:hover{box-shadow:0 2px 4px #0000000d}.family-member-header,.travel-field-header{align-items:center;border-bottom:1px solid #e8e4df;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.family-member-title,.previous-stay-title,.travel-title{color:#0f172a;font-size:1.125rem;font-weight:700;letter-spacing:-.3px;margin:0}.family-member-fields,.previous-stay-fields,.travel-fields{display:flex;flex-direction:column;gap:1.25rem;width:100%}.basis-field,.country-field,.date-field{width:100%}.basis-field .form-input,.basis-field .form-select,.country-field .form-input,.date-field .form-input{max-width:100%;width:100%}.form-group>div[style*="position: relative"]{position:relative;width:100%}.form-group>div[style*="position: relative"] button[style*="position: absolute"]{position:absolute;right:0;top:0;z-index:10}.travel-controls{display:flex;gap:.5rem}.add-field-btn,.remove-field-btn{align-items:center;background:#fff;border:1.5px solid;border-radius:6px;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.125rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.add-field-btn{border-color:#059669;color:#059669}.add-field-btn:hover{background:#059669;color:#fff}.remove-field-btn{border-color:#dc2626;color:#dc2626}.remove-field-btn:hover{background:#dc2626;color:#fff}}@media (max-width:768px){.client-panel .pdf-mobile-header{display:flex}.client-panel .form-back-button,.client-panel .language-switcher-container{display:none}.client-panel .pdf-filler-container{overflow-x:hidden;padding:4.5rem 1.5rem 1.5rem}.client-panel .form-container{max-width:100%;width:100%}.client-panel .form-title{font-size:1.625rem;padding:2rem 1.5rem 1.5rem;word-break:break-word}.client-panel .form{padding:2rem 1.5rem;width:100%}.client-panel .section-title{font-size:1.125rem;word-break:break-word}.client-panel .family-member-container,.client-panel .previous-stay-field,.client-panel .travel-field{max-width:100%;padding:1.25rem;width:100%}.client-panel .modal-content{max-width:calc(100% - 3rem);padding:2rem;width:100%}.client-panel .form-input,.client-panel .form-select{max-width:100%;width:100%}}@media (max-width:480px){.client-panel .pdf-mobile-header{display:flex}.client-panel .form-back-button,.client-panel .language-switcher-container{display:none}.client-panel .pdf-filler-container{overflow-x:hidden;padding:4.5rem 1rem 1rem}.client-panel .form-container{border-radius:8px;max-width:100%;overflow-x:hidden;width:100%}.client-panel .form-title{font-size:1.375rem;padding:1.5rem 1rem 1.25rem;word-break:break-word}.client-panel .form{gap:1.5rem;padding:1.5rem 1rem;width:100%}.client-panel .section-title{font-size:1rem;margin-bottom:1.25rem;word-break:break-word}.client-panel .form-group{margin-bottom:1.25rem;width:100%}.client-panel .form-label{font-size:.8125rem;word-break:break-word}.client-panel .form-input,.client-panel .form-select{font-size:.875rem;max-width:100%;padding:.75rem .875rem;width:100%}.client-panel .radio-group{flex-direction:column;gap:.75rem;width:100%}.client-panel .radio-label{justify-content:flex-start;max-width:100%;min-width:0;min-width:auto;padding:.75rem 1rem;width:100%}.client-panel .family-member-container,.client-panel .previous-stay-field,.client-panel .travel-field{border-radius:8px;max-width:100%;padding:1rem;width:100%}.client-panel .family-member-header,.client-panel .travel-field-header{align-items:flex-start;flex-direction:column;gap:.75rem;width:100%}.client-panel .family-member-title,.client-panel .previous-stay-title,.client-panel .travel-title{font-size:1rem;width:100%;word-break:break-word}.client-panel .travel-controls{align-self:flex-end}.client-panel .exit-button,.client-panel .submit-button{max-width:100%;min-width:0;min-width:auto;padding:.875rem 1.5rem;width:100%}.client-panel .modal-overlay{padding:1rem}.client-panel .modal-content{max-width:calc(100% - 2rem);padding:1.5rem;width:100%}.client-panel .modal-content h2{font-size:1.25rem;word-break:break-word}.client-panel .modal-content p{font-size:.9375rem;word-break:break-word}.client-panel textarea.form-input{min-height:100px;width:100%}.client-panel .radio-text{overflow-wrap:break-word;word-break:break-word}.client-panel .error-message,.client-panel .error-notification,.client-panel .success-notification{word-break:break-word}.client-panel .readonly-notice{padding:1rem;word-break:break-word}}@media (max-width:360px){.client-panel .pdf-filler-container{padding:.75rem}.client-panel .form-container{border-radius:6px}.client-panel .form-title{font-size:1.25rem;padding:1.25rem .875rem 1rem}.client-panel .form{gap:1.25rem;padding:1.25rem .875rem}.client-panel .section-title{font-size:.9375rem}.client-panel .form-input,.client-panel .form-select{font-size:.8125rem;padding:.625rem .75rem}.client-panel .radio-label{padding:.625rem .875rem}.client-panel .family-member-container,.client-panel .previous-stay-field,.client-panel .travel-field{padding:.875rem}.client-panel .add-field-btn,.client-panel .remove-field-btn{font-size:1rem;height:32px;width:32px}.client-panel .modal-content{padding:1.25rem}}.client-panel .add-field-btn:focus-visible,.client-panel .exit-button:focus-visible,.client-panel .remove-field-btn:focus-visible,.client-panel .submit-button:focus-visible{outline:3px solid #0f172a80;outline-offset:2px}.client-panel .form-input:focus-visible,.client-panel .form-select:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.client-panel .error-notification,.client-panel .form-container,.client-panel .modal-content,.client-panel .modal-overlay,.client-panel .success-notification{animation:none}.client-panel .exit-button:hover,.client-panel .form-input,.client-panel .form-select,.client-panel .radio-label,.client-panel .submit-button:hover{transition:none}}@media print{.client-panel .pdf-filler-container{background:#fff;padding:0}.client-panel .language-switcher-container{display:none}.client-panel .form-container{border:none;box-shadow:none}.client-panel .add-field-btn,.client-panel .exit-button,.client-panel .remove-field-btn,.client-panel .submit-button{display:none}.client-panel .form-section{page-break-inside:avoid}}.form-preview-overlay{align-items:flex-start;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.form-preview-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;margin:20px 0;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.form-preview-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.form-preview-header h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:all .2s ease;width:35px}.close-btn:hover{background:#e2e8f0;color:#2d3748}.submission-info{background:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;margin-bottom:20px;padding:12px 16px}.submission-info p{color:#2b6cb0;font-size:.9rem;margin:0 0 8px}.submission-info p:last-child{margin-bottom:0}.form-preview-content{flex:1 1;overflow-y:auto;padding:20px}.form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:30px;padding:20px}.section-title{border-bottom:2px solid #3182ce;color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.form-group{margin-bottom:20px}.form-label{font-size:.95rem;font-weight:500;margin-bottom:8px}.form-input,.form-select{background:#fff;border:2px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-input.disabled,.form-select.disabled{background-color:#f7fafc;color:#718096;cursor:not-allowed}.radio-group{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}.radio-label{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:8px}.radio-input{cursor:pointer;height:16px;width:16px}.radio-input:disabled{cursor:not-allowed}.family-member-container{background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:20px;padding:20px}.family-member-header{margin-bottom:16px}.family-member-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.family-member-fields{grid-gap:16px;display:grid;gap:16px}.previous-stay-field{background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:20px;padding:20px}.previous-stay-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 16px}.previous-stay-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.travel-field{background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:20px;padding:20px}.travel-field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.travel-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.travel-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-preview-actions{background:#f8fafc;border-top:1px solid #e2e8f0;gap:12px;padding:20px}.form-preview-actions button{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:#e2e8f0!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-radius:6px!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;box-sizing:border-box!important;caption-side:top!important;clear:none!important;color:#000!important;color:#4a5568!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;cursor:pointer!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-size:.9rem!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:500!important;height:auto!important;height:40px!important;-webkit-hyphens:none!important;hyphens:none!important;justify-content:center!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;transition:all .2s ease!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;width:140px!important;word-spacing:normal!important;z-index:auto!important}.form-preview-actions button.btn-primary{background:#3182ce!important;color:#fff!important}.form-preview-actions button:hover{opacity:.8!important}.form-preview-actions button:disabled{cursor:not-allowed!important;opacity:.6!important}.btn-secondary{color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-primary{background:#3182ce}.btn-primary:hover{background:#2c5282}.loading-container{color:#718096;padding:40px}.loading-container h3{color:#4a5568;margin-bottom:20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3182ce;height:40px;width:40px}.error-notification{background:#fed7d7;border:1px solid #fc8181;border-radius:6px;color:#c53030;margin-bottom:20px;padding:12px 16px}.success-notification{background:#c6f6d5;border:1px solid #68d391;border-radius:6px;color:#2f855a;margin-bottom:20px;padding:12px 16px}.error-notification p,.success-notification p{font-weight:500;margin:0}@media (max-width:768px){.form-preview-overlay{padding:10px}.form-preview-container{margin:10px 0;max-height:95vh}.form-preview-content,.form-preview-header{padding:16px}.previous-stay-fields,.travel-fields{grid-template-columns:1fr}.radio-group{gap:12px}.form-preview-actions,.radio-group{flex-direction:column}}.required{color:#e53e3e;font-weight:700}.radio-text{-webkit-user-select:none;user-select:none}.form-input:not(.disabled):hover,.form-select:not(.disabled):hover{border-color:#a0aec0}textarea.form-input{min-height:80px;resize:vertical}input[type=date].form-input{cursor:pointer}input[type=date].form-input.disabled{cursor:not-allowed}.btn-spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}.form-preview-actions{align-items:center;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:1rem;justify-content:flex-end;padding:1rem}.form-preview-actions .btn{min-width:140px}.btn-icon{margin-right:.5rem}.cfm-container{background:#fff;border:2px solid #e8e4df;border-radius:12px;margin-top:1.5rem;overflow:hidden}.cfm-header{align-items:center;background:#fafafa;border-bottom:1px solid #e8e4df;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.cfm-header h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0}.cfm-stats{color:#64748b;font-size:.8125rem;font-weight:500}.cfm-toolbar{background:#f8f6f3;border-bottom:1px solid #e8e4df;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.cfm-toolbar,.cfm-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.cfm-toolbar-left{flex:1 1;gap:.75rem}.cfm-toolbar-right{align-items:center;display:flex;gap:.75rem}.cfm-search{flex:1 1;max-width:280px;min-width:180px;position:relative}.cfm-search-icon{font-size:.875rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cfm-search input{background:#fff;border:2px solid #e8e4df;border-radius:6px;font-family:inherit;font-size:.875rem;padding:.5rem 2rem .5rem 2.25rem;transition:all .2s ease;width:100%}.cfm-search input:focus{border-color:#0f172a;outline:none}.cfm-search input::placeholder{color:#94a3b8}.cfm-search-clear{align-items:center;background:#e8e4df;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;height:20px;justify-content:center;line-height:1;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.cfm-search-clear:hover{background:#cbd5e1;color:#0f172a}.cfm-select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") right .5rem center/1.25rem no-repeat;border:2px solid #e8e4df;border-radius:6px;color:#0f172a;cursor:pointer;font-family:inherit;font-size:.8125rem;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease}.cfm-select:focus{border-color:#0f172a;outline:none}.cfm-bulk-actions{align-items:center;background:#0f172a;border-radius:6px;display:flex;gap:.5rem;padding:.375rem .75rem}.cfm-bulk-count{border-right:1px solid #fff3;color:#fff;font-size:.8125rem;font-weight:500;padding-right:.5rem}.cfm-bulk-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .625rem;transition:all .2s ease}.cfm-bulk-download{background:#ffffff26;color:#fff}.cfm-bulk-download:hover{background:#ffffff40}.cfm-bulk-delete{background:#dc2626;color:#fff}.cfm-bulk-delete:hover{background:#b91c1c}.cfm-bulk-clear{background:#0000;color:#ffffffb3;padding:.375rem}.cfm-bulk-clear:hover{color:#fff}.cfm-dropzone{background:#fafafa;border:2px dashed #e8e4df;border-radius:10px;margin:1rem 1.5rem;padding:2rem;text-align:center;transition:all .2s ease}.cfm-dropzone.active{background:#b8956a0d;border-color:#b8956a}.cfm-dropzone.uploading{background:#0f172a05;border-color:#0f172a}.cfm-dropzone-icon{font-size:2rem;margin-bottom:.5rem}.cfm-dropzone-text{color:#64748b;font-size:.9375rem;margin-bottom:.375rem}.cfm-dropzone-link{color:#0f172a;cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px}.cfm-dropzone-link:hover{color:#b8956a}.cfm-dropzone-hint{color:#94a3b8;font-size:.75rem}.cfm-upload-progress{align-items:center;display:flex;flex-direction:column;gap:.75rem}.cfm-progress-bar{background:#e8e4df;border-radius:4px;height:8px;max-width:300px;overflow:hidden;width:100%}.cfm-progress-fill{background:#0f172a;border-radius:4px;height:100%;transition:width .3s ease}.cfm-upload-progress span{color:#0f172a;font-size:.875rem;font-weight:500}.cfm-files-list{padding:0 1.5rem 1.5rem}.cfm-empty{color:#94a3b8;padding:3rem 1rem;text-align:center}.cfm-empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.cfm-empty-text{font-size:.9375rem}.cfm-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1rem}.cfm-error button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8125rem;padding:.375rem .75rem}.cfm-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.cfm-spinner{animation:cfm-spin .8s linear infinite;border:3px solid #e8e4df;border-radius:50%;border-top-color:#0f172a;height:32px;width:32px}@keyframes cfm-spin{to{transform:rotate(1turn)}}.cfm-file-group{border:1px solid #e8e4df;border-radius:8px;margin-bottom:1rem;overflow:hidden}.cfm-file-group:last-child{margin-bottom:0}.cfm-group-header{align-items:center;background:#fafafa;cursor:pointer;display:flex;justify-content:space-between;padding:.875rem 1rem;transition:background .2s ease;-webkit-user-select:none;user-select:none}.cfm-group-header:hover{background:#f1f5f9}.cfm-group-left{align-items:center;display:flex;gap:.75rem}.cfm-group-left input[type=checkbox]{accent-color:#0f172a;cursor:pointer;height:16px;width:16px}.cfm-group-icon{font-size:1rem}.cfm-group-title{color:#0f172a;font-size:.875rem;font-weight:600}.cfm-group-count{color:#64748b;font-size:.8125rem;font-weight:500}.cfm-group-toggle{background:none;border:none;color:#64748b;cursor:pointer;font-size:.75rem;padding:.25rem;transition:transform .2s ease}.cfm-group-toggle.expanded{transform:rotate(180deg)}.cfm-group-internal .cfm-group-header{border-left:3px solid #64748b}.cfm-group-shared .cfm-group-header{border-left:3px solid #b8956a}.cfm-group-content{background:#fff}.cfm-empty-group{color:#94a3b8;font-size:.875rem;padding:1.5rem;text-align:center}.cfm-file-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.875rem;padding:.875rem 1rem;transition:background .15s ease}.cfm-file-item:last-child{border-bottom:none}.cfm-file-item:hover{background:#f8f6f3}.cfm-file-item.selected{background:#b8956a14}.cfm-file-item.processing{opacity:.6;pointer-events:none}.cfm-file-checkbox input[type=checkbox]{accent-color:#0f172a;cursor:pointer;height:16px;width:16px}.cfm-file-icon{align-items:center;background:#f8f6f3;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.cfm-file-info{flex:1 1;min-width:0}.cfm-file-name{color:#0f172a;font-size:.9375rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfm-file-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem}.cfm-meta-separator{color:#cbd5e1}.cfm-file-actions{align-items:center;display:flex;gap:.375rem;opacity:.6;transition:opacity .15s ease}.cfm-file-item:hover .cfm-file-actions{opacity:1}.cfm-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .15s ease;width:32px}.cfm-action-btn:disabled{cursor:not-allowed;opacity:.4}.cfm-action-preview:hover{background:#dbeafe}.cfm-action-download:hover{background:#dcfce7}.cfm-action-delete:hover{background:#fee2e2}@media (max-width:768px){.cfm-toolbar,.cfm-toolbar-left{align-items:stretch;flex-direction:column}.cfm-search{max-width:none}.cfm-toolbar-left .cfm-select{width:100%}.cfm-bulk-actions{flex-wrap:wrap;justify-content:center}.cfm-file-actions{opacity:1}.cfm-file-meta{align-items:flex-start;flex-direction:column;gap:.125rem}.cfm-meta-separator{display:none}}@media (max-width:480px){.cfm-header{align-items:flex-start;flex-direction:column;gap:.5rem}.cfm-dropzone{margin:.75rem;padding:1.5rem 1rem}.cfm-files-list{padding:0 .75rem .75rem}.cfm-file-item{gap:.625rem;padding:.75rem}.cfm-file-icon{font-size:1.25rem;height:36px;width:36px}.cfm-file-name{font-size:.875rem}.cfm-action-btn{height:36px;width:36px}}.cfm-modal-overlay{align-items:center;animation:cfm-fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cfm-modal{animation:cfm-slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:24px;text-align:center;width:90%}.cfm-modal-icon{font-size:48px;margin-bottom:16px}.cfm-modal-title{color:#1a1a2e;font-size:1.25rem;margin:0 0 12px}.cfm-modal-text{color:#666;font-size:.95rem;margin:0 0 8px}.cfm-modal-filename{background:#f5f5f5;border-radius:6px;color:#333;font-size:.85rem;margin:0 0 20px;padding:8px 12px;word-break:break-all}.cfm-modal-actions{display:flex;gap:12px;justify-content:center}.cfm-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.cfm-modal-btn-cancel{background:#e8e8e8;color:#333}.cfm-modal-btn-cancel:hover{background:#d8d8d8}.cfm-modal-btn-delete{background:#dc3545;color:#fff}.cfm-modal-btn-delete:hover{background:#c82333}@keyframes cfm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cfm-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cfs-container{background:#fff;border:2px solid #e8e4df;border-radius:12px;margin-top:1.5rem;overflow:hidden}.cfs-header{align-items:center;background:#fafafa;border-bottom:1px solid #e8e4df;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background .2s ease;-webkit-user-select:none;user-select:none}.cfs-header:hover{background:#f1f5f9}.cfs-header h4{color:#0f172a;font-size:.9375rem;font-weight:600;margin:0}.cfs-header-right{align-items:center;display:flex;gap:.625rem}.cfs-file-count{background:#e8e4df;border-radius:12px;color:#0f172a;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.cfs-toggle{background:none;border:none;color:#64748b;cursor:pointer;font-size:.75rem;padding:.25rem;transition:transform .2s ease}.cfs-toggle.expanded{transform:rotate(180deg)}.cfs-content{padding:1rem}.cfs-dropzone{background:#fafafa;border:2px dashed #e8e4df;border-radius:8px;margin-bottom:1rem;padding:1.25rem;text-align:center;transition:all .2s ease}.cfs-dropzone.active{background:#b8956a0d;border-color:#b8956a}.cfs-dropzone.uploading{background:#0f172a05;border-color:#0f172a}.cfs-dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.375rem}.cfs-dropzone-icon{font-size:1.5rem}.cfs-dropzone-text{color:#64748b;font-size:.875rem}.cfs-dropzone-link{color:#0f172a;cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px}.cfs-dropzone-link:hover{color:#b8956a}.cfs-dropzone-hint{color:#94a3b8;font-size:.6875rem}.cfs-upload-progress{align-items:center;display:flex;flex-direction:column;gap:.5rem}.cfs-progress-bar{background:#e8e4df;border-radius:3px;height:6px;max-width:200px;overflow:hidden;width:100%}.cfs-progress-fill{background:#0f172a;border-radius:3px;height:100%;transition:width .3s ease}.cfs-upload-progress span{color:#0f172a;font-size:.8125rem;font-weight:500}.cfs-files{display:flex;flex-direction:column;gap:.75rem}.cfs-loading{display:flex;justify-content:center;padding:2rem}.cfs-spinner{animation:cfs-spin .8s linear infinite;border:2px solid #e8e4df;border-radius:50%;border-top-color:#0f172a;height:24px;width:24px}@keyframes cfs-spin{to{transform:rotate(1turn)}}.cfs-group{border:1px solid #e8e4df;border-radius:8px;overflow:hidden}.cfs-group-header{align-items:center;background:#fafafa;border-bottom:1px solid #e8e4df;display:flex;gap:.5rem;padding:.75rem 1rem}.cfs-group-icon{font-size:.875rem}.cfs-group-title{color:#0f172a;font-size:.8125rem;font-weight:600}.cfs-group-count{color:#64748b;font-size:.75rem}.cfs-group-content{background:#fff}.cfs-empty-group{color:#94a3b8;font-size:.8125rem;padding:1.25rem;text-align:center}.cfs-file-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .15s ease}.cfs-file-item:last-child{border-bottom:none}.cfs-file-item:hover{background:#f8f6f3}.cfs-file-item.processing{opacity:.6;pointer-events:none}.cfs-file-icon{align-items:center;background:#f8f6f3;border-radius:6px;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;width:36px}.cfs-file-info{flex:1 1;min-width:0}.cfs-file-name{color:#0f172a;font-size:.875rem;font-weight:500;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfs-file-meta{color:#64748b;font-size:.6875rem}.cfs-file-actions{align-items:center;display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.cfs-file-item:hover .cfs-file-actions{opacity:1}.cfs-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.8125rem;height:28px;justify-content:center;transition:all .15s ease;width:28px}.cfs-action-btn:disabled{cursor:not-allowed;opacity:.4}.cfs-action-btn:not(.cfs-action-delete):hover{background:#e8e4df}.cfs-action-delete:hover{background:#fee2e2}.client-panel .cfs-dropzone,.client-panel .cfs-header{background:#f8f6f3}@media (max-width:480px){.cfs-header{padding:.875rem 1rem}.cfs-header h4{font-size:.875rem}.cfs-content{padding:.75rem}.cfs-dropzone{padding:1rem}.cfs-dropzone-icon{font-size:1.25rem}.cfs-dropzone-text{font-size:.8125rem}.cfs-file-item{gap:.5rem;padding:.625rem .75rem}.cfs-file-icon{font-size:1rem;height:32px;width:32px}.cfs-file-name{font-size:.8125rem}.cfs-file-actions{opacity:1}.cfs-action-btn{height:32px;width:32px}}.cfs-modal-overlay{align-items:center;animation:cfs-fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cfs-modal{animation:cfs-slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:24px;text-align:center;width:90%}.cfs-modal-icon{font-size:48px;margin-bottom:16px}.cfs-modal-title{color:#1a1a2e;font-size:1.25rem;margin:0 0 12px}.cfs-modal-text{color:#666;font-size:.95rem;margin:0 0 8px}.cfs-modal-filename{background:#f5f5f5;border-radius:6px;color:#333;font-size:.85rem;margin:0 0 20px;padding:8px 12px;word-break:break-all}.cfs-modal-actions{display:flex;gap:12px;justify-content:center}.cfs-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.cfs-modal-btn-cancel{background:#e8e8e8;color:#333}.cfs-modal-btn-cancel:hover{background:#d8d8d8}.cfs-modal-btn-delete{background:#dc3545;color:#fff}.cfs-modal-btn-delete:hover{background:#c82333}@keyframes cfs-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cfs-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dfs-section{background:#fff;border:1px solid #e8e4df;border-radius:12px;overflow:hidden}.dfs-header{align-items:center;background:#faf9f7;border-bottom:1px solid #e8e4df;display:flex;justify-content:space-between;padding:1rem 1.25rem}.dfs-header h3{color:#0f172a;font-size:.9375rem;font-weight:600;margin:0}.dfs-actions{position:relative}.dfs-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dfs-menu-btn:hover{background:#e8e4df;color:#0f172a}.dfs-menu{animation:dfsFadeIn .15s ease;background:#fff;border:1px solid #e8e4df;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:.25rem;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}@keyframes dfsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dfs-menu-item{align-items:center;background:#0000;border:none;color:#0f172a;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;text-align:left;transition:all .15s ease;width:100%}.dfs-menu-item:hover{background:#f8f6f3}.dfs-menu-item svg{color:#64748b}.dfs-body{padding:0}.dfs-fields-view{padding:.5rem 0}.dfs-field-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;padding:.75rem 1.25rem}.dfs-field-row:last-child{border-bottom:none}.dfs-field-label{color:#64748b;flex:0 0 140px;font-size:.8125rem;font-weight:500;padding-top:.125rem}.dfs-field-value-container{flex:1 1;min-width:0}.dfs-field-value{color:#0f172a;font-size:.875rem;word-break:break-word}.dfs-field-value.clickable{border-radius:4px;cursor:pointer;margin:-.25rem -.5rem;padding:.25rem .5rem;transition:background .15s ease}.dfs-field-value.clickable:hover{background:#f8f6f3}.dfs-field-value.placeholder{color:#94a3b8;font-style:italic}.dfs-password-value{align-items:center;display:flex;gap:.5rem}.dfs-copy-btn{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.dfs-copy-btn:hover{background:#e8e4df;color:#0f172a}.dfs-edit-input{background:#fff;border:1.5px solid #0f172a;border-radius:6px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.dfs-edit-input:focus{box-shadow:0 0 0 3px #0f172a14;outline:none}textarea.dfs-edit-input{min-height:60px;resize:vertical}.dfs-checkbox{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.dfs-checkbox input[type=checkbox]{accent-color:#0f172a;height:18px;width:18px}.dfs-fields-editor{padding:1rem 1.25rem}.dfs-editor-row{align-items:center;background:#f8f6f3;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.dfs-editor-row:hover{background:#f1f5f9}.dfs-editor-drag{color:#94a3b8;cursor:grab;padding:.25rem}.dfs-editor-drag:active{cursor:grabbing}.dfs-editor-inputs{display:flex;flex:1 1;gap:.75rem}.dfs-editor-name{background:#fff;border:1.5px solid #e8e4df;border-radius:6px;color:#0f172a;flex:1 1;font-family:inherit;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.dfs-editor-name:focus{border-color:#0f172a;outline:none}.dfs-editor-type{background:#fff;border:1.5px solid #e8e4df;border-radius:6px;color:#0f172a;cursor:pointer;font-family:inherit;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease;width:140px}.dfs-editor-type:focus{border-color:#0f172a;outline:none}.dfs-editor-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dfs-editor-delete:hover{background:#fef2f2;color:#dc2626}.dfs-add-field-btn{align-items:center;background:#0000;border:2px dashed #e8e4df;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem;transition:all .2s ease;width:100%}.dfs-add-field-btn:hover{background:#faf9f7;border-color:#0f172a;color:#0f172a}.dfs-edit-actions{background:#faf9f7;border-top:1px solid #e8e4df;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.dfs-edit-btn{border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.dfs-edit-btn-cancel{background:#fff;border:1.5px solid #e8e4df;color:#64748b}.dfs-edit-btn-cancel:hover{background:#f8f6f3;color:#0f172a}.dfs-edit-btn-save{background:#0f172a;border:none;color:#fff}.dfs-edit-btn-save:hover:not(:disabled){background:#1e293b}.dfs-edit-btn-save:disabled{cursor:not-allowed;opacity:.5}.dfs-no-fields{color:#64748b;font-size:.875rem;padding:2rem 1.25rem;text-align:center}.dfs-no-fields button{background:none;border:none;color:#0f172a;cursor:pointer;font-family:inherit;font-weight:500;text-decoration:underline}.dfs-no-fields button:hover{text-decoration:none}@media (max-width:640px){.dfs-field-row{flex-direction:column;gap:.25rem}.dfs-field-label{flex:none}.dfs-editor-inputs{flex-direction:column;gap:.5rem}.dfs-editor-type{width:100%}}.rich-text-editor{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:visible;position:relative;transition:border-color .2s,box-shadow .2s}.rich-text-editor:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.rich-text-editor.readonly{background:#0000;border:none}.editor-toolbar{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:8px;padding:8px}.editor-toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{border-right:1px solid #e5e7eb;gap:2px;padding-right:8px}.toolbar-group:last-child{border-right:none}.toolbar-group.spacer{border-right:none;flex-grow:1}.editor-toolbar button{align-items:center;background:none;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;min-width:28px;padding:4px 6px;transition:background-color .2s,color .2s}.editor-toolbar button:hover{background-color:#e5e7eb;color:#111827}.editor-toolbar button.is-active{background-color:#e0e7ff;color:#2563eb}.editor-toolbar button:disabled{cursor:not-allowed;opacity:.5}.color-btn{border:1px solid #e5e7eb!important;border-radius:50%!important;height:20px!important;margin:0 2px;min-width:20px!important;padding:0!important;width:20px!important}.color-btn.is-active{border:2px solid #2563eb!important;transform:scale(1.1)}.tiptap-container{display:flex;flex-direction:column;flex-grow:1}.editor-content-area{color:#1f2937;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.5;max-height:300px;min-height:80px;outline:none;overflow-y:auto;padding:12px}.editor-content-area p{margin:0 0 .5em}.editor-content-area p:last-child{margin-bottom:0}.editor-content-area ol,.editor-content-area ul{margin:.5em 0;padding-left:1.5em}.editor-content-area strong{font-weight:700}.editor-content-area em{font-style:italic}.relative-group{position:relative}.emoji-btn{font-size:18px!important}.emoji-picker-popover{border-radius:8px;bottom:100%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:8px;position:absolute;right:0;z-index:1000}.picker-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.editor-content-area::-webkit-scrollbar{width:6px}.editor-content-area::-webkit-scrollbar-track{background:#0000}.editor-content-area::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.editor-content-area p.is-editor-empty:first-child:before{color:#9ca3af;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.mention{background-color:#e0e7ff;border-radius:.4rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#3730a3;font-weight:600;padding:.1rem .3rem}.mention-list{background:#fff;border-radius:.5rem;box-shadow:0 0 0 1px #0000000d,0 10px 15px -3px #0000001a;font-size:.9rem;min-width:180px;overflow:hidden;padding:.2rem;position:relative;z-index:9999}.mention-item{background:#0000;border:1px solid #0000;border-radius:.4rem;color:#374151;cursor:pointer;display:block;margin:0;padding:.4rem .8rem;text-align:left;width:100%}.mention-item.is-selected{background-color:#f3f4f6;border-color:#e5e7eb;color:#111827}.doc-generator-modal{display:flex;flex-direction:column;max-height:90vh;max-width:800px!important;width:90%}.upload-zone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:all .2s}.upload-zone:hover{background:#eff6ff;border-color:#3b82f6}.upload-icon{font-size:48px;margin-bottom:16px}.step-loading{padding:40px;text-align:center}.spinner{animation:spin 2s linear infinite;display:inline-block;font-size:40px;margin-bottom:20px}.fields-scroll-container{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;max-height:300px;overflow-y:auto}.fields-table{border-collapse:collapse;width:100%}.fields-table th{background:#f1f5f9;color:#64748b;font-size:.85rem;padding:12px;position:sticky;text-align:left;top:0}.fields-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px}.field-tag{background:#e0e7ff;border-radius:4px;color:#3730a3;font-family:monospace;font-size:.9rem;padding:2px 6px}.badge-new{background:#fef3c7;border-radius:10px;color:#92400e;font-size:.7rem;font-weight:700;margin-left:8px;padding:2px 6px;text-transform:uppercase}.field-input{border:1px solid #cbd5e1;border-radius:4px;padding:8px;width:100%}.row-missing{background-color:#fffbeb}.options-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.option-group{margin-bottom:10px}.main-checkbox{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:10px}.option-desc{color:#64748b;font-size:.85rem;margin-left:26px;margin-top:4px}.template-details{grid-gap:12px;border-top:1px solid #e2e8f0;display:grid;gap:12px;margin-left:26px;margin-top:12px;padding-top:12px}.checkbox-save{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.85rem;gap:6px}.fade-in{animation:fadeIn .3s ease-in}.case-assignees{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1rem}.ca-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.ca-header h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.ca-add-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;padding:.375rem .75rem;transition:background .2s}.ca-add-btn:hover{background:#1d4ed8}.ca-empty,.ca-loading{color:#6b7280;font-size:.875rem;padding:1rem 0;text-align:center}.ca-list{display:flex;flex-direction:column;gap:.5rem}.ca-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:.75rem;padding:.5rem;transition:background .2s}.ca-item:hover{background:#f3f4f6}.ca-avatar{align-items:center;background:#1a365d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:36px;justify-content:center;width:36px}.ca-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.ca-name{color:#1f2937;font-size:.875rem;font-weight:500}.ca-meta{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem}.ca-date{color:#9ca3af;font-size:.6875rem}.ca-badge{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:.625rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.ca-remove-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:.875rem;height:28px;justify-content:center;transition:all .2s;width:28px}.ca-remove-btn:hover:not(:disabled){background:#fee2e2;color:#dc2626}.ca-remove-btn:disabled{cursor:not-allowed;opacity:.4}.ca-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ca-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.ca-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.ca-modal-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.ca-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.ca-modal-close:hover{background:#f3f4f6;color:#1f2937}.ca-modal-body{max-height:400px;overflow-y:auto;padding:1rem}.ca-available-list{display:flex;flex-direction:column;gap:.5rem}.ca-available-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.ca-available-item:hover{background:#f0fdf4;border-color:#22c55e}.ca-add-icon{color:#22c55e;font-size:1.25rem;font-weight:600}.ca-adding{color:#6b7280;font-size:.875rem}@media (max-width:640px){.case-assignees{padding:.75rem}.ca-header h3{font-size:.9375rem}.ca-item{padding:.375rem}.ca-avatar{font-size:.6875rem;height:32px;width:32px}.ca-name{font-size:.8125rem}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #0f172a;outline-offset:2px}.case-details,.employee-case-details{min-height:100vh}.comments-container,.messages-container,.notes-content{-webkit-overflow-scrolling:touch}.case-details,.employee-case-details{background:#f8f6f3;min-height:100vh}.case-details{max-width:100%;transition:padding-right .3s cubic-bezier(.4,0,.2,1);width:100%}.case-details.notes-open{padding-right:420px}.case-header{background:#fff;border-bottom:1px solid #e8e4df;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:90}.header-content{align-items:center;gap:2rem;margin:0 auto;max-width:100%;padding:1.5rem 3rem}.back-btn{align-items:center;background:#fff;border:2px solid #e8e4df;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.back-btn svg{flex-shrink:0;height:20px;width:20px}.back-btn:hover{background:#f8f6f3;border-color:#0f172a;transform:translateX(-2px)}.case-title-section{flex:1 1}.case-title-section h1{color:#0f172a;font-size:1.625rem;font-weight:600;letter-spacing:-.5px;margin:0 0 .5rem}.status-badge{background:#b8956a1a;border-radius:16px;color:#b8956a;gap:.5rem;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.case-navigation{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #e8e4df;overflow-x:auto}.case-navigation::-webkit-scrollbar{height:0}.nav-tabs{display:flex;gap:0;margin:0 auto;max-width:100%;min-width:min-content;padding:0 3rem}.nav-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:600;gap:.625rem;padding:1rem 1.5rem;position:relative;transition:all .2s ease;white-space:nowrap}.nav-tab.active,.nav-tab:hover{background:#f8f6f3;color:#0f172a}.nav-tab.active{border-bottom-color:#0f172a}.tab-indicator{background:#dc2626;border-radius:50%;height:8px;position:absolute;right:.625rem;top:.625rem;width:8px}.case-main{margin:0 auto;max-width:100%;padding:3rem;width:100%}@media (max-width:1024px){.case-main{padding:2rem}}@media (max-width:768px){.case-main{padding:1.5rem}}@media (max-width:480px){.case-main{padding:1rem}}.alert-error{border-left:4px solid #dc2626}.overview-content{margin:0 auto;max-width:100%;padding:0;width:100%}.overview-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr}.overview-main{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.overview-sidebar{max-height:calc(100vh - 2rem);overflow-y:auto;position:sticky;top:1rem}.drive-edit-form{align-items:center;display:flex;gap:.5rem}.drive-input{border:2px solid #e8e4df;border-radius:6px;flex:1 1;font-family:inherit;font-size:.875rem;min-width:250px;padding:.625rem .875rem;transition:all .2s ease}.drive-input:focus{border-color:#0f172a;outline:none}.drive-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.drive-btn-primary{background:#0f172a;color:#fff}.drive-btn-primary:hover:not(:disabled){background:#1e293b}.drive-btn-primary:disabled{cursor:not-allowed;opacity:.5}.drive-btn-secondary{background:#fff;border:2px solid #e8e4df;color:#64748b}.drive-btn-secondary:hover{background:#f8f6f3;border-color:#cbd5e1;color:#0f172a}.drive-link-group,.drive-link-main{align-items:center;display:flex;gap:.5rem}.drive-link-main{background:#f8f6f3;border:2px solid #e8e4df;border-radius:6px;color:#0f172a;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.drive-link-main:hover{background:#fff;border-color:#4285f4;color:#4285f4}.drive-icon{flex-shrink:0}.drive-icon-btn{align-items:center;background:#fff;border:2px solid #e8e4df;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.drive-icon-btn:hover{background:#f8f6f3;border-color:#cbd5e1;color:#0f172a}.drive-icon-btn-danger{border-color:#fecaca;color:#dc2626}.drive-icon-btn-danger:hover{background:#fef2f2;border-color:#dc2626}.drive-add-btn{align-items:center;background:#0f172a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.drive-add-btn:hover{background:#1e293b}.actions-card,.client-card-employee,.client-status-card,.form-status-card,.info-card{background:#fff;border:2px solid #e8e4df;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.actions-card:hover,.client-card-employee:hover,.info-card:hover,.status-card:hover{border-color:#b8956a;box-shadow:0 4px 12px #0000000d}.client-status-card{grid-column:1/-1}.card-header{background:#fafafa;border-bottom:1px solid #e8e4df;padding:1.5rem 2rem}.card-header h3{color:#0f172a;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-body{padding:2rem}.detail-label{font-size:.875rem;font-weight:500}.detail-value{font-size:.875rem;font-weight:600}.info-row{align-items:flex-start;border-bottom:1px solid #f8f6f3;gap:2.5rem;padding:1rem 0}.info-label{flex-shrink:0;font-size:.875rem;font-weight:730;min-width:180px}.info-value{word-wrap:break-word;align-items:center;display:flex;flex:1 1;font-size:.9375rem;-webkit-hyphens:auto;hyphens:auto;justify-content:flex-end;line-height:1.5;min-width:0;overflow-wrap:break-word;text-align:right;word-break:break-word}.editable-value{border-radius:4px;cursor:pointer;display:inline-block;padding:.25rem .5rem;transition:all .2s ease}.editable-value:hover{background:#f8f6f3;color:#0f172a}.placeholder-text{color:#94a3b8;font-style:italic}.inline-date-input{border:2px solid #0f172a;border-radius:6px;font-family:inherit;font-size:.875rem;padding:.5rem .75rem}.notes-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1050}.notes-overlay.visible{opacity:1;visibility:visible}.notes-toggle-btn{align-items:center;background:#0f172a;border:none;border-radius:50%;bottom:2rem;box-shadow:0 8px 24px #0f172a4d;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px;z-index:1000}.notes-toggle-btn:hover{background:#1e293b;box-shadow:0 12px 32px #0f172a66;transform:scale(1.1)}.notes-count-badge{align-items:center;background:#b8956a;border-radius:10px;color:#fff;display:flex;font-size:.6875rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:2px 6px;position:absolute;right:8px;top:8px}.notes-sidebar{background:#fff;bottom:0;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:-450px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:420px;z-index:1051}.notes-sidebar.open{right:0}.notes-header{align-items:center;border-bottom:1px solid #e8e4df;display:flex;flex-shrink:0;justify-content:space-between;padding:2rem}.notes-header h3{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0}.notes-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.notes-close:hover{background:#f8f6f3;color:#0f172a}.notes-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.notes-content::-webkit-scrollbar{width:6px}.notes-content::-webkit-scrollbar-track{background:#f8f6f3}.notes-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.no-notes{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px;text-align:center}.no-notes svg{opacity:.3}.note-item{animation:slideIn .3s ease;background:#f8f6f3;border:1px solid #e8e4df;border-radius:8px;padding:1rem;position:relative}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.note-author{color:#0f172a;font-size:.8125rem;font-weight:600}.note-time{color:#94a3b8;font-size:.75rem}.note-content{color:#0f172a;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.note-options{position:absolute;right:.75rem;top:.75rem}.note-options-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;padding:0;transition:all .2s ease;width:24px}.note-item:hover .note-options-btn{opacity:1}.note-options-btn:hover{background:#f1f5f9;color:#0f172a}.note-options-menu{animation:slideIn .15s ease;background:#fff;border:1px solid #e8e4df;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:.25rem;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.note-options-item{align-items:center;background:#0000;border:none;color:#0f172a;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;text-align:left;transition:all .15s ease;width:100%}.note-options-item:hover{background:#f8f6f3}.note-options-item svg{flex-shrink:0}.note-options-delete{border-top:1px solid #f1f5f9;color:#dc2626}.note-options-delete:hover{background:#fef2f2}.note-edit-textarea{background:#fff;border:2px solid #e8e4df;border-radius:6px;color:#0f172a;font-family:inherit;font-size:.875rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.note-edit-textarea:focus{border-color:#0f172a;outline:none}.note-edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.note-edit-cancel,.note-edit-save{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.note-edit-save{background:#0f172a;color:#fff}.note-edit-save:hover{background:#1e293b}.note-edit-cancel{background:#f1f5f9;color:#64748b}.note-edit-cancel:hover{background:#e2e8f0}.notes-input-area{background:#fafafa;border-top:1px solid #e8e4df;flex-shrink:0;padding:1.5rem}.notes-textarea{border:2px solid #e8e4df;border-radius:6px;font-family:inherit;font-size:.875rem;margin-bottom:.75rem;padding:.75rem;resize:none;transition:all .2s ease;width:100%}.notes-textarea:focus{border-color:#0f172a;outline:none}.notes-footer{align-items:center;display:flex;justify-content:space-between}.char-counter{color:#94a3b8}.notes-send-btn{background:#0f172a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.notes-send-btn:hover:not(:disabled){background:#1e293b}.notes-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1600px){.case-details.notes-open{padding-right:380px}}@media (max-width:1400px){.case-details.notes-open{padding-right:360px}}@media (max-width:1200px){.case-details.notes-open{padding-right:340px}}@media (max-width:1280px){.overview-main{grid-template-columns:1fr}.notes-sidebar{width:380px}}@media (max-width:1600px){.case-details.notes-open .overview-main{grid-template-columns:1fr}}@media (max-width:1024px){.case-details.notes-open{padding-right:320px}.notes-sidebar{width:360px}.notes-header{padding:1.5rem}.notes-content,.notes-input-area{padding:1.25rem}}@media (max-width:768px){.case-details.notes-open{padding-right:0}.notes-sidebar{right:-100%;width:100%}.notes-sidebar.open{right:0}.notes-toggle-btn{bottom:1.5rem;height:56px;right:1.5rem;width:56px}.notes-header{padding:1.25rem}.notes-content,.notes-input-area{padding:1rem}}@media (max-width:480px){.notes-toggle-btn{bottom:1.25rem;height:52px;right:1.25rem;width:52px}.notes-count-badge{font-size:.625rem;height:18px;min-width:18px;right:6px;top:6px}.notes-header{padding:1rem}.notes-header h3{font-size:1.125rem}.notes-content{gap:.875rem}.note-item,.notes-content,.notes-input-area{padding:.875rem}.notes-textarea{font-size:.8125rem;padding:.625rem}.notes-send-btn{font-size:.8125rem;padding:.5rem 1rem}}.inline-edit-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.inline-input{border:2px solid #e8e4df;border-radius:6px;flex:1 1;font-family:inherit;font-size:.875rem;min-width:200px;padding:.5rem .75rem;transition:all .2s ease}.inline-input:focus{border-color:#0f172a;outline:none}.inline-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.inline-btn-save{background:#0f172a;color:#fff}.inline-btn-save:hover:not(:disabled){background:#1e293b}.inline-btn-save:disabled{cursor:not-allowed;opacity:.5}.inline-btn-cancel{background:#fff;border:2px solid #e8e4df;color:#0f172a}.inline-btn-cancel:hover{background:#f8f6f3;border-color:#cbd5e1}.drive-link-display{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.drive-link{color:#3b82f6;font-weight:500}.drive-link:hover{color:#2563eb;text-decoration:underline}.link-action-btn{background:#fff;border:1px solid #e8e4df;border-radius:4px;color:#0f172a;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.link-action-btn:hover{background:#f8f6f3;border-color:#cbd5e1}.link-action-delete{border-color:#fecaca;color:#dc2626}.link-action-delete:hover{background:#fef2f2;border-color:#dc2626}.add-link-btn{background:#0f172a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.add-link-btn:hover{background:#1e293b}.client-info h4{color:#0f172a;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .375rem}.client-role{color:#64748b;font-size:.875rem}.client-contact,.client-role{line-height:1.4;margin:0 0 .25rem}.client-contact{color:#94a3b8;font-size:.8125rem}.client-contact:last-child{margin-bottom:0}.client-detail-row:last-child{border-bottom:none}.checkbox-label input[type=checkbox]{accent-color:#b8956a;cursor:pointer}.client-card-employee .card-body{display:flex;flex-direction:column}.form-status-display{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.form-status-pending,.form-status-success{background:#b8956a1a;border:2px solid #b8956a}.form-status-pending{min-height:auto}.status-icon{flex-shrink:0}.status-pending .status-icon,.status-success .status-icon{color:#b8956a}.status-text h4{color:#0f172a;font-size:1rem;font-weight:600;margin:0 0 .25rem}.status-text p{color:#64748b;font-size:.875rem;margin:0}.action-group{margin-bottom:1.5rem}.action-label{color:#0f172a;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.danger-zone{border-top:1px solid #e8e4df;margin-top:2rem;padding-top:1.5rem}.danger-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.danger-warning svg{flex-shrink:0}.danger-btn{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.danger-btn:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.danger-btn svg{height:16px;width:16px}.client-status-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr auto;margin-bottom:1.5rem}.save-status-btn{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;height:44px;padding:0 2rem;transition:all .2s ease;white-space:nowrap}.save-status-btn:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #0f172a4d;transform:translateY(-1px)}.save-status-btn:disabled{cursor:not-allowed;opacity:.5}.current-status-display{background:#f8f6f3;border:1px solid #e8e4df;border-radius:8px;padding:1.5rem}.current-status-label{color:#64748b;font-size:.8125rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.current-status-message{color:#0f172a;font-size:1rem;font-style:italic;font-weight:500;margin-bottom:.5rem}.current-status-time{color:#94a3b8;font-size:.8125rem}@media (max-width:1024px){.overview-grid,.overview-main{grid-template-columns:1fr}.overview-main{gap:1.5rem}.client-status-card{grid-column:1}}@media (max-width:768px){.card-header{padding:1rem 1.5rem}.card-body{padding:1.5rem}.info-row{align-items:flex-start;flex-direction:column;gap:.5rem}.info-label{min-width:auto}.info-value{text-align:left}.client-profile{align-items:center;display:flex;gap:1.5rem;margin-bottom:0}.client-status-form{grid-template-columns:1fr}.save-status-btn{width:100%}}.status-selector{margin-top:1rem}.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid #e8e4df;border-radius:8px;color:#0f172a;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0f172a;outline:none}.form-textarea{min-height:80px;resize:vertical}.drive-display,.drive-edit-container,.submission-display,.submission-edit-container{display:flex;flex-direction:column;gap:1rem}.drive-actions,.submission-actions{display:flex;gap:.75rem}.drive-link{align-items:center;background:#f8f6f3;border:1.5px solid #e8e4df;border-radius:8px;color:#0f172a;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1.25rem;text-decoration:none;transition:all .2s ease}.drive-link:hover{background:#fff;border-color:#0f172a;transform:translateY(-1px)}.submission-date-value{color:#0f172a;font-size:1rem;font-weight:600;padding:.875rem 0}.client-status-input-group{display:flex;gap:.75rem;margin-bottom:1.5rem}.client-status-input-group .form-input{flex:1 1}.current-client-status{background:#f8f6f3;border-left:4px solid #0f172a;border-radius:10px;padding:1.5rem}.status-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.status-value{color:#0f172a;font-size:1rem;font-weight:500;margin-bottom:.75rem}.status-date{color:#64748b;font-size:.875rem}.danger-zone{background:#fef2f2;border:2px solid #fecaca}.danger-zone h3{color:#dc2626}.danger-zone p{color:#dc2626;font-size:.875rem;margin-bottom:1rem}.form-content{animation:fadeIn .3s ease}.form-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:2rem}.form-header{align-items:center;border-bottom:1px solid #e8e4df;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.form-header h3{color:#0f172a;font-size:1.25rem;font-weight:600;letter-spacing:-.3px;margin:0}.form-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.form-status.completed{background:#10b9811a;color:#059669}.form-status.pending{background:#f59e0b1a;color:#d97706}.form-description{color:#64748b;line-height:1.7;margin-bottom:2rem}.form-description p{margin:0 0 .75rem}.copyable-value-group,.password-value-group{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;width:100%}.copyable-value,.password-value{background:#0000;border-radius:6px;cursor:pointer;padding:.375rem .75rem;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.copyable-value:hover,.password-value:hover{background:#f8f6f3}.copyable-value.copied,.password-value.copied{animation:copyPulse .4s ease;background:#b8956a26}@keyframes copyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.value-action-btn{align-items:center;background:#0000;border:1px solid #e8e4df;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:1;transition:all .2s ease;width:28px}.value-action-btn:hover{background:#f8f6f3;border-color:#cbd5e1;color:#0f172a}.edit-btn:hover{background:#f8f6f3;border-color:#b8956a;color:#0f172a}.toggle-password-btn{border-color:#cbd5e1}.toggle-password-btn:hover{background:#f8f6f3;border-color:#0f172a;color:#0f172a}.password-actions{display:flex;gap:.375rem}.password-edit-group{align-items:center;display:flex;gap:.5rem;width:100%}.copyable-value:after,.password-value:after{background:#0f172a;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;opacity:0;padding:.375rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.copyable-value:hover:after,.password-value:hover:after{opacity:0}.copyable-value.copied:after{content:"Skopiowano!";opacity:1;transform:translateX(-50%) translateY(-8px)}.chat-content,.internal-content{animation:fadeIn .3s ease}.chat-card,.internal-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;height:600px;max-height:70vh}.chat-header,.internal-header{border-bottom:1px solid #e8e4df;flex-shrink:0;padding:1.5rem 2rem}.chat-header h3,.internal-header h3{color:#0f172a;font-size:1.25rem;font-weight:600;letter-spacing:-.3px;margin:0}.comments-container,.messages-container{background:#f8f6f3;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:2rem}.comments-container::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.comments-container::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#e8e4df}.comments-container::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.no-comments,.no-messages{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:200px;text-align:center}.comment,.message{word-wrap:break-word;animation:messageIn .3s ease-out;display:flex;flex-direction:column;max-width:70%;overflow-wrap:break-word}.comment-employee,.message-employee{align-self:flex-start}.message-client{align-self:flex-end}.comment-header,.message-header{color:#64748b;display:flex;font-size:.75rem;gap:.75rem;margin-bottom:.5rem}.message-client .message-header{flex-direction:row-reverse}.comment-author,.message-sender{color:#0f172a;font-weight:600}.comment-content,.message-content{word-wrap:break-word;border-radius:12px;font-size:.9375rem;line-height:1.6;max-width:100%;overflow-wrap:break-word;padding:1rem 1.25rem;white-space:pre-wrap}.message-client .message-content{background:#0f172a;border-bottom-right-radius:4px;color:#fff}.comment-employee .comment-content,.message-employee .message-content{background:#fff;border:1px solid #e8e4df;border-bottom-left-radius:4px;color:#0f172a}.comment-form,.message-form{background:#fff;border-top:1px solid #e8e4df;flex-shrink:0;padding:1.5rem 2rem}.comment-input-container,.message-input-container{position:relative}.comment-input,.message-input{border:1.5px solid #e8e4df;border-radius:8px;font-family:inherit;font-size:.9375rem;max-height:120px;min-height:44px;padding:.875rem 4rem .875rem 1rem;resize:none;transition:border-color .2s ease;width:100%}.comment-input:focus,.message-input:focus{border-color:#0f172a;outline:none}.comment-btn,.send-btn{align-items:center;background:#0f172a;border:none;border-radius:8px;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:44px}.comment-btn:hover:not(:disabled),.send-btn:hover:not(:disabled){background:#1e293b}.comment-btn:disabled,.send-btn:disabled{cursor:not-allowed;opacity:.5}.char-counter{bottom:12px;color:#64748b;font-size:.75rem;position:absolute;right:60px}.char-counter.warning{color:#f59e0b}.char-counter.danger{color:#dc2626}.btn{padding:.875rem 1.5rem}.btn-primary:hover{background:#1e293b;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-secondary{border:1.5px solid #e8e4df}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 6px #dc262633;transform:translateY(-1px)}.toast{animation:slideIn .3s ease}.no-template-card{padding:3rem 2rem;text-align:center}.no-template-content{margin:0 auto;max-width:400px}.no-template-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.no-template-content h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.75rem}.no-template-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.assign-template-btn{align-items:center;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.assign-template-btn svg{height:18px;width:18px}.tab-indicator.add{background:var(--primary-color);color:#fff;font-size:.75rem;font-weight:700}.modal-small{max-width:500px}.template-preview{background:#f8fafc;border-left:3px solid var(--primary-color);border-radius:8px;margin-top:1rem;padding:1rem}.template-description{color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:1024px){.overview-grid{grid-template-columns:1fr}}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;padding:1.5rem}.case-navigation{position:sticky;top:0;z-index:10}.nav-tabs{gap:.5rem;padding:0 1rem}.nav-tab{font-size:.8125rem;padding:.875rem 1.25rem}.case-main{padding:1.5rem}.comment,.message{max-width:85%}.case-title-section h1{font-size:1.375rem}.chat-card,.internal-card{height:500px;max-height:60vh}.comments-container,.messages-container{gap:1.25rem;padding:1.5rem}.comment-form,.message-form{padding:1rem 1.5rem}}@media (max-width:480px){.header-content{gap:1rem;padding:1rem}.header-content>*{width:100%}.back-btn{font-size:.8125rem;padding:.625rem 1rem}.case-title-section h1{font-size:1.25rem}.status-badge{font-size:.6875rem;padding:.375rem .75rem}.nav-tabs{gap:.25rem;padding:0 .5rem}.nav-tab{font-size:.75rem;gap:.5rem;min-width:fit-content;padding:.75rem 1rem}.tab-indicator{height:6px;right:.5rem;top:.5rem;width:6px}.case-main{padding:1rem}.info-card{padding:1.5rem}.comment,.message{max-width:90%}.chat-card,.internal-card{border-radius:8px;height:450px;max-height:55vh}.chat-header,.internal-header{padding:1rem 1.25rem}.chat-header h3,.internal-header h3{font-size:1.125rem}.comments-container,.messages-container{gap:1rem;min-height:200px;padding:1rem}.comment-content,.message-content{font-size:.875rem;padding:.875rem 1rem}.comment-header,.message-header{font-size:.6875rem}.comment-form,.message-form{padding:1rem}.comment-input,.message-input{font-size:.875rem;padding:.75rem 3.5rem .75rem .875rem}.comment-btn,.send-btn{font-size:1.125rem;height:40px;width:40px}.toast-container{left:1rem;right:1rem;top:1rem}.toast{min-width:0}.actions-card,.client-card-employee,.client-status-card,.form-status-card,.info-card{border-radius:8px}.card-header{padding:.875rem 1rem}.card-body{padding:1.25rem}.inline-edit-group{align-items:stretch;flex-direction:column}.inline-input{min-width:100%}.inline-btn{width:100%}.drive-edit-form{flex-direction:column}.drive-input{min-width:100%}.drive-btn{width:100%}.client-status-form{gap:.75rem;grid-template-columns:1fr}.save-status-btn{width:100%}.info-row{gap:.375rem;padding:.75rem 0}.info-label{font-size:.8125rem}.info-value{font-size:.875rem;justify-content:flex-start}}.current-status-description{color:#0f172a;font-size:.9375rem;line-height:1.7;margin-top:.75rem;padding:0}.case-description-banner{background:#fff;border:2px solid #e8e4df;border-radius:12px;margin-bottom:2rem;padding:1.5rem 2rem;transition:all .2s ease}.case-description-banner:hover{border-color:#b8956a}.banner-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.banner-header h4{color:#64748b;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.banner-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.banner-edit-btn:hover{background:#f8f6f3;color:#0f172a}.banner-text{color:#0f172a;font-size:.9375rem;line-height:1.6;margin:0;white-space:pre-wrap}.banner-placeholder{color:#94a3b8;cursor:pointer;font-style:italic;transition:color .2s ease}.banner-placeholder:hover{color:#0f172a}.banner-textarea{border:2px solid #e8e4df;border-radius:8px;color:#0f172a;font-family:inherit;font-size:.9375rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.banner-textarea:focus{border-color:#0f172a;outline:none}.info-value.citizenship-select{justify-content:flex-end}.info-value.citizenship-select .custom-select{position:relative;width:auto}.info-value.citizenship-select .select-trigger{background:#0000;border:1px solid #0000;border-radius:6px;color:#0f172a;font-size:.9rem;height:34px;justify-content:flex-end;padding:0 1.75rem 0 .75rem;transition:all .2s ease;width:auto}.info-value.citizenship-select .select-trigger:hover{background:#f8f6f3;border-color:#e0d5c7}.info-value.citizenship-select .custom-select.is-open .select-trigger{background:#f8f6f3;border-color:#2c3e50}.info-value.citizenship-select .select-value{text-align:right}.info-value.citizenship-select .select-arrow{color:#64748b;right:.5rem}.info-value.citizenship-select .select-dropdown{background:#fff;border:1px solid #e0d5c7;border-radius:8px;bottom:auto!important;box-shadow:0 4px 20px #0000001a;left:auto!important;position:absolute!important;right:0!important;top:calc(100% + 4px)!important;width:220px!important}.info-value.citizenship-select .select-search{background:#fafafa;border-bottom:1px solid #f0ebe4;padding:.625rem}.info-value.citizenship-select .search-input{border:1px solid #e0d5c7;border-radius:6px;font-size:.875rem;height:34px;padding:0 .75rem;text-align:left}.info-value.citizenship-select .search-input:focus{border-color:#2c3e50;outline:none}.info-value.citizenship-select .select-options{max-height:200px;padding:.375rem}.info-value.citizenship-select .select-option{border-radius:4px;color:#374151;font-size:.875rem;justify-content:flex-start;padding:.5rem .75rem;text-align:left}.info-value.citizenship-select .select-option:hover{background:#f8f6f3}.info-value.citizenship-select .select-option.is-selected{background:#2c3e50;color:#fff}.pin-icon{color:#f59e0b;transform:rotate(45deg)}.note-item.pinned{background-color:#fffbeb;border-left:3px solid #f59e0b}.note-header-row{align-items:center;display:flex;justify-content:space-between;width:100%}.message-content p,.note-content p{margin:0 0 .5em}.message-content p:last-child,.note-content p:last-child{margin-bottom:0}.message-content ol,.message-content ul,.note-content ol,.note-content ul{margin:.5em 0;padding-left:1.5em}.message-content strong,.note-content strong{font-weight:700}.message-content em,.note-content em{font-style:italic}.message-content u,.note-content u{text-decoration:underline}.message-content s,.note-content s{text-decoration:line-through}@media (max-width:768px){.copyable-value-group,.password-value-group{flex-wrap:wrap}}@media (max-width:480px){.value-action-btn{height:32px;width:32px}.copyable-value,.password-value{font-size:.875rem}}.case-manager{animation:fadeIn .3s ease;background:#f8f6f3;min-height:100vh;padding:3rem}.page-header{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.page-title{color:#0f172a;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin:0 0 .5rem}.page-subtitle{color:#64748b;font-size:.9375rem;margin:0}.loading-container{min-height:400px}.loading-spinner{height:60px;width:60px}.status-columns{display:flex;flex-direction:column;gap:1.5rem}.status-section{animation:slideUp .3s ease;background:#fff;border:1px solid #e8e4df;border-radius:12px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.status-header{align-items:center;background:#fafafa;border-bottom:2px solid #e8e4df;border-left:4px solid;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.status-header h3{color:#0f172a;font-size:1.125rem;font-weight:600;letter-spacing:-.3px;margin:0}.case-count{align-items:center;background:#0f172a;border-radius:16px;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0 .625rem}.status-cases{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding:1.25rem}.status-cases::-webkit-scrollbar{width:8px}.status-cases::-webkit-scrollbar-track{background:#f8f6f3}.status-cases::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.status-cases::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-status{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;justify-content:center;min-height:100px;text-align:center}.case-card{animation:slideUp .3s ease;background:#fff;border:2px solid #e8e4df;border-radius:10px;cursor:grab;padding:1.25rem;transition:all .2s ease}.case-card:hover{border-color:#b8956a;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.case-card:active{cursor:grabbing}.case-card-header{align-items:start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.case-card-header h4{color:#0f172a;font-size:.9375rem;font-weight:600;letter-spacing:-.2px;line-height:1.4;margin:0}.submitted-badge{align-items:center;background:#10b9811a;border-radius:50%;color:#059669;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.case-card-body{gap:.75rem}.case-card-body,.case-info{display:flex;flex-direction:column}.case-info{gap:.25rem}.info-label-case{color:#64748b;font-size:.6875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value-case{color:#0f172a;font-size:.875rem;font-weight:500}.btn{border:2px solid #0000;box-sizing:border-box;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;height:44px;line-height:1;padding:0 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-primary{border-color:#0f172a}.btn-primary:hover:not(:disabled){border-color:#1e293b;box-shadow:0 4px 6px #0000001a}.btn-primary:disabled{opacity:.5}.btn-secondary{background:#fff;border-color:#e8e4df;color:#0f172a}.btn-secondary:hover{background:#f8f6f3;border-color:#0f172a;transform:translateY(-1px)}.modal-container{animation:slideIn .3s ease;max-width:600px;overflow:visible}.modal-header{flex-shrink:0;padding:2rem 2rem 1.5rem}.modal-title-employee{color:#0f172a;font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin:0}.modal-close{flex-shrink:0}.modal-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal-body{overflow-x:visible;padding:2rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f8f6f3}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-row{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.field-label{color:#0f172a;font-size:.875rem;font-weight:600;letter-spacing:-.2px}.required{color:#dc2626;margin-left:2px}.field-input,.field-textarea{background:#fff;border:2px solid #e8e4df;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.field-input:focus,.field-textarea:focus{background:#fafafa;border-color:#0f172a;outline:none}.field-input::placeholder,.field-textarea::placeholder{color:#94a3b8}.field-error,.field-error:focus{border-color:#dc2626}.field-error-message{color:#dc2626;font-size:.8125rem;margin-top:-.25rem}.field-textarea{line-height:1.6;min-height:100px;resize:vertical}.modal-footer{align-items:center;flex-shrink:0;gap:1rem;padding:1.5rem 2rem}.modal-btn{align-items:center;border:2px solid #0000;border-radius:8px;box-sizing:border-box;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;height:44px;justify-content:center;min-width:120px;padding:0 2rem;white-space:nowrap}.modal-btn-cancel{background:#fff;border-color:#e8e4df;color:#0f172a}.modal-btn-cancel:hover{background:#f8f6f3;border-color:#cbd5e1}.modal-btn-submit{background:#0f172a;border-color:#0f172a;color:#fff}.modal-btn-submit:hover:not(:disabled){background:#1e293b;border-color:#1e293b;box-shadow:0 4px 12px #0f172a4d;transform:translateY(-1px)}.modal-btn-submit:disabled{cursor:not-allowed;opacity:.5}.toast-container{right:2rem;top:2rem}.toast{animation:slideUp .3s ease;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;gap:1rem}.toast-info{border-left-color:#3b82f6}.toast-close{border-radius:4px;color:#64748b;height:24px;width:24px}.toast-close:hover{background:#f8f6f3}.fab{align-items:center;background:#0f172a;border:none;border-radius:50%;bottom:2rem;box-shadow:0 8px 24px #0f172a4d;color:#fff;cursor:pointer;display:flex;font-family:inherit;height:64px;justify-content:center;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px;z-index:100}.fab:hover{background:#1e293b;box-shadow:0 12px 32px #0f172a66;transform:scale(1.1)}.fab:active{transform:scale(.95)}.fab-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.fab-tooltip{background:#0f172a;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.875rem;font-weight:500;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;right:calc(100% + 1rem);transform:translateX(10px);transition:all .3s ease;white-space:nowrap}.fab-tooltip:after{border:6px solid #0000;border-left-color:#0f172a;content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%)}.fab:hover .fab-tooltip{opacity:1;transform:translateX(0)}.fab:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.fab:active:before{height:80px;width:80px}.checkbox-field{margin-top:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);height:18px;width:18px}.field-hint{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}@media (max-width:1024px){.page-header{align-items:flex-start;flex-direction:column}.status-columns{max-width:100%}}@media (max-width:768px){.case-manager{padding:1rem}.page-title{font-size:1.625rem}.status-columns{gap:1rem}.status-header{padding:1rem}.status-cases{max-height:400px;padding:1rem}.case-card{padding:1rem}.form-grid{grid-template-columns:1fr}.modal-content{margin:0 1rem}.toast-container{left:1rem;right:1rem;top:1rem}.toast{min-width:0}}@media (max-width:480px){.case-manager{padding:.75rem}.page-title{font-size:1.375rem}.page-subtitle{font-size:.8125rem}.status-header h3{font-size:1rem}.case-count{font-size:.75rem;height:28px;min-width:28px}.status-cases{max-height:300px;padding:.75rem}}@media (max-width:768px){.fab{bottom:1.5rem;height:56px;right:1.5rem;width:56px}.fab-icon{font-size:1.75rem}.fab-tooltip{display:none}}@media (max-width:480px){.fab{bottom:1rem;height:52px;right:1rem;width:52px}.fab-icon{font-size:1.5rem}}@media (max-width:768px){.modal-container{border-radius:0;max-height:100vh;max-width:100%}.modal-header{padding:1.5rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.5rem}.form-row{gap:0;grid-template-columns:1fr}.modal-footer{flex-direction:column;padding:1rem 1.5rem}.modal-btn{width:100%}}.wizard-modal{animation:wizardSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}@keyframes wizardSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wizard-header{background:#faf9f7;border-bottom:1px solid #e8e4df;padding:1.75rem 2rem 1.5rem}.wizard-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.wizard-title-row h2{color:#0f172a;font-size:1.375rem;font-weight:600;letter-spacing:-.3px;margin:0}.wizard-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.wizard-close:hover{background:#e8e4df;color:#0f172a}.wizard-steps{gap:0;justify-content:center}.wizard-step,.wizard-steps{align-items:center;display:flex}.wizard-step{gap:.5rem;opacity:.4;transition:all .3s ease}.wizard-step.active{opacity:1}.wizard-step.completed{opacity:.7}.step-number{align-items:center;background:#e8e4df;border-radius:50%;color:#64748b;display:flex;font-size:.8125rem;font-weight:600;height:28px;justify-content:center;transition:all .3s ease;width:28px}.wizard-step.active .step-number{background:#0f172a;color:#fff}.wizard-step.completed .step-number{background:#10b981;color:#fff}.wizard-step span{color:#64748b;font-size:.8125rem;font-weight:500}.wizard-step.active span{color:#0f172a}.step-connector{background:#e8e4df;height:2px;margin:0 .75rem;width:40px}.wizard-body{flex:1 1;overflow-y:auto;padding:2rem}.wizard-step-content h3{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0 0 .375rem}.wizard-hint{color:#64748b;font-size:.875rem;margin:0 0 1.5rem}.client-search-field{margin-bottom:1rem}.selected-client-preview{align-items:center;background:#f8f6f3;border:1px solid #e8e4df;border-radius:10px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.client-avatar{background:linear-gradient(135deg,#0f172a,#334155);border-radius:50%;font-size:1rem;height:48px;text-transform:uppercase;width:48px}.client-info{flex-direction:column;gap:.125rem}.client-name{color:#0f172a;font-size:.9375rem;font-weight:600}.client-type{color:#64748b;font-size:.8125rem}.form-section{margin-bottom:1.5rem}.section-label{color:#0f172a;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.section-label .required{color:#dc2626}.field-hint{color:#94a3b8;font-size:.8125rem;margin-top:.375rem}.wizard-input{background:#fff;border:1.5px solid #e8e4df;border-radius:8px;color:#0f172a;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.wizard-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14;outline:none}.wizard-input.error{border-color:#dc2626}.wizard-textarea{background:#fff;border:1.5px solid #e8e4df;border-radius:8px;color:#0f172a;font-family:inherit;font-size:.9375rem;min-height:80px;padding:.75rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.wizard-textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14;outline:none}.checkbox-inline{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-top:.625rem}.checkbox-inline input[type=checkbox]{accent-color:#0f172a;height:16px;width:16px}.no-template-info{background:#f1f5f9;border-radius:8px;color:#64748b;font-size:.875rem;padding:.75rem 1rem}.wizard-summary{background:#f8f6f3;border-radius:10px;margin-top:1.5rem;padding:1rem 1.25rem}.wizard-summary h4{color:#64748b;font-size:.8125rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.summary-row{align-items:center;border-bottom:1px solid #e8e4df;display:flex;justify-content:space-between;padding:.375rem 0}.summary-row:last-child{border-bottom:none}.summary-label{color:#64748b;font-size:.8125rem}.summary-value{color:#0f172a;font-size:.875rem;font-weight:500}.wizard-footer{align-items:center;background:#faf9f7;border-top:1px solid #e8e4df;display:flex;justify-content:space-between;padding:1.25rem 2rem}.wizard-footer-right{display:flex;gap:.75rem;margin-left:auto}.wizard-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.375rem;padding:.625rem 1.25rem;transition:all .2s ease}.wizard-btn-back{background:#0000;color:#64748b;padding-left:.75rem}.wizard-btn-back:hover{background:#e8e4df;color:#0f172a}.wizard-btn-cancel{background:#fff;border:1.5px solid #e8e4df;color:#64748b}.wizard-btn-cancel:hover{background:#f8f6f3;color:#0f172a}.wizard-btn-next{background:#0f172a;color:#fff}.wizard-btn-next:hover{background:#1e293b}.wizard-btn-submit{background:#10b981;color:#fff;padding:.75rem 1.5rem}.wizard-btn-submit:hover:not(:disabled){background:#059669}.wizard-btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.wizard-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.wizard-header{padding:1.25rem 1.5rem 1rem}.wizard-steps{flex-wrap:wrap;gap:.5rem}.step-connector,.wizard-step span{display:none}.wizard-body{padding:1.5rem}.wizard-footer{flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.wizard-btn-back{justify-content:center;order:2;width:100%}.wizard-footer-right{flex-direction:column;width:100%}.wizard-btn-cancel,.wizard-btn-next,.wizard-btn-submit{justify-content:center;width:100%}}.cm-modal-overlay{align-items:center;animation:cmFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cmSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cm-wizard-modal{animation:cmSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.cm-wizard-header{background:#faf9f7;border-bottom:1px solid #e8e4df;padding:1.75rem 2rem 1.5rem}.cm-wizard-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.cm-wizard-title-row h2{color:#0f172a;font-size:1.375rem;font-weight:600;letter-spacing:-.3px;margin:0}.cm-wizard-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cm-wizard-close:hover{background:#e8e4df;color:#0f172a}.cm-wizard-steps{align-items:center;display:flex;gap:0;justify-content:center}.cm-wizard-step{align-items:center;display:flex;gap:.5rem;opacity:.4;transition:all .3s ease}.cm-wizard-step.active{opacity:1}.cm-wizard-step.completed{opacity:.7}.cm-step-number{align-items:center;background:#e8e4df;border-radius:50%;color:#64748b;display:flex;font-size:.8125rem;font-weight:600;height:28px;justify-content:center;transition:all .3s ease;width:28px}.cm-wizard-step.active .cm-step-number{background:#0f172a;color:#fff}.cm-wizard-step.completed .cm-step-number{background:#10b981;color:#fff}.cm-wizard-step span{color:#64748b;font-size:.8125rem;font-weight:500}.cm-wizard-step.active span{color:#0f172a}.cm-step-connector{background:#e8e4df;height:2px;margin:0 .75rem;width:40px}.cm-wizard-body{flex:1 1;overflow-y:auto;padding:2rem}.cm-wizard-step-content h3{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0 0 .375rem}.cm-wizard-hint{color:#64748b;font-size:.875rem;margin:0 0 1.5rem}.cm-client-search-field{margin-bottom:1rem}.cm-field-error{color:#dc2626;display:block;font-size:.8125rem;margin-top:.375rem}.cm-selected-client-preview{align-items:center;background:#f8f6f3;border:1px solid #e8e4df;border-radius:10px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.cm-client-avatar{align-items:center;background:linear-gradient(135deg,#0f172a,#334155);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}.cm-client-info{display:flex;flex-direction:column;gap:.125rem}.cm-client-name{color:#0f172a;font-size:.9375rem;font-weight:600}.cm-client-type-label{color:#64748b;font-size:.8125rem}.cm-form-section{margin-bottom:1.5rem}.cm-section-label{color:#0f172a;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.cm-required{color:#dc2626}.cm-field-hint{color:#94a3b8;font-size:.8125rem;margin-top:.375rem}.cm-wizard-input{background:#fff;border:1.5px solid #e8e4df;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.cm-wizard-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14;outline:none}.cm-wizard-input.error{border-color:#dc2626}.cm-wizard-textarea{background:#fff;border:1.5px solid #e8e4df;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.9375rem;min-height:80px;padding:.75rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.cm-wizard-textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14;outline:none}.cm-wizard-summary{background:#f8f6f3;border-radius:10px;margin-top:1.5rem;padding:1rem 1.25rem}.cm-wizard-summary h4{color:#64748b;font-size:.8125rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.cm-summary-row{align-items:center;border-bottom:1px solid #e8e4df;display:flex;justify-content:space-between;padding:.375rem 0}.cm-summary-row:last-child{border-bottom:none}.cm-summary-label{color:#64748b;font-size:.8125rem}.cm-summary-value{color:#0f172a;font-size:.875rem;font-weight:500}.cm-wizard-footer{align-items:center;background:#faf9f7;border-top:1px solid #e8e4df;display:flex;justify-content:space-between;padding:1.25rem 2rem}.cm-wizard-footer-right{display:flex;gap:.75rem;margin-left:auto}.cm-wizard-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.375rem;padding:.625rem 1.25rem;transition:all .2s ease}.cm-wizard-btn-back{background:#0000;color:#64748b;padding-left:.75rem}.cm-wizard-btn-back:hover{background:#e8e4df;color:#0f172a}.cm-wizard-btn-cancel{background:#fff;border:1.5px solid #e8e4df;color:#64748b}.cm-wizard-btn-cancel:hover{background:#f8f6f3;color:#0f172a}.cm-wizard-btn-next{background:#0f172a;color:#fff}.cm-wizard-btn-next:hover{background:#1e293b}.cm-wizard-btn-submit{background:#10b981;color:#fff;padding:.75rem 1.5rem}.cm-wizard-btn-submit:hover:not(:disabled){background:#059669}.cm-wizard-btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.cm-modal-overlay{padding:0}.cm-wizard-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.cm-wizard-header{padding:1.25rem 1.5rem 1rem}.cm-wizard-steps{flex-wrap:wrap;gap:.5rem}.cm-step-connector,.cm-wizard-step span{display:none}.cm-wizard-body{padding:1.5rem}.cm-wizard-footer{flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.cm-wizard-btn-back{justify-content:center;order:2;width:100%}.cm-wizard-footer-right{flex-direction:column;width:100%}.cm-wizard-btn-cancel,.cm-wizard-btn-next,.cm-wizard-btn-submit{justify-content:center;width:100%}}.clients-page{--color-bg:#faf9f7;--color-surface:#fff;--color-border:#e8e4df;--color-border-light:#f1eeea;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9a9a9a;--color-accent:#1e3a5f;--color-accent-light:#2d4a6f;--color-gold:#b8956a;--color-gold-light:#c9a97d;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 50px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"DM Serif Display",Georgia,serif;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh;padding:2rem 2.5rem}.clients-header{margin-bottom:2rem}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-title h1{color:var(--color-text-primary);font-family:var(--font-serif);font-size:2rem;font-weight:400;letter-spacing:-.5px;margin:0 0 .375rem}.header-title p{color:var(--color-text-secondary);font-size:.9375rem;margin:0}.header-action{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.header-action:hover{background:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.header-action svg{height:18px;width:18px}.header-stats{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:2rem;padding:1.25rem 1.5rem}.stat-item{display:flex;flex-direction:column}.stat-number{color:var(--color-text-primary);font-size:1.5rem;letter-spacing:-.5px}.stat-label{color:var(--color-text-tertiary);margin-top:4px}.stat-divider{background:var(--color-border);height:32px;width:1px}.clients-toolbar{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.toolbar-search{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.toolbar-search>svg{color:var(--color-text-tertiary);height:18px;left:1rem;pointer-events:none;position:absolute;width:18px}.toolbar-search input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9375rem;padding:.75rem 2.5rem .75rem 2.75rem;transition:all .2s ease;width:100%}.toolbar-search input:focus,.toolbar-search input:hover{border-color:var(--color-gold)}.toolbar-search input:focus{box-shadow:0 0 0 3px #b8956a1a;outline:none}.toolbar-search input::placeholder{color:var(--color-text-tertiary)}.search-clear{align-items:center;background:var(--color-bg);border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:.75rem;transition:all .2s ease;width:24px}.search-clear svg{color:var(--color-text-tertiary);height:14px;width:14px}.search-clear:hover{background:var(--color-border)}.search-clear:hover svg{color:var(--color-text-primary)}.toolbar-filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:.5rem;padding:4px}.filter-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.filter-btn svg{height:16px;width:16px}.filter-btn:hover{background:var(--color-bg);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-accent);color:#fff}.clients-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.clients-loading{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:5rem 2rem}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-gold);height:36px;width:36px}.clients-empty{padding:5rem 2rem;text-align:center}.empty-icon{align-items:center;background:var(--color-bg);border-radius:var(--radius-lg);display:flex;height:72px;justify-content:center;margin:0 auto 1.5rem;width:72px}.empty-icon svg{color:var(--color-text-tertiary);height:36px;width:36px}.clients-empty h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.clients-empty p{color:var(--color-text-tertiary);font-size:.9375rem;margin:0 auto 1.5rem;max-width:320px}.clients-empty button{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:background .2s ease}.clients-empty button:hover{background:var(--color-accent-light)}.clients-empty button svg{height:18px;width:18px}.clients-table-wrapper{overflow-x:auto}.clients-table{border-collapse:collapse;width:100%}.clients-table th{background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.875rem 1rem;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.clients-table th[onClick]{cursor:pointer;transition:color .2s ease}.clients-table th[onClick]:hover{color:var(--color-text-primary)}.clients-table th span{align-items:center;display:inline-flex;gap:.375rem}.sort-icon{height:14px;width:14px}.sort-icon.inactive{opacity:.3}.sort-icon.active{color:var(--color-gold);opacity:1}.th-client{width:25%}.th-type{width:10%}.th-contact{width:22%}.th-relation{width:18%}.th-cases{text-align:center;width:8%}.th-date{width:12%}.th-actions{width:5%}.client-row{animation:rowFadeIn .3s ease-out backwards;cursor:pointer;transition:background .15s ease}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.client-row:hover{background:var(--color-bg)}.client-row td{border-bottom:1px solid var(--color-border-light);padding:1rem;vertical-align:middle}.client-row:last-child td{border-bottom:none}.client-info{gap:.875rem}.client-avatar,.client-info{align-items:center;display:flex}.client-avatar{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.client-avatar.employer{background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-light) 100%)}.client-avatar svg{height:20px;width:20px}.client-name{display:flex;flex-direction:column}.name-primary{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.type-badge{border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.type-badge.client{background:#eff6ff;color:#2563eb}.type-badge.employer{background:#b8956a26;color:var(--color-gold)}.contact-info{display:flex;flex-direction:column;gap:.375rem}.contact-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8125rem;gap:.5rem}.contact-item svg{color:var(--color-text-tertiary);flex-shrink:0;height:14px;width:14px}.contact-empty{color:var(--color-text-tertiary);font-size:.8125rem;font-style:italic}.relation-badge{background:var(--color-bg);border-radius:20px;padding:.25rem .625rem}.relation-badge,.relation-employer{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.8125rem;gap:.375rem}.relation-employer svg{color:var(--color-gold);height:14px;width:14px}.relation-empty{color:var(--color-text-tertiary)}.td-cases{text-align:center}.cases-badge{align-items:center;background:var(--color-accent);border-radius:14px;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:0 8px}.cases-empty{color:var(--color-text-tertiary)}.td-date{color:var(--color-text-secondary);font-size:.8125rem;white-space:nowrap}.actions-menu{display:flex;gap:.375rem;opacity:0;transition:opacity .2s ease}.client-row:hover .actions-menu{opacity:1}.action-btn{align-items:center;background:var(--color-bg);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn svg{color:var(--color-text-secondary);height:16px;width:16px}.action-btn.view:hover{background:#eff6ff}.action-btn.view:hover svg{color:#2563eb}.action-btn.delete:hover{background:#fef2f2}.action-btn.delete:hover svg{color:var(--color-danger)}.clients-footer{color:var(--color-text-tertiary);display:flex;font-size:.875rem;justify-content:center;padding:1rem}.modal-overlay{animation:overlayFade .2s ease-out;background:#00000080;inset:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlide .25s ease-out;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:2rem;text-align:center;width:90%}@keyframes modalSlide{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 1.25rem;width:56px}.modal-icon.danger{background:#fef2f2}.modal-icon.danger svg{color:var(--color-danger);height:28px;width:28px}.modal-content h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.modal-content p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5;margin:0 0 1.5rem}.modal-content strong{color:var(--color-text-primary)}.modal-actions{display:flex;gap:.75rem;justify-content:center}.modal-btn{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.modal-btn.secondary{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary)}.modal-btn.secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text-tertiary)}.modal-btn.danger{background:var(--color-danger);border:none;color:#fff}.modal-btn.danger:hover:not(:disabled){background:#dc2626}.modal-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.clients-page{padding:1.5rem}.header-stats{gap:1.5rem;padding:1rem 1.25rem}.td-contact,.td-relation,.th-contact,.th-relation{display:none}.th-client{width:40%}.th-cases,.th-type{width:15%}.th-date{width:20%}.th-actions{width:10%}}@media (max-width:768px){.clients-page{padding:1rem}.header-content{flex-direction:column;gap:1rem}.header-action{justify-content:center;width:100%}.header-title h1{font-size:1.625rem}.header-stats{justify-content:space-around}.clients-toolbar{align-items:stretch;flex-direction:column}.toolbar-search{max-width:none}.toolbar-filters{justify-content:center}.td-date,.td-type,.th-date,.th-type{display:none}.th-client{width:50%}.th-actions,.th-cases{width:25%}.actions-menu{opacity:1}}@media (max-width:480px){.header-stats{flex-wrap:wrap;gap:1rem}.stat-divider{display:none}.stat-item{flex:1 1;min-width:80px;text-align:center}.filter-btn{font-size:.8125rem;padding:.5rem .75rem}.filter-btn svg{display:none}.client-avatar{font-size:.8125rem;height:36px;width:36px}.name-primary{font-size:.875rem}.cases-badge{font-size:.75rem;height:24px;min-width:24px}}.settings-page{margin:0 auto;max-width:1200px;padding:2rem}.settings-layout{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:2rem;min-height:500px;overflow:hidden}.settings-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;padding:1.5rem 0;width:240px}.settings-nav{display:flex;flex-direction:column;gap:.25rem}.settings-nav-item{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;padding:.875rem 1.5rem;text-align:left;transition:all .15s ease}.settings-nav-item:hover{background:#e2e8f0;color:#0f172a}.settings-nav-item.active{background:#0f172a;color:#fff}.settings-nav-item .nav-icon{font-size:1.125rem;text-align:center;width:1.5rem}.settings-nav-item .nav-label{font-weight:500}.settings-content{flex:1 1;padding:2rem}.settings-section h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.settings-section h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0 0 1rem}.section-description{color:#64748b;font-size:.9375rem;margin-bottom:1.5rem}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.info-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;font-weight:500}.info-value{color:#0f172a;font-weight:500}.avatar-section{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1.5rem;padding:1.25rem}.current-avatar{flex-shrink:0}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;font-size:2rem;font-weight:600;justify-content:center}.avatar-image,.avatar-placeholder{border-radius:50%;height:80px;width:80px}.avatar-image{object-fit:cover}.avatar-actions{display:flex;flex-direction:column;gap:.5rem}.avatar-hint{color:#6b7280;font-size:.8125rem;margin:0}.btn-danger-outline{background:#0000;border:1px solid #dc2626;color:#dc2626}.btn-danger-outline:hover:not(:disabled){background:#fef2f2}.password-form{max-width:400px}.form-group label{color:#374151;font-size:.9375rem}.form-input{border:1px solid #d1d5db;padding:.75rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.form-input::placeholder{color:#9ca3af}.form-actions{margin-top:1.5rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .15s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover:not(:disabled){background:#cbd5e1}.alert{border-radius:8px;font-size:.9375rem;margin-bottom:1rem;padding:.875rem 1rem}@media (max-width:768px){.settings-page{padding:1rem}.settings-layout{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;padding:1rem 0;width:100%}.settings-nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding:0 1rem}.settings-nav-item{border-radius:8px;padding:.75rem 1rem;white-space:nowrap}.settings-nav-item.active{border-radius:8px}.settings-content{padding:1.5rem}.avatar-section{flex-direction:column;text-align:center}.password-form{max-width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.employees-page{animation:fadeIn .3s ease;background:#f8f6f3;min-height:100vh;padding:2rem 3rem}.toast-container{display:flex;flex-direction:column;gap:.75rem;pointer-events:none;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;display:flex;gap:.75rem;max-width:450px;min-width:320px;padding:1rem 1.25rem;pointer-events:auto}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.toast-success .toast-icon{background:#dcfce7;color:#15803d}.toast-error .toast-icon{background:#fee2e2;color:#dc2626}.toast-warning .toast-icon{background:#fef3c7;color:#d97706}.toast-content{flex:1 1}.toast-message{color:#0f172a;font-size:.875rem;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.toast-close:hover{background:#f1f5f9;color:#0f172a}.employees-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.header-left{flex:1 1}.employees-page .page-title{color:#0f172a;font-size:2.25rem;font-weight:600;letter-spacing:-.5px;margin:0 0 .5rem}.employees-page .page-subtitle{color:#64748b;font-size:.9375rem;margin:0}.employees-page .btn{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;height:44px;justify-content:center;padding:0 1.5rem;transition:all .2s ease;white-space:nowrap}.employees-page .btn-primary{background:#0f172a;border-color:#0f172a;color:#fff}.employees-page .btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #0f172a40;transform:translateY(-1px)}.employees-page .btn-primary:disabled{cursor:not-allowed;opacity:.5}.employees-page .btn-secondary{background:#fff;border-color:#e8e4df;color:#0f172a}.employees-page .btn-secondary:hover{background:#f8f6f3;border-color:#0f172a;transform:translateY(-1px)}.employees-page .btn-danger{background:#fee2e2;border-color:#fecaca;color:#dc2626}.employees-page .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:#fff}.employees-page .btn-warning{background:#fef3c7;border-color:#fde68a;color:#d97706}.employees-page .btn-warning:hover:not(:disabled){background:#f59e0b;border-color:#f59e0b;color:#fff}.employees-page .btn-success{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.employees-page .btn-success:hover:not(:disabled){background:#16a34a;border-color:#16a34a;color:#fff}.employees-page .btn-small{font-size:.8125rem;height:36px;padding:0 1rem}.btn-icon{font-size:1.125rem;font-weight:400}.stats-row{display:flex;gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e8e4df;border-radius:12px;min-width:140px;padding:1.25rem 1.5rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-number{color:#0f172a;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{color:#64748b;font-size:.8125rem;font-weight:500}.stat-active{border-left:4px solid #10b981}.stat-active .stat-number{color:#059669}.stat-inactive{border-left:4px solid #94a3b8}.stat-inactive .stat-number{color:#64748b}.search-container{margin-bottom:2rem}.search-box{align-items:center;background:#fff;border:2px solid #e8e4df;border-radius:10px;display:flex;max-width:480px;padding:0 1rem;transition:all .2s ease}.search-box:focus-within{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.search-icon{font-size:1rem;margin-right:.75rem;opacity:.5}.search-input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:.9375rem;height:44px;outline:none}.search-input::placeholder{color:#94a3b8}.search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;line-height:1;padding:.25rem;transition:color .2s}.search-clear:hover{color:#0f172a}.loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8e4df;border-radius:50%;border-top-color:#0f172a;height:48px;width:48px}.empty-state{align-items:center;animation:fadeIn .3s ease;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state h3{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#64748b;font-size:.9375rem;margin:0 0 1.5rem}.employees-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.employee-card{animation:slideUp .3s ease;background:#fff;border:2px solid #e8e4df;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s ease}.employee-card:hover{border-color:#b8956a;box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.employee-card.card-inactive{background:#fafafa;opacity:.7}.employee-card.card-inactive:hover{opacity:1}.card-header{justify-content:space-between}.card-header,.employee-avatar{align-items:center;display:flex}.employee-avatar{background:#0f172a;border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:48px;justify-content:center;letter-spacing:.5px;width:48px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.status-active{background:#dcfce7;color:#15803d}.status-inactive{background:#f1f5f9;color:#64748b}.status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.card-body{flex:1 1}.employee-name{color:#0f172a;font-size:1.0625rem;font-weight:600;letter-spacing:-.2px;margin:0 0 .75rem}.employee-info{display:flex;flex-direction:column;gap:.5rem}.info-row{align-items:center;display:flex;gap:.5rem}.info-icon{font-size:.875rem;opacity:.6;text-align:center;width:20px}.info-text{color:#64748b;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer{border-top:1px solid #f1f5f9;padding-top:1rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.modal-details{max-width:560px}.modal-confirm{max-width:480px}.modal-header{align-items:center;border-bottom:1px solid #e8e4df;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1.25rem}.modal-title{color:#0f172a;font-size:1.375rem;font-weight:600;letter-spacing:-.3px;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.75rem;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.modal-close:hover{background:#f8f6f3;color:#0f172a}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:#fafafa;border-radius:0 0 16px 16px;border-top:1px solid #e8e4df;display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.confirm-message{color:#374151;font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.confirm-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem}.warning-icon{font-size:1.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;display:block;font-size:.8125rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem;text-transform:uppercase}.form-input{border:2px solid #e8e4df;border-radius:8px;box-sizing:border-box;height:44px;padding:0 1rem}.form-input:focus{box-shadow:0 0 0 3px #0f172a1a}.form-input.input-error{border-color:#dc2626}.form-input.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.error-text{color:#dc2626;display:block;font-size:.8125rem;margin-top:.375rem}.form-note{align-items:flex-start;background:#f8f6f3;border-radius:8px;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:1rem}.note-icon{flex-shrink:0}.details-header{align-items:center;border-bottom:1px solid #e8e4df;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.details-avatar{align-items:center;background:#0f172a;border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;width:64px}.details-avatar,.details-info h3{font-size:1.25rem;font-weight:600}.details-info h3{color:#0f172a;margin:0 0 .5rem}.details-section{gap:1rem;margin-bottom:1.5rem}.detail-item,.details-section{display:flex;flex-direction:column}.detail-item{gap:.25rem}.detail-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#0f172a;font-size:.9375rem}.details-actions{border-top:1px solid #e8e4df;display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1rem}@media (max-width:1024px){.employees-page{padding:1.5rem 2rem}.stats-row{flex-wrap:wrap}.stat-card{flex:1 1;min-width:120px}}@media (max-width:768px){.employees-page{padding:1rem}.employees-header{align-items:stretch;flex-direction:column}.employees-page .page-title{font-size:1.75rem}.stats-row{gap:.75rem}.stat-card{min-width:100px;padding:1rem}.stat-number{font-size:1.5rem}.search-box{max-width:100%}.employees-grid{gap:1rem}.employees-grid,.form-row{grid-template-columns:1fr}.modal-container{border-radius:0;max-height:100vh;max-width:100%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.details-actions{flex-direction:column}.details-actions .btn{width:100%}.toast-container{left:1rem;right:1rem;top:1rem}.toast{max-width:100%;min-width:0}}@media (max-width:480px){.employees-page{padding:.75rem}.employees-page .page-title{font-size:1.5rem}.employee-card{padding:1.25rem}.employee-avatar{font-size:.875rem;height:40px;width:40px}.stat-card{padding:.875rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}}.employee-panel{--primary-dark:#0f172a;--primary-brown:#b8956a;--success:#10b981;--warning:#f59e0b;--error:#dc2626;--info:#3b82f6;--bg-primary:#f8f6f3;--bg-secondary:#fff;--bg-tertiary:#e8e4df;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-white:#fff;--border-light:#e8e4df;--border-medium:#cbd5e1;--border-dark:#94a3b8;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:0.9375rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:2rem;--font-size-5xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.employee-panel *{box-sizing:border-box}.employee-panel{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6}.employee-panel .card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.employee-panel .card:hover{border-color:var(--primary-brown);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.employee-panel .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.employee-panel .btn-primary{background:var(--primary-dark);box-shadow:var(--shadow-sm);color:var(--text-white)}.employee-panel .btn-primary:hover{background:#1e293b;box-shadow:var(--shadow-md);transform:translateY(-1px)}.employee-panel .btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-light);color:var(--text-primary)}.employee-panel .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.employee-panel .badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.employee-panel .badge-success{background:#10b9811a;border:1px solid var(--success);color:var(--success)}.employee-panel .badge-warning{background:#f59e0b1a;border:1px solid var(--warning);color:var(--warning)}.employee-panel .badge-error{background:#dc26261a;border:1px solid var(--error);color:var(--error)}.employee-panel .badge-info{background:#3b82f61a;border:1px solid var(--info);color:var(--info)}@keyframes employeeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes employeeSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.employee-panel .animate-fade-in{animation:employeeFadeIn var(--transition-base)}.employee-panel .animate-slide-in{animation:employeeSlideIn var(--transition-base)}@media (max-width:768px){.employee-panel{--font-size-3xl:1.25rem;--font-size-4xl:1.5rem;--font-size-5xl:1.875rem}}.employee-panel{display:flex}.employee-panel,.panel-main{background:#f8f6f3;min-height:100vh}.panel-main{flex:1 1;margin-left:280px}.error-notification{align-items:center;animation:slideDown .3s ease;background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#dc2626;display:flex;gap:1rem;left:calc(280px + 2rem);padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-icon{flex-shrink:0;font-size:1.5rem}.error-message{flex:1 1;font-size:.9375rem;font-weight:500}@media (max-width:1024px){.panel-main{margin-left:240px}.error-notification{left:calc(240px + 1.5rem)}}@media (max-width:768px){.panel-main{margin-left:0}.error-notification{left:1rem;right:1rem}}@media (max-width:480px){.error-notification{left:.5rem;padding:.875rem 1rem;right:.5rem;top:1rem}.error-icon{font-size:1.25rem}.error-message{font-size:.875rem}}.client-panel{.lang-switcher{background:#ffffff1a;border-radius:8px;display:inline-flex;gap:.25rem;padding:.25rem;width:fit-content}.dashboard-sidebar .lang-switcher{background:#ffffff1a;margin:0 auto}.dashboard-sidebar .lang-btn{color:#fff9}.dashboard-sidebar .lang-btn.active{background:#b8956a;color:#fff}.dashboard-sidebar .lang-btn:hover:not(.active){background:#ffffff1a;color:#fff}.case-header .lang-switcher,.header-content .lang-switcher{background:#f8f6f3;padding:.25rem}.case-header .lang-btn,.header-content .lang-btn{color:#64748b}.case-header .lang-btn.active,.header-content .lang-btn.active{background:#0f172a;color:#fff}.case-header .lang-btn:hover:not(.active),.header-content .lang-btn:hover:not(.active){background:#e8e4df;color:#0f172a}.lang-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;font-weight:600;line-height:1.2;min-width:40px;padding:.375rem .75rem;text-align:center;transition:all .2s ease}}@media (max-width:768px){.client-panel .lang-switcher{gap:.25rem}.client-panel .lang-btn{font-size:.75rem;min-width:36px;padding:.375rem .625rem}}.client-panel .lang-btn:focus-visible{outline:3px solid #b8935e80;outline-offset:2px}@media (prefers-reduced-motion:reduce){.client-panel .lang-btn{transition:none}}.login-view{background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;min-height:100vh}.language-switcher-fixed{position:fixed;right:2rem;top:2rem;z-index:1000}.login-left{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem}.login-logo{font-size:2rem;font-weight:700;gap:.75rem;letter-spacing:-.5px;margin-bottom:3rem}.login-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:#b8956a;border-radius:12px;font-size:1.5rem;font-weight:600;height:48px;justify-content:center;width:48px}.login-hero{max-width:560px}.login-hero h1{font-size:3rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem}.login-hero p{font-size:1.125rem;font-weight:300;line-height:1.7;opacity:.85}.login-right{align-items:center;background:#fff;box-shadow:-10px 0 30px #0000001a;display:flex;justify-content:center;padding:3rem;width:480px}.login-form-container{max-width:380px;width:100%}.login-form-header{margin-bottom:2.5rem}.login-form-header h2{color:#0f172a;font-size:1.875rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.login-form-header p{color:#64748b;font-size:.9375rem}.form-group label{color:#0f172a;font-size:.875rem;letter-spacing:.3px}.form-input{background:#fff;border:1.5px solid #e8e4df;border-radius:10px;color:#0f172a;font-family:inherit;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input::placeholder{color:#94a3b8}.form-input:focus{border-color:#0f172a;box-shadow:0 0 0 4px #0f172a0d;outline:none}.form-input:hover{border-color:#cbd5e1}.btn-primary{background:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:.3px;margin-top:.5rem;padding:1rem;transition:all .2s ease;width:100%}.btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 10px 15px #0f172a33;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.alert{animation:slideIn .3s ease-out;border-radius:10px;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.form-footer{color:#64748b;font-size:.875rem;margin-top:2rem;text-align:center}.form-footer a{color:#0f172a;font-weight:600;text-decoration:none;transition:color .2s ease}.form-footer a:hover{color:#b8956a}@media (max-width:1024px){.login-left{display:none}.login-right{width:100%}.language-switcher-fixed{right:1rem;top:1rem}}@media (max-width:768px){.login-right{padding:2rem}.login-hero h1{font-size:2.5rem}}@media (max-width:480px){.login-right{padding:1.5rem}.login-form-header h2{font-size:1.5rem}.login-hero h1{font-size:2rem}.login-hero p{font-size:1rem}}.reset-password-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.reset-password-container h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133;outline:none}.error-message{background-color:#fed7d7;border-left:4px solid #e53e3e;color:#c53030;padding:.75rem}.error-message,.success-message{border-radius:4px;margin-bottom:1.5rem}.success-message{background-color:#c6f6d5;border-left:4px solid #38a169;color:#2f855a;padding:1rem;text-align:center}.form-actions{display:flex;flex-direction:column;gap:1rem}.submit-button{background-color:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:background-color .3s;width:100%}.submit-button:hover{background-color:#3182ce}.submit-button:disabled{background-color:#a0aec0;cursor:not-allowed}.back-link{color:#4299e1;font-size:.875rem;text-align:center;text-decoration:none}.back-link:hover{text-decoration:underline}.button{background-color:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .3s}.button:hover{background-color:#3182ce}.client-settings-page{margin:0 auto;max-width:1000px;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header .back-button{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:.9375rem;gap:.5rem;margin-bottom:1rem;padding:0;transition:color .15s ease}.settings-header .back-button:hover{color:#0f172a}.settings-header .back-button svg{height:20px;width:20px}.settings-header h1{color:#0f172a;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.settings-header p{color:#64748b;margin:0}.client-settings-page .settings-layout{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:2rem;min-height:400px;overflow:hidden}.client-settings-page .settings-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;padding:1.5rem 0;width:220px}.client-settings-page .settings-nav{display:flex;flex-direction:column;gap:.25rem}.client-settings-page .settings-nav-item{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;padding:.875rem 1.5rem;text-align:left;transition:all .15s ease}.client-settings-page .settings-nav-item:hover{background:#e2e8f0;color:#0f172a}.client-settings-page .settings-nav-item.active{background:#0f766e;background:var(--client-primary,#0f766e);color:#fff}.client-settings-page .settings-nav-item .nav-icon{font-size:1.125rem;text-align:center;width:1.5rem}.client-settings-page .settings-nav-item .nav-label{font-weight:500}.client-settings-page .settings-content{flex:1 1;padding:2rem}.client-settings-page .settings-section h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.client-settings-page .settings-section h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0 0 .75rem}.client-settings-page .section-description{color:#64748b;font-size:.9375rem;margin-bottom:1rem}.client-settings-page .info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.client-settings-page .info-row{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.client-settings-page .info-row:last-child{border-bottom:none}.client-settings-page .info-label{color:#64748b;font-weight:500}.client-settings-page .info-value{color:#0f172a;font-weight:500}.client-settings-page .language-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.client-settings-page .language-section .section-description{margin-bottom:1rem}.client-settings-page .password-form{max-width:400px}.client-settings-page .form-group{margin-bottom:1.25rem}.client-settings-page .form-group label{color:#374151;display:block;font-size:.9375rem;font-weight:500;margin-bottom:.5rem}.client-settings-page .form-input{border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;padding:.75rem 1rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.client-settings-page .form-input:focus{border-color:#0f766e;border-color:var(--client-primary,#0f766e);box-shadow:0 0 0 3px #0f766e1a;outline:none}.client-settings-page .form-input::placeholder{color:#9ca3af}.client-settings-page .form-actions{margin-top:1.5rem}.client-settings-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .15s ease}.client-settings-page .btn:disabled{cursor:not-allowed;opacity:.6}.client-settings-page .btn-primary{background:#0f766e;background:var(--client-primary,#0f766e);color:#fff}.client-settings-page .btn-primary:hover:not(:disabled){background:#0d6560;background:var(--client-primary-dark,#0d6560)}.client-settings-page .alert{border-radius:8px;font-size:.9375rem;margin-bottom:1rem;padding:.875rem 1rem}.client-settings-page .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.client-settings-page .alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}@media (max-width:768px){.client-settings-page{padding:1rem}.client-settings-page .settings-layout{flex-direction:column}.client-settings-page .settings-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;padding:1rem 0;width:100%}.client-settings-page .settings-nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding:0 1rem}.client-settings-page .settings-nav-item{border-radius:8px;padding:.75rem 1rem;white-space:nowrap}.client-settings-page .settings-nav-item.active{border-radius:8px}.client-settings-page .settings-content{padding:1.5rem}.client-settings-page .password-form{max-width:100%}}.client-panel{.client-dashboard-loading{align-items:center;background:#f8f6f3;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8e4df;border-radius:50%;border-top-color:#0f172a;height:60px;margin-bottom:1.5rem;width:60px}.dashboard-layout{background:#f8f6f3;display:flex;min-height:100vh;position:relative}.mobile-header{align-items:center;background:#fff;border-bottom:1px solid #e8e4df;box-shadow:0 1px 2px #0000000d;display:none;height:64px;justify-content:space-between;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:110}.hamburger-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:44px;justify-content:center;padding:0;width:44px}.hamburger-btn span{background:#0f172a;border-radius:2px;height:2px;transition:all .3s ease;width:24px}.mobile-logo{align-items:center;display:flex;gap:.625rem}.mobile-logo .logo-icon{align-items:center;background:#b8956a;border-radius:8px;color:#fff;display:flex;font-size:1.125rem;font-weight:700;height:36px;justify-content:center;width:36px}.mobile-logo h1{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0}.mobile-spacer{width:44px}.sidebar-overlay{animation:fadeIn .2s ease-out;background:#0f172a80;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:95}.dashboard-sidebar{background:#0f172a;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:0;position:fixed;transition:transform .3s ease;width:280px;z-index:120}.sidebar-logo{gap:.875rem;margin-bottom:0;padding:2rem 2rem 1.5rem}.sidebar-logo,.sidebar-logo .logo-icon{align-items:center;display:flex;flex-shrink:0}.sidebar-logo .logo-icon{background:#b8956a;border-radius:12px;color:#fff;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.sidebar-logo h1{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.sidebar-nav{flex:1 1;min-height:0;overflow-y:auto;padding:.5rem 1rem 1rem}.nav-item{border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.9375rem;font-weight:500;gap:.875rem;margin-bottom:.375rem;padding:.875rem 1rem;position:relative;transition:all .2s ease}.nav-item,.unread-badge-corner{align-items:center;display:flex}.unread-badge-corner{background:#ef4444;border-radius:12px;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:999}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#b8956a;color:#fff}.nav-icon{flex-shrink:0;font-size:1.125rem}.nav-badge{background:#dc2626;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;margin-left:auto;min-width:20px;padding:.125rem .5rem;text-align:center}.sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;padding:1.5rem 2rem}.user-profile{gap:.875rem}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:#b8956a;border-radius:50%;color:#fff;flex-shrink:0;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-info h4{color:#fff;font-size:.9375rem;font-weight:600;margin:0 0 .125rem}.user-info p{color:#fff;font-size:.8125rem;margin:0;opacity:.6}.dashboard-layout .logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease;width:100%}.dashboard-layout .logout-btn:hover{background:#ffffff26;border-color:#ffffff4d}.dashboard-main{flex:1 1;margin-left:280px;overflow-y:auto;padding:3rem}.page-header{margin-bottom:3rem}.page-title{color:#0f172a;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:0 0 .5rem}.page-subtitle{color:#64748b;font-size:1rem;font-weight:400;margin:0}.error-message{background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-weight:500;line-height:1.6;margin-bottom:2rem;padding:1.25rem 1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:3rem}.stat-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.stat-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.8}.stat-content h3{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:1px;margin:0 0 .75rem;text-transform:uppercase}.stat-number{color:#0f172a;font-size:2.75rem;font-weight:700;letter-spacing:-1px;line-height:1}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:#0f172a;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.filter-tabs{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000d;display:flex;gap:.5rem;padding:.375rem}.filter-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.filter-tab.active{background:#0f172a;color:#fff}.filter-tab:hover:not(.active){background:#f8f6f3;color:#0f172a}.no-cases{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:5rem 3rem;text-align:center}.no-cases-icon{font-size:5rem;margin-bottom:2rem;opacity:.3}.no-cases h2{color:#0f172a;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0 0 1rem}.no-cases p{color:#64748b;font-size:1rem;line-height:1.7}.cases-list{display:flex;flex-direction:column;gap:1rem}.case-card{background:#fff;border:2px solid #e8e4df;border-radius:12px;box-shadow:0 1px 2px #0000000d;cursor:pointer;padding:2rem;position:relative;transition:all .3s ease}.case-card:hover{border-color:#b8956a;box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.case-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1.25rem}.case-title-group h3{color:#0f172a;font-size:1.25rem;font-weight:600;letter-spacing:-.3px;margin:0 0 .375rem}.case-number{color:#64748b;font-size:.8125rem;font-weight:500}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.status-badge.active{background:#10b9811a;color:#059669}.status-badge.pending{background:#f59e0b1a;color:#d97706}.case-meta{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding-top:1.25rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#0f172a;font-size:.9375rem;font-weight:600}.dashboard-sidebar::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.dashboard-sidebar::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}}.sidebar-nav .nav-item{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;text-align:left;transition:all .15s ease;width:100%}.sidebar-nav .nav-item:hover{background:#ffffff1a;color:#fff}.sidebar-nav .nav-item.active{background:#ffffff26;color:#fff}.sidebar-nav .nav-item .nav-icon{font-size:1.125rem}@media (max-width:1024px){.client-panel .dashboard-sidebar{width:240px}.client-panel .dashboard-main{margin-left:240px;padding:2rem}.client-panel .page-title{font-size:2rem}}@media (max-width:768px){.client-panel .mobile-header{display:flex}.client-panel .sidebar-overlay{display:block}.client-panel .dashboard-sidebar{height:100dvh;max-height:-webkit-fill-available;overflow-y:auto;transform:translateX(-100%);width:280px}.client-panel .dashboard-sidebar.open{box-shadow:2px 0 10px #0000004d;transform:translateX(0)}.client-panel .sidebar-logo{padding:1.5rem 1.5rem 1rem}.client-panel .sidebar-logo .logo-icon{font-size:1.25rem;height:40px;width:40px}.client-panel .sidebar-logo h1{font-size:1.25rem}.client-panel .sidebar-nav{padding:.5rem 1rem}.client-panel .nav-item{font-size:.875rem;margin-bottom:.25rem;padding:.75rem 1rem}.client-panel .sidebar-footer{gap:.75rem;padding:1rem 1.5rem 1.5rem}.client-panel .user-profile{gap:.75rem}.client-panel .user-avatar{font-size:1rem;height:40px;width:40px}.client-panel .user-info h4{font-size:.875rem}.client-panel .user-info p{font-size:.75rem}.client-panel .dashboard-layout .logout-btn{font-size:.875rem;padding:.75rem 1rem}.client-panel .dashboard-main{margin-left:0;padding:5rem 1.5rem 2rem}.client-panel .page-title{font-size:1.875rem}.client-panel .stats-grid{grid-template-columns:repeat(2,1fr)}.client-panel .case-meta{gap:1rem;grid-template-columns:1fr}.client-panel .section-header{align-items:flex-start;flex-direction:column;gap:1rem}.client-panel .case-header{flex-direction:column;gap:.75rem}.client-panel .case-card{padding:1.5rem}}@media (max-width:480px){.client-panel .dashboard-main{padding:5rem 1rem 1.5rem}.client-panel .page-title{font-size:1.625rem}.client-panel .page-subtitle{font-size:.9375rem}.client-panel .stats-grid{gap:1rem;grid-template-columns:1fr}.client-panel .stat-card{padding:1.5rem}.client-panel .stat-icon{font-size:2rem}.client-panel .stat-number{font-size:2.25rem}.client-panel .case-card{padding:1.25rem}.client-panel .case-title-group h3{font-size:1.125rem}.client-panel .no-cases{padding:3rem 1.5rem}.client-panel .no-cases-icon{font-size:3.5rem}.client-panel .no-cases h2{font-size:1.5rem}}body.sidebar-open{overflow:hidden;position:fixed;width:100%}.client-panel{--primary-brown:#5d4e37;--primary-brown-light:#7a6b52;--primary-brown-dark:#3e332a;--secondary-beige:#d4c4a8;--secondary-beige-light:#e8dcc8;--secondary-beige-dark:#b8a88a;--neutral-gray:#8b8680;--neutral-gray-light:#aca49e;--neutral-gray-dark:#5c5854;--accent-navy:#2c3e50;--accent-green:#4a5d4f;--accent-gold:#b8935e;--success:#567259;--warning:#b8935e;--error:#8b4545;--info:#5d7b8c;--bg-primary:#fdfbf7;--bg-secondary:#f5f1eb;--bg-tertiary:#ebe5db;--bg-dark:#3e332a;--text-primary:#2d2520;--text-secondary:#5c5854;--text-tertiary:#8b8680;--text-white:#fdfbf7;--border-light:#e8dcc8;--border-medium:#d4c4a8;--border-dark:#b8a88a;--shadow-sm:0 1px 3px #3d332a14;--shadow-md:0 4px 12px #3d332a1f;--shadow-lg:0 8px 24px #3d332a29;--shadow-xl:0 12px 36px #3d332a33;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-secondary:Georgia,"Times New Roman",serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.client-panel *{box-sizing:border-box}.client-panel{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6}.client-panel .bg-gradient-primary{background:linear-gradient(135deg,var(--primary-brown) 0,var(--primary-brown-dark) 100%)}.client-panel .bg-gradient-secondary{background:linear-gradient(135deg,var(--secondary-beige-light) 0,var(--secondary-beige) 100%)}.client-panel .bg-gradient-elegant{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--secondary-beige-light) 100%)}.client-panel .card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.client-panel .card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.client-panel .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.client-panel .btn-primary{background:var(--primary-brown);box-shadow:var(--shadow-sm);color:var(--text-white)}.client-panel .btn-primary:hover{background:var(--primary-brown-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.client-panel .btn-secondary{background:var(--secondary-beige);border:1px solid var(--border-medium);color:var(--text-primary)}.client-panel .btn-secondary:hover{background:var(--secondary-beige-dark);border-color:var(--border-dark)}.client-panel .badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.client-panel .badge-success{background:#56725926;border:1px solid var(--success);color:var(--success)}.client-panel .badge-warning{background:#b8935e26;border:1px solid var(--warning);color:var(--warning)}.client-panel .badge-error{background:#8b454526;border:1px solid var(--error);color:var(--error)}.client-panel .badge-info{background:#5d7b8c26;border:1px solid var(--info);color:var(--info)}@keyframes clientFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes clientSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes clientPulse{0%,to{opacity:1}50%{opacity:.7}}.client-panel .animate-fade-in{animation:clientFadeIn var(--transition-base)}.client-panel .animate-slide-in{animation:clientSlideIn var(--transition-base)}@media (max-width:768px){.client-panel{--font-size-3xl:1.5rem;--font-size-4xl:1.875rem}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.client-panel{.case-details{background:#f8f6f3;min-height:100vh}.error-container,.loading-container{align-items:center;background:#f8f6f3;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8e4df;border-radius:50%;border-top-color:#0f172a;height:60px;margin-bottom:1.5rem;width:60px}.case-header{background:#fff;border-bottom:1px solid #e8e4df;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:90}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 2rem}.back-btn{align-items:center;background:#fff;border:1.5px solid #e8e4df;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.back-btn:hover{background:#f8f6f3;border-color:#0f172a;transform:translateX(-2px)}.case-title-section{flex:1 1}.case-title-section h1{color:#0f172a;font-size:1.625rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.status-badge{align-items:center;background:#10b9811a;border-radius:16px;color:#059669;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.case-navigation{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #e8e4df;overflow-x:auto}.case-navigation::-webkit-scrollbar{height:0}.nav-tabs{display:flex;gap:0;margin:0 auto;max-width:1200px;min-width:min-content;padding:0 2rem}.nav-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:600;gap:.625rem;padding:1rem 1.5rem;position:relative;transition:all .2s ease;white-space:nowrap}.nav-tab.active,.nav-tab:hover{background:#f8f6f3;color:#0f172a}.nav-tab.active{border-bottom-color:#0f172a}.tab-indicator{background:#dc2626;border-radius:50%;height:8px;position:absolute;right:.625rem;top:.625rem;width:8px}.case-main{margin:0 auto;max-width:1200px;padding:2rem}.alert{animation:slideIn .3s ease-out;border-radius:10px;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-error{background:#fef2f2;border-left:4px solid #dc2626;color:#dc2626}.overview-content{animation:fadeIn .3s ease}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.info-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:2rem;transition:all .2s ease}.info-card:hover{box-shadow:0 4px 6px #00000012}.info-card.full-width{grid-column:1/-1}.info-card h3{color:#0f172a;font-size:1.125rem;font-weight:700;letter-spacing:-.3px;margin:0 0 1.5rem}.info-grid{gap:1.25rem}.info-grid,.info-item{display:flex;flex-direction:column}.info-item{gap:.375rem}.info-label{color:#64748b;font-size:.875rem;font-weight:730}.info-value{color:#0f172a;font-size:.9375rem;font-weight:500;line-height:1.6}.employee-info{align-items:start;display:flex;gap:1.5rem}.employee-avatar{align-items:center;background:#0f172a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:64px;justify-content:center;width:64px}.employee-details{display:flex;flex-direction:column;gap:.375rem}.employee-details h4{color:#0f172a;font-size:1.125rem;font-weight:700;letter-spacing:-.3px;margin:0}.employee-details p{color:#64748b;font-size:.875rem;margin:0}.status-message-box{background:#f8f6f3;border-left:4px solid #0f172a;border-radius:10px;padding:1.5rem}.status-message{color:#0f172a;font-size:1rem;font-weight:400;line-height:1.7;margin:0}.status-meta-info{border-top:1px solid #e8e4df;display:flex;gap:2rem;margin-top:1rem;padding-top:1rem}.meta-item{color:#64748b;font-size:.8125rem}.meta-item strong{color:#0f172a;font-weight:600}.form-status-info{align-items:center;display:flex;gap:1.25rem}.status-icon{flex-shrink:0;font-size:2.5rem}.status-text{color:#0f172a;font-size:1rem;font-weight:600;margin:0 0 .25rem}.status-date{color:#64748b;font-size:.875rem;margin:0}.form-content{animation:fadeIn .3s ease}.form-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:2rem}.form-header{align-items:center;border-bottom:1px solid #e8e4df;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.form-header h3{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0}.form-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.form-status.completed{background:#10b9811a;color:#059669}.form-status.pending{background:#f59e0b1a;color:#d97706}.form-description{color:#64748b;line-height:1.7;margin-bottom:2rem}.form-description p{margin:0 0 .75rem}.chat-content{animation:fadeIn .3s ease}.chat-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;height:600px;max-height:70vh}.chat-header{border-bottom:1px solid #e8e4df;flex-shrink:0;padding:1.5rem 2rem}.chat-header h3{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0}.messages-container{background:#f8f6f3;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:2rem}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#e8e4df}.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.no-messages{align-items:center;color:#94a3b8;justify-content:center;min-height:200px;text-align:center}.message,.no-messages{display:flex;flex-direction:column}.message{word-wrap:break-word;animation:messageIn .3s ease-out;max-width:70%;overflow-wrap:break-word}.message-client{align-self:flex-end}.message-employee{align-self:flex-start}.message-header{color:#64748b;display:flex;font-size:.75rem;gap:.75rem;margin-bottom:.5rem}.message-client .message-header{flex-direction:row-reverse}.message-sender{color:#0f172a;font-weight:600}.message-content{word-wrap:break-word;border-radius:12px;font-size:.9375rem;line-height:1.6;max-width:100%;overflow-wrap:break-word;padding:1rem 1.25rem;white-space:pre-wrap}.message-client .message-content{background:#0f172a;border-bottom-right-radius:4px;color:#fff}.message-employee .message-content{background:#fff;border:1px solid #e8e4df;border-bottom-left-radius:4px;color:#0f172a}.message-form{background:#fff;border-top:1px solid #e8e4df;flex-shrink:0;padding:1.5rem 2rem}.message-input-wrapper{align-items:flex-end;display:flex;gap:1rem}.message-input{border:1.5px solid #e8e4df;border-radius:8px;flex:1 1;font-family:inherit;font-size:.9375rem;max-height:120px;min-height:44px;padding:.875rem 1rem;resize:none;transition:border-color .2s ease}.message-input:focus{border-color:#0f172a;outline:none}.send-btn{align-items:center;background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-btn:hover:not(:disabled){background:#1e293b}.send-btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s ease}.btn-primary:hover{background:#1e293b;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1.5px solid #e8e4df;border-radius:8px;color:#0f172a;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s ease}.btn-secondary:hover{background:#f8f6f3;border-color:#0f172a}}.client-panel .send-btn{flex-shrink:0;height:44px;min-width:44px;position:static!important;width:44px}.client-panel .message-input{padding-right:1rem!important;width:auto!important}@media (max-width:1024px){.client-panel .overview-grid{grid-template-columns:1fr}}@media (max-width:768px){.client-panel .header-content{align-items:flex-start;flex-direction:column;padding:1.5rem}.client-panel .case-navigation{position:sticky;top:0;z-index:10}.client-panel .nav-tabs{gap:.5rem;padding:0 1rem}.client-panel .nav-tab{font-size:.8125rem;padding:.875rem 1.25rem}.client-panel .case-main{padding:1.5rem}.client-panel .message{max-width:85%}.client-panel .case-title-section h1{font-size:1.375rem}.client-panel .chat-card{height:500px;max-height:60vh}.client-panel .messages-container{gap:1.25rem;padding:1.5rem}.client-panel .message-form{padding:1rem 1.5rem}}@media (max-width:480px){.client-panel .header-content{padding:1rem}.client-panel .back-btn{font-size:.8125rem;padding:.625rem 1rem}.client-panel .case-title-section h1{font-size:1.25rem}.client-panel .status-badge{font-size:.6875rem;padding:.375rem .75rem}.client-panel .nav-tabs{gap:.25rem;padding:0 .5rem}.client-panel .nav-tab{font-size:.75rem;gap:.5rem;min-width:fit-content;padding:.75rem 1rem}.client-panel .tab-indicator{height:6px;right:.5rem;top:.5rem;width:6px}.client-panel .case-main{padding:1rem}.client-panel .info-card{padding:1.5rem}.client-panel .message{max-width:90%}.client-panel .chat-card{border-radius:8px;height:450px;max-height:55vh}.client-panel .chat-header{padding:1rem 1.25rem}.client-panel .chat-header h3{font-size:1.125rem}.client-panel .messages-container{gap:1rem;min-height:200px;padding:1rem}.client-panel .message-content{font-size:.875rem;padding:.875rem 1rem}.client-panel .message-header{font-size:.6875rem}.client-panel .message-form{padding:1rem}.client-panel .message-input-wrapper{gap:.75rem}.client-panel .message-input{font-size:.875rem;padding:.75rem .875rem}.client-panel .send-btn{font-size:1.125rem;height:40px;width:40px}}
/*# sourceMappingURL=main.6dfd1d85.css.map*/