.language-selector{position:relative;z-index:100}.language-selector-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md, 8px);color:#ffffffe6;font-size:var(--font-size-sm, .875rem);font-weight:600;cursor:pointer;transition:var(--transition-fast, .2s ease);min-width:110px;justify-content:space-between}.language-selector-btn:hover{background:#fff3;color:#fff;border-color:#ffffff4d}.language-flag{font-size:1rem;line-height:1}.language-label{flex:1;text-align:left}[dir=rtl] .language-label{text-align:right}.language-chevron{transition:transform .2s ease;opacity:.9}.language-chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:140px;background:#1e1e32fa;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000004d;overflow:hidden;z-index:1000}[dir=rtl] .language-dropdown{right:auto;left:0}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#ffffffe6;font-size:var(--font-size-sm, .875rem);cursor:pointer;transition:.2s ease;text-align:left}[dir=rtl] .language-option{text-align:right}.language-option:hover{background:#ffffff1a;color:#fff}.language-option.active{background:#ffffff26;color:#fff;font-weight:600}.language-option-label{flex:1}.language-check{color:#a78bfa;flex-shrink:0}.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}.header-language-selector{margin-inline-start:var(--spacing-sm)}.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;unicode-bidi:isolate}.invoice-document[dir=ltr]{direction:ltr}.invoice-document[dir=rtl]{direction:rtl}.invoice-header{display:flex;justify-content:space-between;align-items:center;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-document[dir=rtl]{direction:rtl;text-align:right}.invoice-document[dir=rtl] .invoice-header{text-align:right}.invoice-document[dir=rtl] .invoice-details,.invoice-document[dir=rtl] .detail-row{direction:rtl;text-align:right}.invoice-document[dir=rtl] .detail-row .label{text-align:right;flex-shrink:0}.invoice-document[dir=rtl] .detail-row .value{text-align:right;flex:1;min-width:0}.invoice-document[dir=rtl] .invoice-table,.invoice-document[dir=rtl] .followup-table{direction:rtl}.invoice-document[dir=rtl] .table-header,.invoice-document[dir=rtl] .table-row,.invoice-document[dir=rtl] .table-total,.invoice-document[dir=rtl] .followup-table .table-header,.invoice-document[dir=rtl] .followup-table .table-row{grid-template-columns:2fr 1fr 1fr;direction:rtl}.invoice-document[dir=rtl] .col-description,.invoice-document[dir=rtl] .col-frequency,.invoice-document[dir=rtl] .col-price{text-align:right}.invoice-document[dir=rtl] .total-label{grid-column:1 / 3;text-align:right}.invoice-document[dir=rtl] .total-amount{grid-column:3;text-align:left}.invoice-document[dir=rtl] .items-table-title,.invoice-document[dir=rtl] .followup-title,.invoice-document[dir=rtl] .timeline-title{text-align:right}.invoice-document[dir=rtl] .step-tasks{padding-left:0;padding-right:var(--spacing-lg)}.invoice-document[dir=rtl] .invoice-meta{direction:rtl;grid-template-columns:1fr 1fr}.invoice-document[dir=rtl] .invoice-footer{text-align:center}.company-branding{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.company-logo{max-width:120px;max-height:80px;-o-object-fit:contain;object-fit:contain}.company-name{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);word-break:break-word}.invoice-table-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:3px double var(--text-primary)}.items-table-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.invoice-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-row{display:flex;align-items:baseline;gap:var(--spacing-sm);line-height:1.6}.detail-row .label{font-weight:600;color:var(--text-primary);min-width:-moz-fit-content;min-width:fit-content;flex-shrink:0}.detail-row .value{color:var(--text-secondary);flex:1;word-break:break-word}.invoice-table{margin-bottom:var(--spacing-md);word-break:break-word}.table-header,.table-row,.table-total{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-lg);padding:var(--spacing-md) 0;font-size:var(--font-size-sm);align-items:center;word-break:break-word;line-height:1.6}.table-header{font-weight:600;padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(107,114,128,.2)}.table-row{padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(107,114,128,.08)}.col-price{font-weight:600;color:var(--text-primary);background:#f3f4f680;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.table-total{border-top:1px solid rgba(107,114,128,.3);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-xl);font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#3b82f614,#6366f114);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.2);box-shadow:0 1px 3px #0000000f;word-break:break-word}.followup-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:3px double var(--text-primary);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);margin-top:var(--spacing-md)}.followup-table .table-header,.followup-table .table-row{gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.service-title{font-weight:500;margin-bottom:var(--spacing-xs)}.service-description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.timeline{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:3px double var(--text-primary)}.timeline-title{margin-bottom:var(--spacing-md);font-weight:600;font-size:var(--font-size-base)}.timeline-step{margin-bottom:var(--spacing-md)}.step-header{font-weight:500;margin-bottom:var(--spacing-xs)}.step-tasks{margin:0;padding-left: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;line-height:1.5}.invoice-total-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);width:100%}.invoice-total-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);background:#fff;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014,0 4px 12px #0000000f,0 8px 24px #0000000a;border:1px solid rgba(0,0,0,.06);position:relative}.invoice-total-label{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);letter-spacing:.12em;text-transform:uppercase}.invoice-total-amount{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);letter-spacing:.02em;text-align:right}.invoice-document[dir=rtl] .invoice-total-row{flex-direction:row-reverse}.invoice-document[dir=rtl] .invoice-total-label{text-align:right}.invoice-document[dir=rtl] .invoice-total-amount{text-align:left}.invoice-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:3px double var(--text-primary);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)}}@media print{.invoice-header{flex-direction:row!important;align-items:center!important}.invoice-meta{grid-template-columns:1fr 1fr!important}.table-header,.table-row,.table-total,.followup-table .table-header,.followup-table .table-row{grid-template-columns:2fr 1fr 1fr!important;grid-template-areas:unset!important}.col-description,.col-frequency,.col-price{grid-area:unset!important}.total-label{grid-column:1 / 3!important}.total-amount{grid-column:auto!important}.timeline-step,.table-row,.followup-table .table-row,.invoice-details{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.table-total{-moz-column-break-before:auto;break-before:auto}.followup-section{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.invoice-document{box-shadow:none}.invoice-document[dir=ltr]{direction:ltr!important}.invoice-document[dir=rtl]{direction:rtl!important}.invoice-document[dir=rtl] .table-header,.invoice-document[dir=rtl] .table-row,.invoice-document[dir=rtl] .table-total,.invoice-document[dir=rtl] .followup-table .table-header,.invoice-document[dir=rtl] .followup-table .table-row{grid-template-columns:2fr 1fr 1fr!important;direction:rtl!important}.invoice-document[dir=rtl] .col-description,.invoice-document[dir=rtl] .col-frequency,.invoice-document[dir=rtl] .col-price{text-align:right!important}.invoice-document[dir=rtl] .total-label{grid-column:1 / 3!important;text-align:right!important}.invoice-document[dir=rtl] .total-amount{grid-column:3!important;text-align:left!important}.invoice-document[dir=rtl] .invoice-table,.invoice-document[dir=rtl] .followup-table{direction:rtl!important}.invoice-document[dir=rtl] .invoice-details,.invoice-document[dir=rtl] .detail-row{direction:rtl!important;text-align:right!important}.invoice-document[dir=rtl] .invoice-meta{direction:rtl!important}.invoice-document[dir=rtl] .items-table-title,.invoice-document[dir=rtl] .followup-title,.invoice-document[dir=rtl] .timeline-title{text-align:right!important}.invoice-document[dir=rtl] .step-tasks{padding-left:0!important;padding-right:var(--spacing-lg)!important}}.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%}}@media print{body,.preview-invoice{background:#fff!important;padding:0!important}.header,.preview-header{display:none!important}.preview-main{padding:0!important}.container{max-width:100%!important;padding:0!important}.invoice-preview{max-width:100%;padding:0}.invoice-document{box-shadow:none!important;border:1px solid #e5e7eb}}.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}.logo-upload-area{margin-top:var(--spacing-xs)}.logo-upload-placeholder{display:flex;align-items:center;justify-content:center;min-height:100px;padding:var(--spacing-lg);border:2px dashed rgba(107,114,128,.4);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,background-color .2s;color:var(--text-secondary);font-size:var(--font-size-sm)}.logo-upload-placeholder:hover{border-color:#3b82f680;background-color:#3b82f60d}.logo-preview-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.logo-preview{max-width:120px;max-height:80px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);border:1px solid rgba(107,114,128,.2)}.logo-radius-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#6b728033;border-radius:3px;outline:none}.logo-radius-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary, #3b82f6);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0003}.logo-radius-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary, #3b82f6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0003}.logo-actions{display:flex;gap:var(--spacing-sm)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.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}