.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--spacing-md) 0;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.back-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.logo{display:flex;flex-direction:column;cursor:pointer;transition:var(--transition-normal)}.logo:hover{transform:translateY(-1px)}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:#fff;line-height:1}.logo-subtext{font-size:var(--font-size-xs);color:#fffc;line-height:1;margin-top:2px}.header-nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{background:none;border:none;color:#ffffffe6;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast)}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#fff3;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.3)}@media (max-width: 1024px){.header{padding:var(--spacing-md)}}@media (max-width: 768px){.header-left{gap:var(--spacing-md)}.logo-text{font-size:var(--font-size-lg)}.nav-link{font-size:var(--font-size-xs);padding:var(--spacing-xs)}}@media (max-width: 480px){.header-nav{gap:var(--spacing-sm)}.logo-subtext{display:none}}.hero{padding:var(--spacing-2xl) 0;min-height:80vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-text{max-width:600px}.hero-title{font-size:var(--font-size-4xl);font-weight:700;color:#fff;margin-bottom:var(--spacing-lg);line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-xl);line-height:1.6}.hero-features{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.hero-feature{display:flex;align-items:center;gap:var(--spacing-sm);color:#fffc;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.hero-feature:hover{color:#fff;transform:translate(4px)}.feature-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#22c55ecc,#3b82f6cc);border-radius:50%;color:#fff;font-size:var(--font-size-xs);font-weight:600}.hero-actions{display:flex;gap:var(--spacing-md);align-items:center}.hero-cta{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600}.hero-visual{display:flex;justify-content:center;align-items:center}.invoice-mockup{width:300px;height:400px;padding:var(--spacing-lg);background:#fffffff2;color:var(--text-primary);transform:rotate(3deg);transition:var(--transition-slow)}.invoice-mockup:hover{transform:rotate(0) scale(1.05)}.mockup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--text-primary)}.mockup-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.mockup-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.mockup-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.mockup-line{height:8px;background:linear-gradient(90deg,#6b72804d,#6b72801a);border-radius:var(--radius-sm)}.mockup-line.short{width:60%}.mockup-line.medium{width:80%}.mockup-total{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid rgba(107,114,128,.3)}.total-label{font-weight:600;color:var(--text-primary)}.total-amount{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}@media (max-width: 1024px){.hero-content{gap:var(--spacing-xl)}.hero-title{font-size:var(--font-size-3xl)}.invoice-mockup{width:250px;height:350px}}@media (max-width: 768px){.hero{padding:var(--spacing-xl) 0;min-height:auto}.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-actions{justify-content:center;flex-wrap:wrap}.invoice-mockup{width:280px;height:380px;transform:rotate(0)}}@media (max-width: 480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.invoice-mockup{width:250px;height:320px}}.features{padding:var(--spacing-2xl) 0}.features-header{text-align:center;margin-bottom:var(--spacing-2xl);max-width:800px;margin-left:auto;margin-right:auto}.features-header h2{font-size:var(--font-size-3xl);font-weight:600;color:#fff;margin-bottom:var(--spacing-md);text-shadow:0 2px 4px rgba(0,0,0,.3)}.features-header p{font-size:var(--font-size-lg);color:#ffffffe6;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:var(--transition-normal);background:#ffffff14}.feature-card:hover{transform:translateY(-8px);background:#ffffff1f}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.feature-title{font-size:var(--font-size-xl);font-weight:600;color:#fff;margin-bottom:var(--spacing-md)}.feature-description{font-size:var(--font-size-base);color:#fffc;line-height:1.6}@media (max-width: 768px){.features{padding:var(--spacing-xl) 0}.features-header h2{font-size:var(--font-size-2xl)}.features-header p{font-size:var(--font-size-base)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-lg)}}@media (max-width: 480px){.features-grid{gap:var(--spacing-md)}.feature-card{padding:var(--spacing-md)}.feature-icon{font-size:2.5rem}}.footer{margin-top:auto;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-2xl) 0 var(--spacing-lg) 0}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.footer-left{max-width:400px}.footer-logo{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.footer-logo .logo-text{font-size:var(--font-size-xl);font-weight:700;color:#fff;line-height:1}.footer-logo .logo-subtext{font-size:var(--font-size-sm);color:#ffffffb3;line-height:1;margin-top:2px}.footer-description{color:#fffc;font-size:var(--font-size-sm);line-height:1.6}.footer-right{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.footer-links h4,.footer-contact h4{color:#fff;font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}.footer-links{display:flex;flex-direction:column}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);transition:var(--transition-fast)}.footer-links a:hover{color:#fff;transform:translate(4px)}.footer-contact p{color:#ffffffb3;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.footer-bottom{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p,.footer-social{color:#fff9;font-size:var(--font-size-xs)}@media (max-width: 1024px){.footer{padding:var(--spacing-md)}}@media (max-width: 768px){.footer-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-xl)}.footer-right{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}.footer-logo,.footer-description,.footer-links,.footer-contact{text-align:center}.footer-bottom{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width: 480px){.footer{padding:var(--spacing-xl) 0 var(--spacing-md) 0}.footer-content{gap:var(--spacing-lg)}}.home-page{min-height:100vh;display:flex;flex-direction:column}.home-main{flex:1;padding-top:80px}@media (max-width: 1024px){.home-main{padding:0 var(--spacing-md)}}@media (max-width: 768px){.home-main{padding-top:70px}}@media (max-width: 480px){.home-main{padding-top:60px}}.invoice-form{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);min-height:600px;width:100%;box-sizing:border-box;overflow-x:hidden}.form-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-navigation{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:none;background:transparent;color:#fffc;font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left;white-space:nowrap}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#3b82f699,#6366f199);color:#fff;font-weight:500}.nav-icon{font-size:var(--font-size-base)}.nav-title{flex:1;white-space:nowrap}.form-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-actions .btn{width:100%;justify-content:center}.form-content{padding:var(--spacing-xl);background:#fffffff2;color:var(--text-primary);min-height:500px;min-width:0;overflow-x:hidden}@media (max-width: 900px){.invoice-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-sidebar{order:2;flex-direction:column;gap:var(--spacing-md)}.form-navigation{flex-direction:row;padding:var(--spacing-sm);gap:var(--spacing-sm);overflow-x:auto}.nav-item{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md)}.form-actions{flex-direction:row;gap:var(--spacing-sm)}.form-actions .btn{flex:1}.form-content{order:1;padding:var(--spacing-lg)}}@media (max-width: 480px){.nav-item{flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm);gap:2px}.nav-title{font-size:var(--font-size-xs)}.nav-icon{font-size:var(--font-size-sm)}.form-content{padding:var(--spacing-sm)}}.invoice-generator{min-height:100vh;padding-top:80px}.generator-main{padding:var(--spacing-xl) 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.generator-header{text-align:center;margin-bottom:var(--spacing-2xl)}.generator-header h1{font-size:var(--font-size-3xl);font-weight:600;color:#fff;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.3)}.generator-header p{font-size:var(--font-size-lg);color:#cdcccce6;max-width:600px;margin:0 auto}@media (max-width: 1024px){.invoice-generator{padding-bottom:20px}.generator-main{padding:0 var(--spacing-md)}}@media (max-width: 768px){.invoice-generator{padding-top:70px;padding-bottom:20px}.generator-header h1{font-size:var(--font-size-2xl)}.generator-header p{font-size:var(--font-size-base)}.generator-header{margin-top:var(--spacing-2xl)}}@media (max-width: 480px){.invoice-generator{padding-top:60px}}.invoice-preview{max-width:800px;margin:0 auto;padding:0 1rem;box-sizing:border-box;overflow-x:hidden}.invoice-document{background:#fff;color:var(--text-primary);padding:32px;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;border:1px solid #e5e7eb;word-break:break-word;overflow-wrap:anywhere}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--text-primary);flex-wrap:wrap;gap:var(--spacing-md);text-align:left}.invoice-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);word-break:break-word}.invoice-table{margin-bottom:var(--spacing-2xl);word-break:break-word}.table-header,.table-row,.table-total{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);align-items:center;word-break:break-word}.table-total{border-top:2px solid var(--text-primary);font-weight:600;margin-top:var(--spacing-md)}.total-label{grid-column:1 / 3;text-align:right;font-size:var(--font-size-base);color:var(--text-primary)}.total-amount{text-align:right;font-size:var(--font-size-lg);color:var(--text-primary);background:#f3f4f680;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);word-break:break-word}.followup-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(107,114,128,.3);word-break:break-word;overflow-wrap:anywhere}.followup-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.step-tasks li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);word-break:break-word}.invoice-footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(107,114,128,.3);text-align:center}.footer-info{font-size:var(--font-size-sm);color:var(--text-muted);word-break:break-word}@media (max-width: 1024px){.invoice-document{padding:var(--spacing-xl)}.table-header,.table-row,.table-total{grid-template-columns:1fr 1fr;grid-template-areas:"desc desc" "freq price";row-gap:var(--spacing-xs)}.col-description{grid-area:desc}.col-frequency{grid-area:freq;text-align:left}.col-price{grid-area:price;text-align:right}.total-label{grid-column:1;text-align:left}.total-amount{text-align:right}}@media (max-width: 768px){.invoice-header{flex-direction:column;align-items:flex-start;text-align:left}.invoice-document{padding:var(--spacing-lg)}.invoice-meta{grid-template-columns:1fr}.table-header,.table-row,.table-total{grid-template-columns:1fr;grid-template-areas:"desc" "freq" "price";text-align:left}.col-frequency,.col-price{text-align:left}.total-label,.total-amount{grid-column:1;text-align:left}}@media (max-width: 480px){.invoice-document{padding:var(--spacing-md)}.company-name{font-size:var(--font-size-lg)}.invoice-title h2{font-size:var(--font-size-base)}.table-header,.table-row{font-size:var(--font-size-xs)}}.preview-invoice{min-height:100vh;padding-top:80px}.preview-main{padding:var(--spacing-xl) 0}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.preview-header h1{font-size:var(--font-size-2xl);font-weight:600;color:#fff;margin:0}.preview-actions{display:flex;gap:var(--spacing-md)}@media (max-width: 768px){.preview-invoice{padding-top:70px}.preview-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.preview-actions{width:100%;justify-content:center;flex-wrap:wrap}}@media (max-width: 480px){.preview-invoice{padding-top:60px}.preview-main{padding:var(--spacing-lg) 0}.preview-actions{flex-direction:column;width:100%}.preview-actions .btn{width:100%}}.not-found{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.not-found .container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--background-color)}.not-found-content{text-align:center;padding:var(--spacing-2xl);max-width:500px;background:#fffffff2;color:var(--text-primary)}.not-found-content h1{font-size:4rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.not-found-content h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.not-found-content p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: rgba(255, 255, 255, .95);--secondary-color: rgba(255, 255, 255, .8);--accent-color: rgba(59, 130, 246, .8);--text-primary: rgba(17, 24, 39, .9);--text-secondary: rgba(71, 77, 85, .8);--text-muted: rgba(77, 77, 79, .7);--border-color: rgba(255, 255, 255, .3);--shadow-light: rgba(255, 255, 255, .25);--shadow-dark: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .37);--glass-backdrop: blur(8px);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, 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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: all .15s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease}body{font-family:var(--font-family);background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-xl);box-shadow:0 8px 32px #1f26875e;transition:var(--transition-normal)}.glass-card:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 12px 40px #1f268780}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn-primary{background:linear-gradient(135deg,#3b82f6cc,#6366f1cc);color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6e6,#6366f1e6);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:var(--transition-fast)}.input:focus{outline:none;border-color:#3b82f699;background:#ffffff26;box-shadow:0 0 0 3px #3b82f61a}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:600}.text-semibold{font-weight:500}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--spacing-sm)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}:root{--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem}.btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}}@media (max-width: 480px){.container{padding:0 var(--spacing-xs)}:root{--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem}}@media print{body{background:#fff;color:#000}.glass,.glass-card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #e5e7eb;box-shadow:none}.btn{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.form-section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.section-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.items-list{margin-bottom:var(--spacing-xl)}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-md);align-items:end;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#f3f4f680;border-radius:var(--radius-md)}.item-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.remove-btn,.add-btn{padding:var(--spacing-sm);height:-moz-fit-content;height:fit-content}.add-item-section{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.add-item-section h3{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.followup-sections{margin-bottom:var(--spacing-xl)}.section-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#f3f4f64d;border-radius:var(--radius-md)}.timeline-section h3{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.timeline-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#f3f4f64d;border-radius:var(--radius-md)}.timeline-header{margin-bottom:var(--spacing-md)}.timeline-tasks{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-input{margin-bottom:var(--spacing-xs)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.item-row,.section-row{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible,.input:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}