.logo-upload{position:relative;width:150px;height:150px;margin:auto;border-radius:12px;overflow:hidden;background-color:#e9ecef;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow 0.3s,transform 0.2s}.logo-upload:hover{box-shadow:0 4px 15px rgba(0,0,0,0.2);transform:scale(1.02)}.upload-icon{font-size:2.5rem;color:#6c757d;opacity:0.8;transition:opacity 0.3s}.logo-upload:hover .upload-icon{opacity:1}table{width:100%;border-collapse:collapse}thead{background-color:#f8f9fa}th{padding:10px;font-weight:600}td{padding:8px;vertical-align:middle}#invoice-preview{background:#fff;padding:20px;border:1px solid #dee2e6;min-height:600px;overflow-y:auto}.item-amount{text-align:right;padding-right:10px}.company-logo{opacity:1;height:200px;width:200px;position:relative;overflow:hidden;background:url('../images/no-logo.jpg') no-repeat center;background-size:cover;box-shadow:0 8px 6px -6px black;border:1px dashed gray}.company-signature{opacity:1;height:200px;width:200px;position:relative;overflow:hidden;background:url('../images/no-logo.jpg') no-repeat center;background-size:cover;box-shadow:0 8px 6px -6px black;border:1px dashed gray}.company-logo:hover .upload-icon,.company-signature:hover .upload-icon{opacity:1}#logo-container{position:relative}#logo-container button{z-index:10}.nav-link{transition:all 0.3s ease-in-out;background-color:transparent;color:inherit;border-radius:50px}.nav-link:hover{background-color:#f8f9fa;color:#007bff}.dropdown-item{padding:12px}.transition{transition:all 0.3s ease}.hover-link:hover{text-decoration:underline}.hover-icon:hover{color:#0d6efd;transform:scale(1.2);transition:all 0.3s ease}.sticky-top-preview{position:sticky;top:100px;z-index:100}#calculation{padding-top:10px}.custom-row-design{border-top:1px solid lightgray;padding:8px 0 0 0;display:flex;align-items:center}.info-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:3px;color:#007bff;cursor:pointer;position:relative;width:18px;height:18px;border-radius:50%;border:1px solid #ddd}.info-icon:hover::after{content:attr(data-tooltip);position:absolute;top:120%;left:30%;transform:translateX(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:5px;white-space:normal;font-size:14px;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,0.2);min-width:300px;height:auto;text-align:center}.info-icon:hover::before{content:'';position:absolute;top:115%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent;z-index:10}.toggle-label{position:relative;display:inline-block;width:50px;height:24px;margin:0;flex-shrink:0}.toggle-checkbox{opacity:0;width:0;height:0}.toggle-switch{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s ease;border-radius:24px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.toggle-switch:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s ease;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.toggle-checkbox:checked+.toggle-switch{background-color:#4caf50;box-shadow:inset 0 2px 4px rgba(76,175,80,0.3)}.toggle-checkbox:checked+.toggle-switch:before{transform:translateX(26px);box-shadow:0 2px 4px rgba(76,175,80,0.4)}.toggle-checkbox:focus+.toggle-switch{box-shadow:inset 0 2px 4px rgba(0,0,0,0.1),0 0 8px rgba(76,175,80,0.3)}.toggle-label:hover .toggle-switch{box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 0 6px rgba(0,0,0,0.1)}.toggle-label{user-select:none}.optional-label{font-size:0.9rem;font-weight:bold}.page-header h1{font-weight:bold;font-size:2.5rem;color:#0d6efd}.logo-title{color:darkblue;font-size:2rem !important}.contact-container{max-width:1200px;margin:40px auto;padding:0 20px}.contact-info{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.contact-info h4{margin-bottom:20px;border-bottom:3px solid #0d6efd;display:inline-block;padding-bottom:5px;font-weight:bold}.contact-info p{font-size:1rem;margin-bottom:15px;display:flex;align-items:center}.contact-info i{margin-right:10px;color:#0d6efd}.contact-form{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.contact-form h4{margin-bottom:20px;border-bottom:3px solid #0d6efd;padding-bottom:5px;font-weight:bold}.accordion-button{font-weight:bold}footer a{color:#adb5bd;text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width:1200px){.form-section,.preview-section{flex:0 0 48%}}@media (max-width:992px){.logo-img{width:80px !important;height:auto !important}.sticky-top-preview{position:relative;top:0}.company-logo,.company-signature{height:180px}}@media (max-width:768px){.logo-img{width:70px !important;height:auto !important}.hero-subtitle{font-size:1rem !important}.company-logo,.company-signature{width:100%;height:150px}.contact-form{font-size:14px !important;padding:20px}.calculation-text-td{width:35% !important}.nav-link{transition:none;background-color:transparent;color:inherit;border-radius:0;padding:12px 15px !important;font-size:0.95rem}.nav-link:hover{background-color:rgba(13,110,253,0.1);color:#0d6efd}.optional-label{font-size:0.9rem}.toggle-label{width:48px;height:23px}.toggle-switch:before{height:17px;width:17px}.toggle-checkbox:checked+.toggle-switch:before{transform:translateX(25px)}.custom-row-design{padding:6px 0 0 0}.info-icon{width:16px;height:16px;font-size:12px}.info-icon:hover::after{font-size:12px;min-width:200px;padding:4px 8px}#invoice-preview{font-size:11px !important;padding:15px}}@media (max-width:576px){.logo-img{display:none !important}.hero-subtitle{font-size:0.9rem !important}.company-logo,.company-signature{height:120px}.nav-link{padding:10px 12px !important;font-size:0.9rem}.optional-label{font-size:0.85rem}.toggle-label{width:45px;height:22px}.toggle-switch:before{height:16px;width:16px}.toggle-checkbox:checked+.toggle-switch:before{transform:translateX(23px)}.contact-form{font-size:12px !important;padding:15px}.page-header h1{font-size:2rem !important}#invoice-preview{font-size:10px !important;padding:12px;min-height:400px}}@media (max-width:400px){.company-logo,.company-signature{height:100px}.nav-link{font-size:0.85rem}.optional-label{font-size:0.8rem}.toggle-label{width:42px;height:20px}.toggle-switch:before{height:14px;width:14px;left:3px;bottom:3px}.toggle-checkbox:checked+.toggle-switch:before{transform:translateX(22px)}.page-header h1{font-size:1.6rem !important}#invoice-preview{font-size:9px !important;padding:10px}}