*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--white: #ffffff;--text-color: #333;--border-color: #dee2e6;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-color);color:var(--text-color);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 1rem;max-width:1200px;width:100%;margin:0 auto}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-secondary:hover{background-color:#5a6268}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{position:relative;margin-bottom:1.5rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--secondary-color)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],textarea{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:all .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}textarea{padding-left:1rem;resize:vertical}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:768px){.main-content{padding:1rem .5rem}}.header{background-color:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--primary-color);font-size:1.5rem;font-weight:700}.logo-icon{font-size:2rem}.nav{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;color:var(--text-color);border-radius:.5rem;transition:all .3s ease;background:none;border:none;cursor:pointer;font-size:1rem}.nav-link:hover{background-color:var(--light-color);color:var(--primary-color)}.header-signin-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;text-decoration:none;color:#2d3748;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease;cursor:pointer;white-space:nowrap}.header-signin-btn:hover{background-color:#f7fafc;border-color:#cbd5e0;color:#1a202c;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.header-signup-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;text-decoration:none;color:#fff;background-color:#2d3748;border:2px solid #2d3748;border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease;cursor:pointer;white-space:nowrap}.header-signup-btn:hover{background-color:#1a202c;border-color:#1a202c;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #2d37484d}.signup-link{background-color:var(--primary-color);color:var(--white)}.signup-link:hover{background-color:#0056b3;color:var(--white)}.signout-btn{color:var(--danger-color)}.signout-btn:hover{background-color:#f8d7da;color:var(--danger-color)}@media(max-width:768px){.header-container{padding:1rem;flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-link{font-size:.9rem;padding:.4rem .8rem}.header-signin-btn,.header-signup-btn{padding:.5rem 1.25rem;font-size:.9rem}}.footer{background-color:var(--dark-color);color:var(--white);margin-top:auto;padding:2rem 0 1rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--white)}.footer-section p{color:#fffc;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--white)}.social-links{display:flex;gap:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;color:var(--white);font-size:1.2rem;transition:all .3s ease}.social-links a:hover{background-color:var(--primary-color);transform:translateY(-3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:#fff9}@media(max-width:768px){.footer-container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}}.home-container{width:100%}.hero-section{background:linear-gradient(135deg,var(--primary-color) 0%,#0056b3 100%);color:var(--white);padding:4rem 2rem;border-radius:1rem;text-align:center;margin-bottom:4rem}.hero-content h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features-section{margin-top:4rem}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--dark-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--white);padding:2rem;border-radius:1rem;box-shadow:var(--shadow);text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark-color)}.feature-card p{color:var(--secondary-color);line-height:1.6}@media(max-width:768px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%;justify-content:center}.features-section h2{font-size:2rem}.features-grid{grid-template-columns:1fr}}.signup-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:#f8f9fa;position:relative}.signup-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3.5rem;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;width:100%;max-width:520px;position:relative;z-index:1;animation:slideUp .5s ease-out}.signup-card h2{text-align:center;margin-bottom:.5rem;color:#2d3748;font-size:2.25rem;font-weight:700;letter-spacing:-.5px}.signup-form{margin-top:2rem}.signup-form .form-group{position:relative;margin-bottom:1.75rem}.signup-form .form-group .input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:1.1rem;transition:color .3s ease;z-index:2}.signup-form .form-group input{width:100%;padding:1rem 1rem 1rem 3.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f7fafc;color:#2d3748;font-weight:400}.signup-form .form-group input::placeholder{color:#a0aec0;font-weight:400}.signup-form .form-group input:focus{outline:none;border-color:#2d3748;background:#fff;box-shadow:0 0 0 4px #2d37481a;transform:translateY(-2px)}.signup-form .form-group input:focus+.input-icon,.signup-form .form-group:focus-within .input-icon{color:#2d3748}.signup-form .password-group{position:relative}.signup-form .password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:3}.signup-form .password-toggle:hover{color:#2d3748}.signup-form .password-toggle:focus{outline:none;color:#2d3748}.signup-form .password-group input{padding-right:3.5rem}.login-link{text-align:center;margin-top:2rem;color:#2d3748;font-size:.95rem;font-weight:500}.login-link a{color:#1e40af;text-decoration:none;font-weight:700;transition:all .3s ease;position:relative;margin-left:.5rem}.login-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#1e40af;transition:width .3s ease}.login-link a:hover:after{width:100%}.login-link a:hover{color:#1e3a8a}@media(max-width:768px){.signup-container{padding:1rem;min-height:calc(100vh - 150px)}.signup-card{padding:2.5rem 2rem;border-radius:16px}.signup-card h2{font-size:1.75rem}.subtitle{font-size:.9rem;margin-bottom:2rem}.signup-form .form-group input{padding:.875rem .875rem .875rem 3rem;font-size:.95rem}.submit-btn{padding:.875rem 1.5rem;font-size:1rem}}@media(max-width:480px){.signup-card{padding:2rem 1.5rem}.signup-card h2{font-size:1.5rem}}.signin-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:#f8f9fa;position:relative}.signin-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3.5rem;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;width:100%;max-width:480px;position:relative;z-index:1;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.signin-card h2{text-align:center;margin-bottom:.5rem;color:#2d3748;font-size:2.25rem;font-weight:700;letter-spacing:-.5px}.subtitle{text-align:center;color:#718096;margin-bottom:2.5rem;font-size:1rem;font-weight:400}.signin-form{margin-top:2rem}.signin-form .form-group{position:relative;margin-bottom:1.75rem}.signin-form .form-group .input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:1.1rem;transition:color .3s ease;z-index:2}.signin-form .form-group input{width:100%;padding:1rem 1rem 1rem 3.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f7fafc;color:#2d3748;font-weight:400}.signin-form .form-group input::placeholder{color:#a0aec0;font-weight:400}.signin-form .form-group input:focus{outline:none;border-color:#2d3748;background:#fff;box-shadow:0 0 0 4px #2d37481a;transform:translateY(-2px)}.signin-form .form-group input:focus+.input-icon,.signin-form .form-group:focus-within .input-icon{color:#2d3748}.signin-form .password-group{position:relative}.signin-form .password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:3}.signin-form .password-toggle:hover{color:#2d3748}.signin-form .password-toggle:focus{outline:none;color:#2d3748}.signin-form .password-group input{padding-right:3.5rem}.submit-btn{width:100%;padding:1rem 2rem;background:#2d3748;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;box-shadow:0 4px 15px #2d37484d;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){background:#1a202c;transform:translateY(-2px);box-shadow:0 6px 20px #2d374866}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-link{background:transparent;text-align:center;margin-top:2rem;color:#2d3748;font-size:.95rem;font-weight:500}.signup-link a{color:#0039f5;text-decoration:none;font-weight:700;transition:all .3s ease;position:relative;margin-left:.5rem}.signup-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#1e40af;transition:width .3s ease}.signup-link a:hover:after{width:100%}.signup-link a:hover{color:#1e3a8a}@media(max-width:768px){.signin-container{padding:1rem;min-height:calc(100vh - 150px)}.signin-card{padding:2.5rem 2rem;border-radius:16px}.signin-card h2{font-size:1.75rem}.subtitle{font-size:.9rem;margin-bottom:2rem}.signin-form .form-group input{padding:.875rem .875rem .875rem 3rem;font-size:.95rem}.submit-btn{padding:.875rem 1.5rem;font-size:1rem}}@media(max-width:480px){.signin-card{padding:2rem 1.5rem}.signin-card h2{font-size:1.5rem}}.profile-container{min-height:calc(100vh - 200px);padding:2rem 1rem}.profile-card{background:var(--white);padding:3rem;border-radius:1rem;box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto}.profile-card h2{text-align:center;margin-bottom:2rem;color:var(--dark-color);font-size:2rem}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color)}.profile-image-placeholder{width:100px;height:100px;border-radius:50%;background-color:var(--light-color);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);border:3px solid var(--primary-color)}.profile-info h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--dark-color)}.profile-info p{color:var(--secondary-color)}.profile-form{margin-top:2rem}.submit-btn{width:100%;padding:.75rem;background-color:var(--primary-color);color:var(--white);border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-form .password-group{position:relative}.profile-form .password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:3}.profile-form .password-toggle:hover{color:#2d3748}.profile-form .password-toggle:focus{outline:none;color:#2d3748}.profile-form .password-group input{padding-right:3.5rem}@media(max-width:768px){.profile-card{padding:2rem 1.5rem}.profile-header{flex-direction:column;text-align:center}.profile-card h2{font-size:1.5rem}}.invoice-container{padding:2rem 1rem;max-width:1400px;margin:0 auto}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.invoice-header h2{display:flex;align-items:center;gap:.5rem;color:var(--dark-color);font-size:2rem}.invoice-container .btn-primary,.invoice-container .empty-state .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #667eea4d,0 2px 4px -1px #667eea33;position:relative;overflow:hidden}.invoice-container .btn-primary:before,.invoice-container .empty-state .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.invoice-container .btn-primary:hover:before,.invoice-container .empty-state .btn-primary:hover:before{left:100%}.invoice-container .btn-primary:hover,.invoice-container .empty-state .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #667eea66,0 4px 6px -2px #667eea4d;background:linear-gradient(135deg,#7c8ef5,#8b5fbf)}.invoice-container .btn-primary:active,.invoice-container .empty-state .btn-primary:active{transform:translateY(0);box-shadow:0 4px 6px -1px #667eea4d,0 2px 4px -1px #667eea33}.invoice-container .btn-primary:disabled,.invoice-container .empty-state .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.invoice-container .btn-primary svg,.invoice-container .empty-state .btn-primary svg{font-size:1.125rem;transition:transform .3s ease}.invoice-container .btn-primary:hover svg,.invoice-container .empty-state .btn-primary:hover svg{transform:rotate(90deg) scale(1.1)}.invoice-container .empty-state .btn-primary{padding:1rem 2rem;font-size:1.125rem;margin-top:1.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--secondary-color)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{margin-bottom:.5rem;color:var(--dark-color)}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.invoice-card{background:var(--white);border-radius:1rem;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.invoice-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.invoice-card-header{background:linear-gradient(135deg,var(--primary-color) 0%,#0056b3 100%);color:var(--white);padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.invoice-card-header h3{font-size:1.25rem;margin:0}.invoice-actions{display:flex;gap:.5rem}.icon-btn{background:#fff3;border:none;color:var(--white);width:32px;height:32px;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.icon-btn:hover{background:#ffffff4d}.icon-btn.delete:hover{background:var(--danger-color)}.invoice-card-body{padding:1.5rem}.invoice-card-body p{margin-bottom:.5rem;color:var(--text-color)}.invoice-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.5rem}.btn-icon{flex:1;padding:.5rem;background-color:var(--light-color);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;font-size:.9rem}.btn-icon:hover{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;overflow-y:auto}.modal-content{background:var(--white);border-radius:1rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--dark-color)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--secondary-color);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .3s ease}.close-btn:hover{background-color:var(--light-color);color:var(--danger-color)}.invoice-form{padding:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.items-section{margin:2rem 0;padding:1.5rem;background-color:var(--light-color);border-radius:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h4{margin:0;color:var(--dark-color)}.btn-add-item{padding:.5rem 1rem;background-color:var(--success-color);color:var(--white);border:none;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .3s ease}.btn-add-item:hover{background-color:#218838}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.5rem;margin-bottom:.5rem;align-items:center}.item-row input{padding:.5rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9rem}.item-amount{text-align:right;font-weight:500;color:var(--primary-color)}.btn-remove{background-color:var(--danger-color);color:var(--white);border:none;width:32px;height:32px;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-remove:hover{background-color:#c82333}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);background:#fafafa}@media(max-width:640px){.modal-footer{flex-direction:column-reverse}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%}}.invoice-container .modal-footer .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;position:relative;overflow:hidden;z-index:1}.invoice-container .modal-footer .btn-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f9fafb,#f3f4f6);opacity:0;transition:opacity .3s ease;z-index:-1}.invoice-container .modal-footer .btn-secondary:hover:before{opacity:1}.invoice-container .modal-footer .btn-secondary:hover{transform:translateY(-2px);border-color:#d1d5db;color:#374151;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#f9fafb}.invoice-container .modal-footer .btn-secondary:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.invoice-container .modal-footer .btn-secondary:focus{outline:none;border-color:#9ca3af;box-shadow:0 0 0 3px #6b72801a}.invoice-container .modal-footer .btn-secondary *{position:relative;z-index:2}.invoice-pdf-template{position:absolute;left:-9999px;width:800px;background:#fff}.pdf-invoice{padding:0;background:#fff;color:#1a1a1a;max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-shadow:0 0 20px #0000001a}.pdf-header-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:2.5rem 2rem;color:#fff;border-radius:8px 8px 0 0}.pdf-header-content{display:flex;justify-content:space-between;align-items:center}.pdf-logo-section{display:flex;align-items:center;gap:1rem}.pdf-logo{width:60px;height:60px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-title{font-size:2.5rem;font-weight:700;margin:0;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.pdf-invoice-number{text-align:right;background:#ffffff26;padding:.75rem 1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-label{display:block;font-size:.85rem;opacity:.9;margin-bottom:.25rem}.pdf-value{display:block;font-size:1.25rem;font-weight:700;letter-spacing:1px}.pdf-info-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;background:#f8f9fa}.pdf-info-box{background:#fff;padding:1.5rem;border-radius:8px;border-left:4px solid #667eea;box-shadow:0 2px 8px #0000000d}.pdf-info-header{font-size:.85rem;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.pdf-info-name{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.pdf-info-details{margin-top:1rem}.pdf-info-item{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.9rem}.pdf-info-label{font-weight:600;color:#6b7280}.pdf-info-text{color:#1a1a1a}.pdf-table-container{padding:0 2rem;margin:2rem 0}.pdf-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.pdf-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pdf-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.pdf-th-desc{width:50%}.pdf-th-qty,.pdf-th-rate,.pdf-th-amount{width:16.66%;text-align:right}.pdf-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.pdf-row-even{background:#fff}.pdf-row-odd{background:#f9fafb}.pdf-table tbody tr:hover{background:#f3f4f6}.pdf-table td{padding:1rem;font-size:.95rem;color:#1a1a1a}.pdf-td-desc{font-weight:500}.pdf-td-qty,.pdf-td-rate,.pdf-td-amount{text-align:right;font-weight:500}.pdf-td-amount{color:#667eea;font-weight:600}.pdf-totals-section{padding:0 2rem;margin:2rem 0}.pdf-totals-box{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:8px;padding:1.5rem;border:2px solid #e5e7eb;max-width:400px;margin-left:auto}.pdf-total-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.pdf-total-row:last-child{border-bottom:none}.pdf-total-label{font-size:.95rem;color:#6b7280;font-weight:500}.pdf-total-value{font-size:1rem;color:#1a1a1a;font-weight:600}.pdf-total-final{margin-top:.5rem;padding-top:1rem;border-top:2px solid #667eea}.pdf-total-label-final{font-size:1.1rem;color:#1a1a1a;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pdf-total-value-final{font-size:1.5rem;color:#667eea;font-weight:700}.pdf-bank-section{padding:2rem;margin:2rem 0;background:linear-gradient(135deg,#f0f4ff,#fff);border-left:4px solid #667eea;border-radius:8px}.pdf-section-title{font-size:1.1rem;font-weight:700;color:#667eea;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.pdf-bank-details{display:flex;flex-direction:column;gap:.75rem}.pdf-bank-item{display:flex;gap:1rem;font-size:.95rem}.pdf-bank-label{font-weight:600;color:#6b7280;min-width:120px}.pdf-bank-value{color:#1a1a1a;font-weight:500}.pdf-note-section{padding:2rem;margin:2rem 0;background:#fff9e6;border-left:4px solid #f59e0b;border-radius:8px}.pdf-note-content{font-size:.95rem;color:#1a1a1a;line-height:1.6;font-style:italic}.pdf-footer{padding:2rem;text-align:center;background:#f8f9fa;border-top:2px solid #e5e7eb;margin-top:2rem}.pdf-footer-text{font-size:1rem;color:#667eea;font-weight:600;margin-bottom:1rem}.pdf-footer-line{height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent);margin-top:1rem}@media print{.pdf-invoice{box-shadow:none;page-break-inside:avoid}.pdf-header-section{page-break-after:avoid}.pdf-table{page-break-inside:avoid}}@media(max-width:768px){.invoice-header{flex-direction:column;align-items:flex-start}.invoices-grid,.form-row{grid-template-columns:1fr}.item-row{grid-template-columns:1fr;gap:.5rem}.item-amount{text-align:left}.modal-content{max-width:100%}}