.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-3);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);min-width:320px;max-width:420px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid;pointer-events:auto;animation:slideInRight .3s ease-out}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-error)}.toast.warning{border-left-color:var(--color-warning)}.toast.info{border-left-color:var(--color-primary)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-error)}.toast.warning .toast-icon{color:var(--color-warning)}.toast.info .toast-icon{color:var(--color-primary)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-gray-900);margin-bottom:2px}.toast-message{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.4}.toast-close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast)}.toast-close svg{width:14px;height:14px}.toast.exiting{animation:slideOutRight .2s ease-in forwards}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease-out}.confirm-dialog{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:400px;margin:var(--spacing-4);animation:slideInUp .2s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-header{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-6);padding-bottom:var(--spacing-4)}.confirm-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.confirm-icon.danger{background:#ef44441a;color:var(--color-error)}.confirm-icon.warning{background:#f59e0b1a;color:var(--color-warning)}.confirm-icon.info{background:var(--color-primary-alpha);color:var(--color-primary)}.confirm-icon svg{width:20px;height:20px}.confirm-content{flex:1}.confirm-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.confirm-message{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}.confirm-actions{display:flex;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);background:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.confirm-actions .btn{flex:1}.btn-danger{background:var(--color-error);color:var(--color-white);box-shadow:0 4px 14px #ef444440}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);z-index:100;animation:fadeIn var(--transition-slow) ease-out}.navbar-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-6);height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;text-decoration:none;gap:var(--spacing-3);transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.8}.logo-icon{height:40px;width:auto;padding-top:var(--spacing-1);color:var(--color-primary);display:flex;align-items:center}.logo-icon img{height:100%;width:auto;object-fit:contain}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900)}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-4)}@media (max-width: 768px){.navbar-container{padding:0 var(--spacing-4)}.logo-text{display:none}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--navbar-height);overflow:hidden}.hero-container{max-width:1280px;margin:0 auto;padding:var(--spacing-12) var(--spacing-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:center}.hero-content{max-width:560px}.hero-title{font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;color:var(--color-gray-900);margin-bottom:var(--spacing-6)}.hero-title-accent{display:block;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--spacing-8)}.hero-actions{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-10)}.hero-features{display:flex;flex-wrap:wrap;gap:var(--spacing-6);list-style:none;padding:0;margin:0}.hero-feature{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.hero-feature-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-alpha);color:var(--color-primary);border-radius:var(--radius-md)}.hero-image-wrapper{position:relative;display:flex;justify-content:center}.hero-image{position:relative;width:100%;max-width:600px;aspect-ratio:4/3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;z-index:1}.hero-image-content{width:100%;height:100%}.hero-external-image{width:100%;height:100%;object-fit:cover}.mockup-header{height:32px;background:var(--color-gray-200);display:flex;align-items:center;padding:0 var(--spacing-3)}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;background:var(--color-gray-300);border-radius:50%}.mockup-body{display:flex;height:calc(100% - 32px);padding:var(--spacing-3);gap:var(--spacing-3)}.mockup-sidebar{width:60px;background:var(--color-white);border-radius:var(--radius-md)}.mockup-main{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3)}.mockup-card{height:60px;background:var(--color-white);border-radius:var(--radius-md);animation:pulse 2s ease-in-out infinite}.mockup-card.short{width:60%}.hero-image-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--color-primary-alpha) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;animation:pulse 4s ease-in-out infinite}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:var(--spacing-12);text-align:center}.hero-content{max-width:100%}.hero-title{font-size:var(--font-size-4xl)}.hero-actions,.hero-features{justify-content:center}.hero-image-wrapper{order:-1}.hero-image{max-width:400px}}@media (max-width: 640px){.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.hero-features{flex-direction:column;align-items:center}}.landing-page{min-height:100vh;position:relative;overflow:hidden}.bg-decoration{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.bg-circle{position:absolute;border-radius:50%;opacity:.5}.bg-circle-1{width:600px;height:600px;background:radial-gradient(circle,var(--color-primary-alpha) 0%,transparent 70%);top:-200px;right:-200px}.bg-circle-2{width:400px;height:400px;background:radial-gradient(circle,rgba(150,3,0,.05) 0%,transparent 70%);bottom:-100px;left:-100px}.landing-footer{position:absolute;bottom:0;width:100%;padding:1.5rem;text-align:center;z-index:10}.landing-footer-content{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.875rem;color:var(--color-text-light)}.landing-footer-content a{color:var(--color-text-light);text-decoration:none;transition:color .2s ease}.landing-footer-content a:hover{color:var(--color-primary)}.footer-divider{color:var(--color-border);opacity:.5}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);position:relative;overflow:hidden}.login-container{width:100%;max-width:420px;background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-10);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:var(--spacing-8)}.login-logo{display:inline-flex;margin-bottom:var(--spacing-6)}.login-logo .logo-icon{width:56px;height:56px;color:var(--color-primary);transition:transform var(--transition-base)}.login-logo:hover .logo-icon{transform:scale(1.05)}.login-logo .logo-icon svg{width:100%;height:100%}.login-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.login-subtitle{font-size:var(--font-size-base);color:var(--color-gray-500)}.login-form{margin-bottom:var(--spacing-6)}.alert{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);font-size:var(--font-size-sm)}.alert-error{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.login-submit{width:100%;margin-top:var(--spacing-2)}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-100)}.login-bg{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.login-bg-shape{position:absolute;width:800px;height:800px;background:radial-gradient(circle,var(--color-primary-alpha) 0%,transparent 60%);border-radius:50%;top:-400px;right:-200px;opacity:.6}.mock-login-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-4) 0;color:var(--color-gray-400);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.mock-login-divider:before,.mock-login-divider:after{content:"";flex:1;border-bottom:1px dashed var(--color-gray-300)}.mock-login-divider span{padding:0 var(--spacing-3)}.mock-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;opacity:.9}.mock-login-btn:hover{opacity:1;transform:translateY(-1px)}@media (max-width: 480px){.login-container{padding:var(--spacing-6)}.login-title{font-size:var(--font-size-xl)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;animation:slideInLeft var(--transition-slow) ease-out;z-index:50}.sidebar-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-logo .logo-icon{width:40px;height:40px;color:var(--color-primary)}.sidebar-logo .logo-icon svg{width:100%;height:100%}.sidebar-logo .logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900)}.sidebar-nav{flex:1;padding:var(--spacing-4);overflow-y:auto}.nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-gray-600);font-weight:500;transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.nav-item.active{background:var(--color-primary-alpha);color:var(--color-primary)}.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:var(--font-size-sm)}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.user-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--font-size-xs);color:var(--color-gray-500)}.logout-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-shrink:0}.logout-btn:hover{background:var(--color-gray-100);color:var(--color-error)}.logout-btn svg{width:20px;height:20px}.sidebar-toggle{display:none;position:fixed;top:var(--spacing-4);left:var(--spacing-4);z-index:60;width:48px;height:48px;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-gray-700);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--color-gray-50);color:var(--color-primary)}.sidebar-toggle svg{width:24px;height:24px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:40;animation:fadeIn var(--transition-fast) ease-out}@media (max-width: 768px){.sidebar-toggle{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform var(--transition-base) ease-out}.sidebar.open{transform:translate(0)}}.dashboard-layout{min-height:100vh;display:flex}.dashboard-main{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-8);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%)}.dashboard-header{margin-bottom:var(--spacing-8)}.dashboard-welcome{max-width:600px}.dashboard-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.dashboard-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-500)}.dashboard-content{animation-delay:.1s;display:flex;flex-direction:column;gap:var(--spacing-8)}.dashboard-section{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-md)}.section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-2)}.section-title:before{content:"";width:4px;height:24px;background:var(--color-primary);border-radius:var(--radius-full)}.onboarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-6)}.onboarding-card{padding:var(--spacing-6);background:var(--color-gray-50);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);transition:all var(--transition-base)}.onboarding-card:hover{background:var(--color-white);border-color:var(--color-gray-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{width:48px;height:48px;background:var(--color-primary-alpha);color:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4)}.card-icon svg{width:24px;height:24px}.card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.card-description{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.6;margin-bottom:var(--spacing-4)}.card-status{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.card-status.coming-soon{background:var(--color-gray-200);color:var(--color-gray-600)}.card-status.active{background:#10b9811a;color:var(--color-success)}@media (max-width: 1024px){.dashboard-main{padding:var(--spacing-6)}.dashboard-title{font-size:var(--font-size-2xl)}}@media (max-width: 768px){.dashboard-main{margin-left:0;padding:var(--spacing-4);padding-top:calc(var(--spacing-4) + 64px)}.dashboard-section{padding:var(--spacing-5)}.onboarding-grid{grid-template-columns:1fr}.onboarding-card{padding:var(--spacing-5)}}.dashboard-contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.dashboard-contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-6);background:var(--color-gray-50);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);transition:all var(--transition-base)}.dashboard-contact-card:hover{background:var(--color-white);border-color:var(--color-gray-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-contact-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:#fff;margin-bottom:var(--spacing-3)}.dashboard-contact-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.dashboard-contact-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-800)}.dashboard-contact-role{display:inline-flex;align-items:center;padding:2px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.contact-role-badge--lohnbuchhalter{background:#0596691a;color:#059669}.contact-role-badge--partner{background:#3b82f61a;color:#2563eb}.contact-role-badge--rechnungswesen{background:#d977061a;color:#d97706}.contact-role-badge--beratung{background:#7c3aed1a;color:#7c3aed}.contact-role-badge--jahresabschluss{background:#dc26261a;color:#dc2626}.dashboard-contact-email{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.dashboard-contact-email:hover{color:var(--color-primary)}.dashboard-contact-links{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);width:100%}.dashboard-contact-phone{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.dashboard-contact-phone:hover{color:var(--color-primary)}.dashboard-empty-contacts{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-4);color:var(--color-gray-400);font-size:var(--font-size-sm)}.kanban-board{display:flex;gap:var(--spacing-4);padding-bottom:var(--spacing-4);height:calc(100vh - 250px);align-items:flex-start;max-width:100%}.kanban-column{background:var(--color-gray-50);border-radius:var(--radius-lg);flex:1;min-width:280px;max-width:400px;display:flex;flex-direction:column;height:100%;border:1px solid var(--color-gray-200)}.kanban-column-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center;background:var(--color-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kanban-column-title{font-weight:600;color:var(--color-gray-700);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-2)}.kanban-column-count{background:var(--color-gray-200);color:var(--color-gray-600);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.kanban-column-content{padding:var(--spacing-3);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-3)}.kanban-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);cursor:grab;transition:all var(--transition-fast)}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-200)}.kanban-card.dragging{opacity:.5;cursor:grabbing;box-shadow:var(--shadow-lg)}.kanban-card-title{font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-1);font-size:var(--font-size-sm)}.kanban-card-subtitle{color:var(--color-gray-500);font-size:var(--font-size-xs);margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1)}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-gray-400)}.kanban-card-actions{display:flex;gap:var(--spacing-2)}.kanban-action-btn{padding:4px;border-radius:var(--radius-sm);color:var(--color-gray-400);transition:all var(--transition-fast)}.kanban-action-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.column-draft .kanban-column-header{border-top:3px solid var(--color-gray-400)}.column-submitted .kanban-column-header{border-top:3px solid var(--color-primary)}.column-in-review .kanban-column-header{border-top:3px solid #f59e0b}.column-ready .kanban-column-header{border-top:3px solid #10b981}.column-completed .kanban-column-header{border-top:3px solid #6366f1}.onboarding-overview{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.overview-title-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.overview-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900)}.overview-subtitle{font-size:var(--font-size-base);color:var(--color-gray-500)}.overview-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.search-box{display:flex;align-items:center;gap:var(--spacing-2);flex:1;max-width:400px;padding:var(--spacing-3) var(--spacing-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.search-box svg{color:var(--color-gray-400)}.search-input{flex:1;border:none;outline:none;font-size:var(--font-size-base);background:transparent}.view-toggle{display:flex;background:var(--color-gray-100);padding:2px;border-radius:var(--radius-md);gap:2px;margin-left:auto}.toggle-btn{border:none;background:transparent;padding:var(--spacing-2);border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.toggle-btn:hover{color:var(--color-gray-700)}.toggle-btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.filter-select{padding:var(--spacing-3) var(--spacing-4);padding-right:40px;font-size:var(--font-size-base);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.overview-content{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);text-align:center;color:var(--color-gray-500)}.loading-state .spinner{width:32px;height:32px;margin-bottom:var(--spacing-4)}.empty-state svg{color:var(--color-gray-300);margin-bottom:var(--spacing-4)}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.onboarding-list{display:flex;flex-direction:column}.list-header{display:grid;grid-template-columns:80px 1fr 140px 120px 80px;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);background:var(--color-gray-50);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.list-row{display:grid;grid-template-columns:80px 1fr 140px 120px 80px;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-100);align-items:center;transition:background var(--transition-fast);text-decoration:none;color:inherit}.list-row:hover{background:var(--color-gray-50)}.list-col-nr{font-weight:600;color:var(--color-primary)}.list-col-name{font-weight:500;color:var(--color-gray-800)}.list-col-action{display:flex;justify-content:flex-end;gap:var(--spacing-2);color:var(--color-gray-400)}.list-col-action .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-gray-400);transition:all var(--transition-fast);text-decoration:none}.list-col-action .action-btn:hover{background:var(--color-primary);color:#fff}.list-col-action .print-btn:hover{background:var(--color-primary)}.list-row:hover .list-col-action .view-btn{color:var(--color-primary)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.status-badge.draft{background:#f59e0b1a;color:#d97706}.status-badge.completed{background:#10b9811a;color:var(--color-success)}.onboarding-form-page{padding:var(--spacing-6);max-width:900px;margin:0 auto}.sticky-header{position:sticky;top:0;z-index:100;background:var(--color-gray-50);margin:calc(-1 * var(--spacing-6));margin-bottom:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.form-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.form-header-left{flex:1}.form-header-center{display:flex;align-items:center;gap:var(--spacing-3)}.form-header-right{flex:1;display:flex;justify-content:flex-end}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-500);transition:color var(--transition-fast)}.order-number{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}@media (max-width: 768px){.overview-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.overview-filters{flex-direction:column}.search-box{max-width:none}.list-header,.list-row{grid-template-columns:1fr;gap:var(--spacing-2)}.list-header{display:none}.list-row{display:flex;flex-direction:column;align-items:flex-start}.form-header{flex-direction:column;align-items:flex-start}.form-header-center,.form-header-right{width:100%;justify-content:flex-start}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.onboarding-overview,.onboarding-form-page{padding-top:calc(var(--spacing-6) + 48px)}.sticky-header{top:48px}}.auto-save-indicator{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-500);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-gray-50)}.auto-save-indicator.saving{color:var(--color-gray-600)}.auto-save-indicator.saved{color:var(--color-success);background:#10b9811a}.auto-save-indicator.error{color:var(--color-error);background:#ef44441a}.spinner-small{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.retry-btn{margin-left:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-error);background:transparent;border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.retry-btn:hover{background:var(--color-error);color:#fff}.progress-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.progress-title{display:flex;align-items:center;gap:var(--spacing-2)}.progress-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600)}.progress-percentage{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-800);transition:color .3s ease}.progress-percentage.complete{color:var(--color-success)}.progress-stats{display:flex;gap:var(--spacing-4)}.progress-stat{font-size:var(--font-size-xs);color:var(--color-gray-500);background:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md)}.progress-bar-track{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark, #1d4ed8));border-radius:var(--radius-full);transition:width .4s ease-out}.progress-bar-fill.complete{background:linear-gradient(90deg,var(--color-success),#059669)}.progress-missing{display:flex;align-items:flex-start;gap:var(--spacing-2);margin-top:var(--spacing-3);font-size:var(--font-size-xs)}.missing-label{color:var(--color-gray-500);font-weight:500;white-space:nowrap}.missing-fields{color:var(--color-warning, #d97706);line-height:1.4}.progress-complete-message{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:#10b9811a;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-success);font-weight:500;display:flex;align-items:center;gap:var(--spacing-2)}.progress-complete-message:before{content:"✓";font-weight:700}@media (max-width: 640px){.progress-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.progress-stats{width:100%;justify-content:flex-start}.progress-missing{flex-direction:column;gap:var(--spacing-1)}}.form-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);overflow:hidden;border:1px solid var(--color-gray-200);transition:box-shadow var(--transition-base)}.form-section:hover{box-shadow:var(--shadow-md)}.form-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);background:var(--color-white);border:none;cursor:pointer;transition:background var(--transition-fast)}.form-section-header:hover{background:var(--color-gray-50)}.form-section-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800)}.form-section-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-primary)}.form-section-icon svg{width:20px;height:20px}.required-indicator{color:var(--color-error);font-size:var(--font-size-xs);margin-left:var(--spacing-1)}.form-section-chevron{color:var(--color-gray-400);transition:transform var(--transition-base)}.form-section-chevron.rotated{transform:rotate(180deg)}.form-section-content{display:none;overflow:hidden}.form-section-content[hidden]{display:none}.form-section.open .form-section-content{display:block;animation:slideDown var(--transition-slow) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-section-inner{padding:0 var(--spacing-6) var(--spacing-6);border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-5)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-row:last-child{margin-bottom:0}.form-row.single{grid-template-columns:1fr}.form-row.triple{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.form-row,.form-row.triple{grid-template-columns:1fr}}.form-section .form-group{margin-bottom:0}.form-section .form-label{display:flex;align-items:center;gap:var(--spacing-1)}.form-section .form-label .required{color:var(--color-error)}.form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-family:inherit;color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);resize:vertical;min-height:100px}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.hint-box{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);color:#1d4ed8;font-size:var(--font-size-sm)}.hint-box svg{flex-shrink:0;margin-top:2px}.plz-field-wrapper{position:relative}.plz-loading,.plz-success{position:absolute;right:var(--spacing-3);bottom:var(--spacing-3);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);pointer-events:none}.plz-loading{color:var(--color-gray-500);background:var(--color-gray-100);animation:pulse 1s ease-in-out infinite}.plz-success{color:var(--color-success);background:#10b9811a;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.copyable-input-wrapper{position:relative;width:100%}.copyable-input-wrapper .form-input,.copyable-input-wrapper .form-select{padding-right:36px}.copy-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-gray-400);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.copyable-input-wrapper:hover .copy-btn,.copyable-input-wrapper:focus-within .copy-btn{opacity:1}.copy-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.copy-btn:active{transform:translateY(-50%) scale(.95)}.copy-btn.copied{color:var(--color-success);opacity:1}.copy-btn svg{width:14px;height:14px}.file-upload-wrapper{width:100%}.file-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-gray-50);cursor:pointer;transition:all var(--transition-base)}.file-upload-dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-alpha)}.file-upload-dropzone.dragging{border-color:var(--color-primary);background:var(--color-primary-alpha);transform:scale(1.01)}.file-upload-dropzone.disabled{opacity:.6;cursor:not-allowed}.file-upload-dropzone svg{color:var(--color-gray-400);margin-bottom:var(--spacing-3)}.dropzone-text{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-1)}.dropzone-link{color:var(--color-primary);font-weight:500;text-decoration:underline}.dropzone-hint{font-size:var(--font-size-xs);color:var(--color-gray-400)}.file-input-hidden{display:none}.file-upload-preview{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.file-info{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-gray-700)}.file-info svg{color:var(--color-primary)}.file-name{font-size:var(--font-size-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-gray-400);transition:all var(--transition-fast)}.file-remove-btn:hover{background:#ef44441a;color:var(--color-error)}.file-remove-btn:disabled{opacity:.5;cursor:not-allowed}.file-link{color:var(--color-primary);text-decoration:underline;cursor:pointer}.file-link:hover{color:var(--color-primary-dark)}.file-actions{display:flex;align-items:center;gap:var(--spacing-2)}.file-open-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-primary);transition:all var(--transition-fast)}.file-open-btn:hover{background:var(--color-primary-alpha)}.file-upload-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:var(--color-gray-50);border:1px dashed var(--color-gray-300);border-radius:var(--radius-lg)}.file-empty-text{font-size:var(--font-size-sm);color:var(--color-gray-400)}.dynamic-field-container{margin-top:var(--spacing-4)}.dynamic-field-header{margin-bottom:var(--spacing-3)}.dynamic-field-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.dynamic-field-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.dynamic-field-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.dynamic-field-name{font-weight:500;color:var(--color-gray-800)}.dynamic-field-meta{font-size:var(--font-size-sm);color:var(--color-gray-500)}.vertreter-item .dynamic-field-content{gap:var(--spacing-2)}.vertreter-details{display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4)}.dynamic-field-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-gray-400);transition:all var(--transition-fast)}.dynamic-field-delete:hover{background:#ef44441a;color:var(--color-error)}.dynamic-field-delete:disabled{opacity:.5;cursor:not-allowed}.dynamic-field-form{padding:var(--spacing-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3)}.dynamic-field-form .form-row{margin-bottom:var(--spacing-3)}.dynamic-field-form .form-row:last-of-type{margin-bottom:var(--spacing-4)}.dynamic-field-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.dynamic-field-add-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);background:transparent;border:1px dashed var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.dynamic-field-add-btn:hover{background:var(--color-primary-alpha)}.dynamic-field-add-btn:disabled{opacity:.5;cursor:not-allowed}.chat-bubble{display:flex;flex-direction:column;max-width:80%;word-wrap:break-word;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.user{align-self:flex-end}.chat-bubble.user .chat-bubble-content{background:#960300;color:#fff;border-radius:18px 18px 4px}.chat-bubble.assistant{align-self:flex-start}.chat-bubble.assistant .chat-bubble-content{background:#fff;color:#1e293b;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #00000014}.chat-bubble-content{padding:12px 16px;line-height:1.5;font-size:14px}.chat-bubble-content p{margin:0}.chat-bubble-content strong{font-weight:600}.chat-bubble-content em{font-style:italic}.chat-bubble-meta{font-size:11px;color:#94a3b8;margin-top:4px;padding:0 8px}.chat-bubble.user .chat-bubble-meta{text-align:right}.chat-bubble.assistant .chat-bubble-meta{text-align:left}.chat-widget-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#960300,#6b0200);border:none;box-shadow:0 4px 12px #9603004d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;z-index:1000;color:#fff}.chat-widget-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #96030066}.chat-widget-button:active{transform:scale(.95)}.chat-widget-panel{position:fixed;bottom:24px;right:24px;width:400px;height:600px;max-height:calc(100vh - 48px);background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-widget-header{background:linear-gradient(135deg,#960300,#6b0200);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0;flex-shrink:0}.chat-widget-header h3{margin:0;font-size:18px;font-weight:600}.chat-widget-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.chat-widget-close:hover{background:#ffffff1a}.chat-widget-messages{flex:1;overflow-y:auto;padding:20px;background:#f8fafc;display:flex;flex-direction:column;gap:12px}.chat-widget-messages::-webkit-scrollbar{width:6px}.chat-widget-messages::-webkit-scrollbar-track{background:#f1f5f9}.chat-widget-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-widget-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#960300;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.error-message{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:14px;border-left:3px solid #dc2626}.welcome-message{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.welcome-message h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.welcome-message p{margin:0 0 8px;font-size:14px;line-height:1.5;color:#475569}.welcome-message p:last-child{margin-bottom:0}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#fff;border-radius:18px;align-self:flex-start;box-shadow:0 2px 8px #00000014}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-widget-input{padding:16px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:8px;flex-shrink:0}.chat-widget-input input{flex:1;padding:10px 14px;border:1px solid #cbd5e1;border-radius:20px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.chat-widget-input input:focus{border-color:#960300}.chat-widget-input input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.chat-widget-send{width:40px;height:40px;border-radius:50%;background:#960300;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s;flex-shrink:0}.chat-widget-send:hover:not(:disabled){background:#6b0200}.chat-widget-send:active:not(:disabled){transform:scale(.95)}.chat-widget-send:disabled{background:#cbd5e1;cursor:not-allowed}@media (max-width: 768px){.chat-widget-panel{width:calc(100vw - 32px);height:calc(100vh - 32px);bottom:16px;right:16px;max-height:none}.chat-widget-button{bottom:16px;right:16px}}@media (max-width: 480px){.chat-widget-panel{width:100vw;height:100vh;bottom:0;right:0;border-radius:0}.chat-widget-header{border-radius:0}}.mandanten-page{padding:var(--spacing-8)}.mandanten-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);flex-wrap:wrap;gap:var(--spacing-4)}.mandanten-title h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin:0}.mandanten-title p{color:var(--color-gray-500);margin-top:var(--spacing-2)}.mandanten-table-container{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-gray-200)}.mandanten-table{width:100%;border-collapse:collapse}.mandanten-table th{background:var(--color-gray-50);padding:var(--spacing-4);text-align:left;font-weight:600;color:var(--color-gray-600);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.mandanten-table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-800);font-size:var(--font-size-sm)}.mandanten-table tbody tr{transition:background var(--transition-fast)}.mandanten-table tbody tr:hover{background:var(--color-gray-50)}.mandanten-table tbody tr:last-child td{border-bottom:none}.action-btn{padding:var(--spacing-2);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.action-btn.action-btn-danger{color:var(--color-error)}.action-btn.action-btn-danger:hover{background:#ef44441a;color:var(--color-error)}.action-btn.action-btn-disabled{opacity:.3;cursor:not-allowed}.action-buttons{display:flex;gap:var(--spacing-2)}.table-loading,.table-empty{text-align:center;padding:var(--spacing-12);color:var(--color-gray-400)}.table-loading .spinner{display:inline-block}.cell-name{font-weight:500}.modal-description{margin-bottom:var(--spacing-6);color:var(--color-gray-500);line-height:1.6}.credential-actions{display:flex;gap:var(--spacing-2);align-items:center}.modal-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-5)}.modal-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.modal-actions .btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-actions .btn-secondary:hover{background:var(--color-gray-200)}.modal-actions .btn-success{background:#10b981;color:#fff}.modal-actions .btn-success:hover{background:#059669}.alert.alert-warning{display:flex;align-items:flex-start;gap:var(--spacing-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#92400e}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-700);text-transform:capitalize}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;padding:var(--spacing-4);animation:fadeIn var(--transition-fast) ease-out}.modal-content{background:var(--color-white);padding:var(--spacing-8);border-radius:var(--radius-2xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-slow) ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.modal-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--color-gray-400);border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.btn-full{width:100%;margin-top:var(--spacing-4)}.credentials-box{background:var(--color-gray-50);padding:var(--spacing-5);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-5)}.credential-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-4);flex-wrap:wrap}.credential-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.credential-label{font-weight:500;color:var(--color-gray-500);font-size:var(--font-size-sm)}.credential-value{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--color-white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.modal-content .alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.modal-content .alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#92400e}.modal-content .alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-error)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.mandanten-page{padding:var(--spacing-6)}.mandanten-table-container{overflow-x:auto}.mandanten-table{min-width:700px}}@media (max-width: 768px){.mandanten-page{padding:var(--spacing-4);padding-top:calc(var(--spacing-4) + 64px)}.mandanten-header{flex-direction:column;align-items:flex-start}.mandanten-header .btn{width:100%}.modal-content{padding:var(--spacing-5)}.credential-row{flex-direction:column;align-items:flex-start}.mandanten-title h1{font-size:var(--font-size-2xl)}}.mandanten-table-row-clickable{cursor:pointer;transition:all var(--transition-fast)}.mandanten-table-row-clickable:hover{background:var(--color-primary-50, rgba(79, 70, 229, .04))!important}.mandanten-table-row-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.mandanten-table-row-clickable td:first-child{color:var(--color-primary);font-weight:600}.status-badge--mandant{background:#3b82f61a;color:#2563eb}.status-badge--mitarbeiter{background:#10b9811a;color:#059669}.status-badge--admin{background:#8b5cf61a;color:#7c3aed}.mandant-detail-page{padding:var(--spacing-8);max-width:960px}.mandant-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8);gap:var(--spacing-4);flex-wrap:wrap}.mandant-detail-header-left{display:flex;flex-direction:column;gap:var(--spacing-3)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--color-gray-500);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.mandant-detail-title-group h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin:0}.mandant-detail-meta-row{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2)}.mandant-detail-company{color:var(--color-gray-500);font-size:var(--font-size-sm)}.mandant-detail-header-actions{display:flex;gap:var(--spacing-3)}.btn-danger{background:var(--color-error);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;display:inline-flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626}.mandant-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.mandant-detail-info-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-5)}.mandant-detail-info-label{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-500);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.05em}.mandant-detail-info-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900);word-break:break-all}.mandant-detail-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.mandant-detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.mandant-detail-section-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);display:flex;align-items:center;gap:var(--spacing-2);margin:0}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--spacing-1)}.mandant-detail-empty{color:var(--color-gray-400);text-align:center;padding:var(--spacing-6) 0;font-size:var(--font-size-sm)}.mandant-detail-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.mandant-detail-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);transition:all var(--transition-fast);text-decoration:none;color:inherit}.mandant-detail-list-item:hover{background:var(--color-gray-50);border-color:var(--color-gray-200)}a.mandant-detail-list-item:hover{border-color:var(--color-primary)}.mandant-detail-list-item-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.mandant-detail-list-item-title{font-weight:500;font-size:var(--font-size-sm);color:var(--color-gray-900)}.mandant-detail-list-item-sub{font-size:var(--font-size-xs);color:var(--color-gray-500)}.mandant-detail-list-item-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.mandant-detail-list-item--doc{flex-direction:column;align-items:stretch}.mandant-detail-list-item-header{display:flex;justify-content:space-between;align-items:center;width:100%}.mandant-detail-list-item--doc.expanded{border-color:var(--color-primary);background:var(--color-gray-50)}.mandant-detail-file-panel{padding-top:var(--spacing-3);margin-top:var(--spacing-3);border-top:1px solid var(--color-gray-200);animation:fadeIn .2s ease-out}.mandant-detail-file-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.doc-file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.doc-file-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.doc-file-item:hover{border-color:var(--color-primary)}.doc-file-info{display:flex;align-items:center;gap:var(--spacing-3);min-width:0;flex:1}.doc-file-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f114;border-radius:var(--radius-md);color:var(--color-primary)}.doc-file-icon svg{width:16px;height:16px}.doc-file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-file-size{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:1px}.doc-file-actions{display:flex;gap:var(--spacing-1);flex-shrink:0}.mandant-detail-create-form{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-4)}.mandant-detail-form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:var(--spacing-4);color:var(--color-gray-500)}@media (max-width: 768px){.mandant-detail-page{padding:var(--spacing-4);padding-top:calc(var(--spacing-4) + 64px)}.mandant-detail-header{flex-direction:column}.mandant-detail-header-actions{width:100%}.mandant-detail-header-actions .btn{flex:1}.mandant-detail-info-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.mandant-detail-list-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-4)}.contact-card{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);transition:all var(--transition-fast)}.contact-card:hover{background:var(--color-white);border-color:var(--color-gray-200);box-shadow:var(--shadow-sm)}.contact-card-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-base);flex-shrink:0}.contact-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-card-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-gray-900)}.contact-role-badge{display:inline-flex;align-items:center;padding:1px 8px;font-size:11px;font-weight:600;border-radius:var(--radius-full);width:fit-content}.role-badge--lohnbuchhalter{background:#0596691a;color:#059669}.role-badge--partner{background:#3b82f61a;color:#2563eb}.role-badge--rechnungswesen{background:#d977061a;color:#d97706}.role-badge--beratung{background:#7c3aed1a;color:#7c3aed}.role-badge--jahresabschluss{background:#dc26261a;color:#dc2626}.contact-card-email{font-size:var(--font-size-xs);color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card-email:hover{color:var(--color-primary)}.contact-card-phone{font-size:var(--font-size-xs);color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.contact-card-phone:hover{color:var(--color-primary)}.contact-phone-input{flex:1;min-width:100px}.contacts-section{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100)}.contacts-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.contacts-section-header .form-label{margin-bottom:0}.contact-row{display:flex;gap:var(--spacing-2);align-items:center;margin-bottom:var(--spacing-2)}.contact-select{flex:2}.contact-role-select{flex:1;min-width:120px}.btn-add-contact{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background:none;border:1px dashed var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-add-contact:hover{background:#4f46e50d}.btn-remove-contact{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.btn-remove-contact:hover{background:#ef44441a;color:var(--color-error)}.contacts-empty-hint{font-size:var(--font-size-xs);color:var(--color-gray-400);margin:0;padding:var(--spacing-2) 0}.contacts-edit-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.explorer-container{margin-left:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;padding:0}.explorer-window{background:var(--bg-primary);display:flex;flex-direction:column;flex:1;min-height:0}.explorer-toolbar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.explorer-toolbar-nav{display:flex;gap:2px}.explorer-nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s;padding:0}.explorer-nav-btn:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.explorer-nav-btn:disabled{opacity:.35;cursor:default}.explorer-nav-btn svg{width:16px;height:16px}.explorer-toolbar-title{flex:1;font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorer-toolbar-actions{display:flex;gap:4px}.explorer-toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s;padding:0}.explorer-toolbar-btn:hover{background:var(--border-color);color:var(--text-primary)}.explorer-toolbar-btn svg{width:16px;height:16px}.explorer-pathbar{display:flex;align-items:center;gap:.15rem;padding:.4rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:.78rem;flex-shrink:0;overflow-x:auto}.explorer-pathbar-segment{display:inline-flex;align-items:center;gap:.2rem;background:none;border:none;padding:.2rem .45rem;color:var(--primary);cursor:pointer;font-size:inherit;border-radius:4px;transition:background .12s;white-space:nowrap;font-weight:500}.explorer-pathbar-segment:hover{background:#6366f114}.explorer-pathbar-segment.current{color:var(--text-primary);font-weight:600;cursor:default}.explorer-pathbar-segment.current:hover{background:transparent}.explorer-pathbar-sep{color:var(--text-secondary);opacity:.4;font-size:.7rem;-webkit-user-select:none;user-select:none}.explorer-content{flex:1;overflow-y:auto;padding:0}.explorer-statusbar{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:.72rem;color:var(--text-secondary);flex-shrink:0}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;padding:1.25rem}.folder-card{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem .75rem;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;position:relative;gap:.3rem}.folder-card:hover{background:#6366f10a;border-color:#6366f126}.folder-card.selected{background:#6366f114;border-color:var(--primary)}.folder-card-icon{width:48px;height:48px;color:#960300;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:transform .15s}.folder-card:hover .folder-card-icon{transform:scale(1.06)}.folder-card-name{font-weight:500;font-size:.78rem;color:var(--text-primary);text-align:center;word-break:break-word;line-height:1.3;max-width:110px}.folder-card-count{font-size:.68rem;color:var(--text-secondary)}.folder-card-badge{position:absolute;top:4px;right:4px;font-size:.55rem;padding:1px 5px;border-radius:4px;background:var(--primary);color:#fff;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.folder-card-actions{position:absolute;top:4px;left:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.folder-card:hover .folder-card-actions{opacity:1}.folder-card-action-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;color:var(--text-secondary);transition:all .12s;padding:0}.folder-card-action-btn:hover{color:var(--text-primary);border-color:var(--primary)}.folder-card-action-btn.danger:hover{color:var(--danger, #ef4444);border-color:var(--danger, #ef4444)}.folder-card-action-btn svg{width:11px;height:11px}.folder-card--new{border:2px dashed var(--border-color);justify-content:center}.folder-card--new:hover{border-color:var(--primary);background:#6366f108}.folder-card--new .folder-card-icon{color:var(--text-secondary);width:32px;height:32px;filter:none}.folder-card--new:hover .folder-card-icon{color:var(--primary)}.folder-card--new .folder-card-name{color:var(--text-secondary);font-weight:500;font-size:.75rem}.folder-card--new:hover .folder-card-name{color:var(--primary)}.folder-rename-input{width:100%;max-width:110px;padding:.2rem .4rem;font-size:.78rem;border:2px solid var(--primary);border-radius:6px;text-align:center;outline:none;background:var(--bg-primary);color:var(--text-primary)}.upload-section{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.drop-zone{border:2px solid #960300;border-radius:10px;padding:1rem;text-align:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);position:relative}.drop-zone:hover,.drop-zone.active{border-color:var(--primary);background:#6366f10a;color:var(--primary)}.drop-zone-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.drop-zone-icon{width:24px;height:24px;flex-shrink:0;opacity:.5}.drop-zone:hover .drop-zone-icon{opacity:.85}.drop-zone-text{margin:0;font-size:.8rem;font-weight:500}.drop-zone-hint{margin:0;font-size:.68rem;opacity:.6}.drop-zone-label{display:flex;flex-direction:column;text-align:left}.upload-progress{margin-top:.75rem}.upload-progress-bar{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#818cf8);border-radius:2px;transition:width .3s ease;animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.upload-progress-label{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-secondary);margin-top:.3rem}.file-list-header{display:grid;grid-template-columns:1fr 80px 90px 60px;padding:.4rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:.68rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.file-list-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.file-list-empty svg{width:48px;height:48px;opacity:.15;margin-bottom:.5rem}.file-list-empty p{margin:0;font-size:.8rem}.file-list{display:flex;flex-direction:column}.file-row{display:grid;grid-template-columns:1fr 80px 90px 60px;align-items:center;padding:.5rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.04);transition:background .1s;cursor:default}.file-row:last-child{border-bottom:none}.file-row:hover{background:#6366f108}.file-row-name{display:flex;align-items:center;gap:.6rem;min-width:0}.file-row-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.file-row-icon svg{width:15px;height:15px}.file-row-icon--pdf{background:#ef44441a;color:#ef4444}.file-row-icon--image{background:#10b9811a;color:#10b981}.file-row-icon--doc{background:#3b82f61a;color:#3b82f6}.file-row-icon--sheet{background:#22c55e1a;color:#22c55e}.file-row-icon--default{background:#6366f11a;color:var(--primary)}.file-row-filename{font-size:.82rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row-size,.file-row-date{font-size:.75rem;color:var(--text-secondary)}.file-row-actions{display:flex;gap:2px;justify-content:flex-end;opacity:0;transition:opacity .12s}.file-row:hover .file-row-actions{opacity:1}.file-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .12s;padding:0}.file-action-btn:hover{color:var(--primary);background:#6366f10f;border-color:#6366f126}.file-action-btn.danger:hover{color:var(--danger, #ef4444);background:#ef44440f;border-color:#ef444426}.file-action-btn svg{width:13px;height:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFade .15s ease}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:1.75rem;width:400px;max-width:90vw;box-shadow:0 20px 50px #0000002e;animation:modalSlide .2s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box h2{font-size:1.05rem;margin:0 0 1.1rem;color:var(--text-primary);font-weight:600}.modal-input{width:100%;padding:.6rem .85rem;border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;margin-bottom:1.1rem;outline:none;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box;transition:border-color .2s}.modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.modal-btn{padding:.5rem 1.1rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:all .15s}.modal-btn--primary{background:var(--primary);color:#fff}.modal-btn--primary:disabled{opacity:.5;cursor:not-allowed}.modal-btn--primary:not(:disabled):hover{opacity:.9;box-shadow:0 3px 10px #6366f140}.modal-btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-btn--secondary:hover{background:var(--bg-tertiary, var(--border-color))}.explorer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;color:var(--text-secondary);gap:.75rem;font-size:.85rem}.explorer-loading-spinner{width:24px;height:24px;border:2.5px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.explorer-container{margin-left:0;padding-top:64px}.folder-grid{grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.75rem}.folder-card{padding:.75rem .35rem .6rem}.folder-card-icon{width:36px;height:36px}.file-list-header{display:none}.file-row{grid-template-columns:1fr 60px;padding:.5rem .75rem}.file-row-size,.file-row-date{display:none}.file-row-actions{opacity:1}.drop-zone-content{flex-direction:column;gap:.35rem}.drop-zone-label{text-align:center}}.print-view-container{min-height:100vh;background:#f8fafc;padding:1.5rem}.print-view{max-width:1000px;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 4px 24px #00000014;padding:1.5rem 2rem}.print-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.print-header .back-link{display:flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-size:.875rem;transition:color .2s}.print-header .back-link:hover{color:#3b82f6}.print-actions{display:flex;gap:.75rem}.print-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem}.print-title{text-align:center;margin-bottom:1.5rem}.print-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.print-subtitle{color:#64748b;margin:0;font-size:.95rem}.print-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.print-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:2px;padding:1rem;break-inside:avoid}.print-section.full-width{grid-column:1 / -1}.print-section-title{margin:0 0 .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b;display:flex;align-items:center;gap:.5rem}.print-section-title:before{content:"";display:inline-block;width:3px;height:14px;background:#3b82f6;border-radius:2px}.print-table{width:100%;border-collapse:collapse}.print-field{border-bottom:1px solid #e2e8f0}.print-field:last-child{border-bottom:none}.print-field-label{padding:.5rem .75rem .5rem 0;width:40%;color:#64748b;font-size:.8rem;font-weight:500;vertical-align:middle}.print-field-value{padding:.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.875rem;color:#1e293b;font-weight:600}.print-field-value span{flex:1;word-break:break-word}.print-field-value .copy-btn{flex-shrink:0;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;background:#f1f5f9;border-radius:2px;cursor:pointer;color:#64748b;transition:all .15s;opacity:1!important;position:static;transform:none}.print-field-value .copy-btn:hover:not(.disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.print-field-value .copy-btn.copied{background:#22c55e;border-color:#22c55e;color:#fff}.print-field-value .copy-btn.disabled{opacity:.3;cursor:not-allowed}.print-field-value .copy-btn svg{width:14px;height:14px}.print-field-value span.empty{color:#cbd5e1;font-style:italic;font-weight:400}.print-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0;text-align:center;color:#94a3b8;font-size:.75rem}.print-view-container .loading-state,.print-view-container .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.no-print{display:flex}.only-print{display:none}@media print{.no-print{display:none!important}.only-print{display:block!important}.print-view-container{padding:0;background:#fff}.print-view{box-shadow:none;padding:.5rem;max-width:100%}.print-sections-grid{gap:.75rem}.print-section{page-break-inside:avoid;border:1px solid #cbd5e1}.print-field-value .copy-btn{display:none}.print-section-title:before{background:#374151;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 768px){.print-sections-grid{grid-template-columns:1fr}.print-header{flex-direction:column;gap:1rem}.print-actions{width:100%}.print-actions .btn{flex:1;justify-content:center}}:root{--color-primary: #960300;--color-primary-dark: #7a0200;--color-primary-light: #b81410;--color-primary-alpha: rgba(150, 3, 0, .1);--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .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-size-5xl: 3rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 280px;--navbar-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-800);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 14px #96030040}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #96030059}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn-danger{background:var(--color-white);color:#dc2626;border:1px solid #fca5a5}.btn-danger:hover{background:#fef2f2;border-color:#dc2626}.btn-ghost{color:var(--color-gray-600)}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.form-group{margin-bottom:var(--spacing-5)}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.form-input::placeholder{color:var(--color-gray-400)}.form-input.error{border-color:var(--color-error)}.form-error{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-error)}.card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.skip-link{position:absolute;top:-100%;left:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:500;z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-4)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.toast-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-3)}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;animation:slideInRight var(--transition-slow) ease-out}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-message{flex:1;font-size:var(--font-size-sm);color:var(--color-gray-700)}.toast-close{padding:var(--spacing-1);color:var(--color-gray-400);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}@media (max-width: 768px){:root{--navbar-height: 64px;--sidebar-width: 100%}.container{padding:0 var(--spacing-4)}.toast-container{left:var(--spacing-4);right:var(--spacing-4);bottom:var(--spacing-4)}.toast{min-width:auto;max-width:none}}