.navbar{background:linear-gradient(180deg,#0369a1,#0284c7);color:#f0f9ff;width:220px;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;z-index:1000;box-shadow:2px 0 4px #0000001a;transition:transform .3s ease}.navbar-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}.navbar-logo-container{position:relative;width:100%;max-height:10rem;display:flex;justify-content:center;align-items:center}.navbar-logo{width:100%;height:auto;max-height:10rem;-o-object-fit:unset;object-fit:unset;background:#fff;box-shadow:0 0 .4rem #ffffff4d}.logo-upload-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0369a1e6,#0284c7e6);color:#fff;text-align:center;padding:.5rem;font-size:.9rem;font-weight:600;opacity:0;cursor:pointer;transition:opacity .3s ease,transform .3s ease,background .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.navbar-logo-container:hover .logo-upload-overlay{opacity:1;transform:translateY(0)}.logo-upload-overlay:hover{background:linear-gradient(180deg,#0284c7f2,#0ea5e9f2);transform:scale(1.02)}.upload-text{display:flex;align-items:center;gap:.5rem}.upload-icon{font-size:1rem;font-weight:700}.hidden-file-input{display:none}.logo-upload-overlay:focus-within{opacity:1;outline:2px solid #ffffff;outline-offset:2px}.navbar-brand .brand-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-align:center}.navbar-brand .brand-tagline{font-size:.85rem;color:#e0f2fe;margin:0;text-align:center}.navbar-menu{display:flex;flex-direction:column;gap:1rem;flex:1}.navbar-select-wrapper{width:100%}.navbar-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#075985;color:#f0f9ff;padding:.6rem 2rem .6rem .75rem;font-size:.95rem;border-radius:.5rem;border:none;width:100%;transition:background-color .2s ease,transform .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f0f9ff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.navbar-select:hover{background:#0284c7;transform:scale(1.02)}.navbar-select:focus{outline:none;box-shadow:0 0 0 3px #0ea5e94d}.nav-link{color:#f0f9ff;text-decoration:none;font-weight:600;font-size:1rem;padding:.75rem;border-radius:.5rem;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;gap:.5rem}.nav-link:hover{background:#0284c7;transform:scale(1.05)}.nav-icon{font-size:1.2rem;stroke-width:2}.nav-button{background:#075985;color:#f0f9ff;padding:.75rem;border-radius:.5rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;gap:.5rem}.nav-button:hover{background:#0284c7;transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}.navbar-toggle{display:none;background:none;color:#f0f9ff;border:none;font-size:1.5rem;cursor:pointer;align-self:flex-end}.settings-dropdown{position:relative}.settings-button{width:100%;text-align:left;background:none;border:none;color:#f0f9ff;font-weight:600;font-size:1rem;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;position:relative}.settings-button:after{content:"";display:inline-block;width:.5rem;height:.5rem;border-right:2px solid #f0f9ff;border-bottom:2px solid #f0f9ff;transform:rotate(45deg);margin-left:.5rem;transition:transform .2s ease}.settings-button:hover:after,.settings-button.active:after{transform:rotate(-45deg)}.settings-menu{position:absolute;top:0;left:100%;background:#075985;border-radius:.5rem;box-shadow:0 2px 6px #0003;width:200px;display:flex;flex-direction:column;z-index:2000}.settings-item{color:#f0f9ff;padding:.75rem;text-decoration:none;font-size:.95rem;transition:background-color .2s ease}.settings-item:hover{background:#0284c7;color:#0ff}.error-message{color:#dc2626;text-align:center;padding:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 768px){.navbar{width:100%;height:auto;position:relative;padding:1rem;box-shadow:0 2px 4px #0000001a}html,body{overflow-x:hidden}.navbar:not(.open) .navbar-menu{display:none}.navbar.open .navbar-menu{display:flex}.navbar-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.navbar-logo-container{width:auto;display:inline-block}.logo-upload-overlay{width:100%;font-size:.75rem;padding:.25rem;bottom:0;left:0;text-align:center;position:absolute;opacity:0;background:#0369a1cc;transition:opacity .2s ease}.navbar-logo{display:block;width:6rem;height:auto}.logo-upload-overlay{font-size:.8rem;padding:.3rem;border-radius:0 0 .3rem .3rem}.upload-icon{font-size:.9rem}.navbar-brand{text-align:left}.navbar-menu{flex-direction:column;gap:.75rem;width:100%}.navbar-select,.nav-link,.nav-button{padding:.6rem;font-size:.95rem}.nav-link,.nav-button{justify-content:flex-start}.nav-icon{font-size:1.1rem}.navbar-toggle{display:block}.settings-menu{top:100%;left:0;margin-top:0;width:100%}.settings-button:after{transform:rotate(-45deg)}.settings-button:hover:after,.settings-button.active:after{transform:rotate(45deg)}}.footer{background:linear-gradient(180deg,#0369a1,#0284c7);color:#f0f9ff;padding:2rem 2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;z-index:100;box-shadow:0 -2px 4px #0000001a}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;max-width:1400px;margin:0 auto 2rem;margin-left:300px}.footer-brand h3{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.footer-brand p{font-size:.95rem;color:#e0f2fe;margin:0}.footer-section h4{font-size:1.1rem;font-weight:600;text-transform:uppercase;color:#fff;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.75rem}.nav-link{color:#f0f9ff;text-decoration:none;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;transition:color .2s ease,transform .2s ease}.nav-link:hover{color:#0ff;transform:translate(5px)}.nav-icon{font-size:1rem;stroke-width:2}.social-icons{display:flex;gap:1rem}.social-icons .nav-link{padding:0}.social-icons .nav-icon{font-size:1.5rem}.footer-copy{text-align:center;font-size:.9rem;color:#e0f2fe;border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;margin-top:2rem}@media (max-width: 768px){.footer{margin-left:0;padding:1.5rem 1rem}.footer-container{grid-template-columns:1fr;text-align:center;gap:1.5rem;margin-left:0}.footer-section h4{font-size:1rem}.nav-link{justify-content:center}.nav-link:hover{transform:scale(1.05)}.social-icons{justify-content:center}}@media (min-width: 1200px){.footer-container{grid-template-columns:repeat(5,1fr);gap:3rem}}*,*:before,*:after{box-sizing:border-box}.get-started-wrapper{width:100vw;background:#0284c7;padding:4rem 1.5rem;display:flex;justify-content:center;box-sizing:border-box;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.get-started-card{display:flex;align-items:center;justify-content:space-between;max-width:960px;width:100%;background:#fff;border-radius:1.25rem;padding:3rem;box-sizing:border-box;gap:1.5rem;flex-wrap:wrap;transition:transform .3s ease}.get-started-card:hover{transform:translateY(-5px)}.get-started-text{flex:1 1 280px;min-width:280px;max-width:100%}.get-started-heading{font-weight:900;font-size:2.75rem;color:#0f172a;margin-bottom:1.25rem;line-height:1.1;letter-spacing:-.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.get-started-heading span{color:#0369a1}.get-started-description{font-weight:500;font-size:1.25rem;color:#64748b;margin-bottom:2rem;line-height:1.5;-webkit-user-select:text;-moz-user-select:text;user-select:text}.get-started-button{background-color:#0369a1;color:#fff;font-weight:600;padding:.75rem 2.5rem;border-radius:9999px;border:none;cursor:pointer;font-size:1.125rem;transition:background-color .2s ease,transform .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1 1 auto;min-width:0;white-space:nowrap;max-width:100%}.get-started-button:hover{color:#fff;background-color:#0284c7}.get-started-button:active{transform:translateY(1px);background-color:#0284c7}.get-started-button:not(:last-child){margin-right:1rem}.button-group{display:flex;flex-wrap:wrap;gap:2rem;width:100%;max-width:100%;justify-content:flex-start}.get-started-button.icon-button{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 2rem;font-weight:700;border-radius:2rem;background:;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.get-started-button.icon-button:hover{background:#0284c7;color:#fff}.button-icon{font-size:1.3rem;flex-shrink:0}.get-started-button{flex:0 1 auto;white-space:nowrap;min-width:120px;max-width:200px;text-align:center}.get-started-image{flex:1;display:flex;justify-content:center;align-items:center;min-width:280px}.get-started-image img{max-width:100%;width:320px;height:auto;border-radius:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 768px){.get-started-card{flex-direction:column;padding:2.5rem 2rem}.button-group{flex-direction:column;width:100%;gap:1rem}.get-started-button{flex:none;width:100%;min-width:0}.get-started-button.icon-button{width:100%;justify-content:center}}@media (max-width: 400px){.get-started-card{flex-direction:column!important;align-items:center!important;padding:2rem!important;gap:2rem!important}.get-started-text,.get-started-image{flex:none!important;width:100%!important;max-width:100%!important;min-width:0!important;text-align:center}.button-group{flex-direction:column!important;width:100%!important;gap:1rem!important;justify-content:center!important}.get-started-button{flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important;text-align:center!important}.get-started-image{min-width:0!important;max-width:320px!important}}@media (max-width: 360px){.get-started-image img{width:280px!important}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.inline-block{display:inline-block}.list-item{display:list-item}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}.index-logo{-o-object-fit:cover;object-fit:cover;width:18rem;margin-top:.5rem;margin-bottom:1rem}body{color:#213547;background-color:#f8fafc;min-width:320px;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.index-heading{color:#06b6d4;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;font-size:1.5rem;font-weight:700}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s ease-out fade-in-up}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.pricing-section{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin:0 auto;padding:3rem 1rem;max-width:960px}.pricing-card{background:#fff;border-radius:1rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;flex:1 1 280px;max-width:320px;color:#0e7490;border:2px solid transparent;margin:0 1.5rem 1.5rem 0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative}.pricing-card:hover{transform:translateY(-6px);border-color:#0369a1}.pricing-card.highlighted{border-color:#0369a1;transform:translateY(-6px) scale(1.04)}.popular{border:2px solid #0369a1;position:relative}.badge{position:absolute;top:1rem;right:1rem;background-color:#0284c7;color:#fff;font-weight:700;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pricing-icon{font-size:3rem;color:#0284c7}.pricing-title{font-weight:800;font-size:1.6rem;margin-bottom:0;color:#0369a1;letter-spacing:.05em;text-transform:uppercase}.pricing-amount{font-weight:900;font-size:2.75rem;margin-top:.75rem;margin-bottom:.75rem;color:#075985}.pricing-subtext{display:block;font-size:.875rem;font-weight:500;color:#075985;margin-top:.25rem;letter-spacing:.5px}.pricing-spacer{flex-grow:1}.pricing-features{text-align:left;list-style:none;padding:0;margin-bottom:2rem}.pricing-features li{font-weight:500;font-size:1.125rem;color:#475569;line-height:1.4;margin-bottom:.5rem;position:relative;padding-left:1.5rem}.pricing-features li:before{content:"✓";position:absolute;left:0;color:#0284c7;font-weight:700}.pricing-button{background-color:#0369a1;color:#fff;font-weight:700;padding:.75rem 1.75rem;border-radius:9999px;border:none;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;width:100%;max-width:200px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pricing-button:hover{background-color:#0284c7}.pricing-button:focus-visible{outline:2px solid #0369a1;outline-offset:3px}@media (max-width: 768px){.pricing-section{gap:1.25rem;padding:2rem .5rem}.pricing-card{margin:0 auto 1.5rem}}.features-section{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin:0 auto;padding:2rem 1rem;max-width:960px}.feature-card{background:#fff;border-radius:1rem;padding:1.5rem .5rem;transition:transform .3s ease,box-shadow .3s ease;flex:1 1 200px;max-width:240px;color:#0e7490;border:2px solid transparent;text-align:center;display:flex;flex-direction:column;align-items:center}.feature-card:hover{transform:translateY(-4px);border-color:#0369a1}.feature-icon{font-size:2rem;color:#0284c7;margin-bottom:.75rem}.feature-title{font-weight:700;font-size:1.2rem;margin-bottom:.5rem;color:#06b6d4}.feature-desc{font-size:.95rem;color:#475569;line-height:1.4}.demo-main{background:#f8fafc;min-height:calc(100vh - 2rem);display:flex;flex-direction:column;padding-left:150px;padding-bottom:2rem}.demo-container{width:85%;margin:2rem auto;padding:2rem;background:#f8fafc;border-radius:1rem;overflow-x:auto}.demo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.demo-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 6px 12px #00000014;text-align:center;max-width:300px;flex:1 1 280px}.demo-button{margin-top:1rem;display:inline-block;background-color:#0284c7;color:#fff;padding:.5rem 1.25rem;border-radius:9999px;font-weight:700;text-decoration:none}.demo-button:hover{background-color:#0369a1}@media (max-width: 768px){.demo-main{padding-left:0;padding-right:0}.demo-container{width:100%;padding:1rem;margin:0 auto;overflow-x:hidden}}.registration-main{background:#f8fafc;min-height:calc(100vh - 2rem);display:flex;flex-direction:column;padding-left:150px;padding-bottom:2rem}.registration-container{max-width:400px;margin:2rem auto;padding:2rem;background-color:#f8fafc;border-radius:1rem;box-shadow:0 10px 20px #0000001a;text-align:center;overflow-x:auto}.registration-title{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:1.5rem}.error-message{color:red;font-size:.9rem;margin-top:.5rem}.registration-form input{color:#000;background-color:#fff;width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;box-sizing:border-box}.registration-button-group{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.registration-button{background-color:#0369a1;color:#fff;font-weight:600;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease;width:100%}.registration-button:hover{background-color:#0891b2}.registration-container.confirmation{text-align:center;padding:3rem 2rem}.registration-form select{color:#000;background-color:#fff;width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.registration-form input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:#0369a1}.progress-bar{width:100%;height:.5rem;background-color:#e2e8f0;border-radius:.25rem;margin-bottom:1rem;overflow:hidden}.progress-fill{height:100%;background-color:#0369a1;transition:width .3s ease}.step-text{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}@media (max-width: 768px){.registration-main{display:flex;flex-direction:unset;padding-top:2rem;padding-left:0;padding-right:0}.registration-container{width:100%;padding:1rem;margin:0 auto;overflow-x:hidden}}@media (max-width: 480px){.registration-container{margin:2rem 1rem;padding:1.5rem}}.login-main{background:#f8fafc;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.login-container{max-width:400px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 10px 20px #0000001a;text-align:center}.login-title{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.invoiceMate-logo{flex:1;display:flex;justify-content:center;align-items:center;min-width:280px}.invoiceMate-logo img{max-width:100%;width:300px;height:auto;border-radius:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-form input{color:#000;background-color:#fff;width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;box-sizing:border-box}.login-button-group{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.login-button{background-color:#0369a1;color:#fff;font-weight:600;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#0891b2}.continue-button-group{display:flex;gap:1rem;width:100%}.continue-button,.go-back-button{flex:1;background-color:#0369a1;color:#fff;font-weight:600;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.continue-button:hover{background-color:#0891b2}.go-back-button{background-color:#949494}.go-back-button:hover{background-color:#7e7e7e}.login-container.confirmation{text-align:center;padding:3rem 2rem}.login-text{font-size:.9rem;color:#475569;margin:0}.login-link{color:#0369a1;text-decoration:underline;margin-left:.25rem;transition:color .3s ease}.login-link:hover{color:#0284c7}@media (max-width: 768px){.login-main{padding-left:0;padding-right:0}.login-container{width:100%;padding:1rem;margin:0 auto;overflow-x:hidden}}@media (max-width: 480px){.login-container{margin:2rem 1rem;padding:1.5rem}}.dashboard-main{background:#f8fafc;min-height:calc(100vh - 2rem);display:flex;flex-direction:column;padding-left:200px;padding-bottom:2rem}.dashboard-container{width:85%;margin:2rem auto;padding:2rem;background:#f8fafc;border-radius:1rem;overflow-x:auto}.dashboard-header{margin-bottom:2rem;text-align:center}.dashboard-title{font-size:2rem;font-weight:700;color:#1e293b}.company-name{color:#0369a1}.demo-banner{background:#e0f2fe;color:#0369a1;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;margin:.5rem auto;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.dashboard-cards{display:flex;flex-direction:column;gap:2.5rem;width:100%;max-width:1000px;margin:0 auto}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;box-shadow:0 2px 6px #0000000f;transition:box-shadow .3s ease,transform .3s ease;margin-right:1rem}.dashboard-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-6px)}.dashboard-card.employees{border-left:4px solid #1e9c4c}.dashboard-card.invoice{border-left:4px solid #0369a1}.dashboard-card.quotation{border-left:4px solid #db2777}.card-title{font-size:1.5rem;font-weight:600;color:#0369a1;margin-bottom:1.5rem}.card-controls{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;flex-wrap:nowrap}.dashboard-button.small{background:#fff;border:2px solid #0369a1;color:#0369a1;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease,color .3s ease,transform .3s ease}.dashboard-button.small:hover{background:#0369a1;color:#f0f9ff;transform:translateY(-2px)}.dashboard-button.small.primary{background:#0369a1;color:#f0f9ff;border-color:#0369a1}.dashboard-button.small.primary:hover{background:#0284c7;border-color:#0284c7}.button-icon{font-size:1.2rem}.button-group{justify-content:flex-end;display:flex;gap:.5rem}.dashboard-table{background:#f8fafc;border-radius:.5rem;padding:1.5rem;overflow-x:auto;box-shadow:0 1px 4px #0000000a}.table-heading{font-size:1.1rem;font-weight:600;color:#334155;margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:1rem}thead{background:#e2e8f0}th,td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #d1d5db}tr:last-child td{border-bottom:none}th{color:#475569;font-weight:600}td{color:#334155}.no-data{text-align:center;padding:1.5rem;color:#6b7280}.amount-col{color:#0369a1;font-weight:600}.action-link{color:#0369a1;text-decoration:none;font-weight:600;transition:color .3s ease}.action-link:hover{color:#0284c7}.loading-text{color:#6b7280;font-size:1rem;text-align:center;margin:2rem 0}.error-text{color:#b91c1c;font-size:1rem;text-align:center;margin:2rem 0}@media (max-width: 768px){.dashboard-main{padding-left:0;padding-right:0}.dashboard-container{width:100%;padding:1rem;margin:0 auto;overflow-x:hidden}.dashboard-title{font-size:1.5rem}.dashboard-cards{flex-direction:column;gap:1.5rem;max-width:100%;margin:0 auto}.dashboard-card{padding:1.5rem}.card-controls{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.button-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.dashboard-button.small{width:100%;justify-content:center}.card-controls .field-search{width:100%}.card-controls .input-group{flex:1 1 100%;display:flex;flex-direction:column;gap:.5rem}.dashboard-button.small{width:100%;justify-content:center;padding:.5rem;font-size:.9rem}input,select,textarea{width:100%;max-width:100%;box-sizing:border-box}.field-search{max-width:100%;width:100%}.tooltip-text{left:0;transform:translate(0) translateY(8px)}.tooltip-wrapper:hover .tooltip-text{left:-2.5rem}table{display:block;width:100%;overflow-x:auto}th,td{white-space:nowrap}}@media (min-width: 1200px){.dashboard-container{margin-left:240px;padding:3rem}.dashboard-main{padding-left:0}.dashboard-cards{max-width:1200px}}.about-container{width:85%;margin:2rem auto;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000001a}.about-content{flex:1}.about-logo{max-width:100%;width:15rem;margin:1rem auto;display:block}.about-heading{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;text-align:center}.about-paragraph{color:#334155;line-height:1.75;margin-bottom:1rem;font-size:1.0625rem;font-weight:400}.faq-section{width:85%;margin:2rem auto;background-color:#f0fdfa;border:1px solid #ccfbf1;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000000d}.faq-heading{font-size:1.5rem;font-weight:700;color:#0e7490;margin-bottom:1.5rem}.faq-list{list-style-type:none;padding-left:0}.faq-item{margin-bottom:1.5rem}.faq-question{color:#1e293b;font-weight:600;font-size:1rem}.faq-answer{color:#334155;font-size:.95rem;line-height:1.5;margin-top:.25rem}@media (max-width: 768px){.main-content-wrapper{padding-left:0;padding-right:0}.about-container,.faq-section{width:95%;padding:1rem;box-shadow:none;background:#f8fafc}.about-heading,.faq-heading{font-size:1.25rem}.about-paragraph,.faq-answer{font-size:.95rem}}@media (max-width: 640px){.about-container,.faq-section{padding:.5rem}.about-heading,.faq-heading{font-size:1.125rem}.about-paragraph,.faq-answer{font-size:.9rem}.about-logo{width:12rem}}.invoices-container{width:85%;margin:2rem auto;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000001a;overflow-x:auto}.invoices-controls{max-width:900px;margin:2rem auto 1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:0 1rem}.invoices-select{background-color:#fff;padding:.5rem .75rem;font-size:1rem;border-radius:.5rem;border:1px solid #cbd5e1;color:#334155;transition:border-color .2s ease}.invoices-select:focus{outline:none;border-color:#0ea5e9}.invoices-add-button{background-color:#0ea5e9;color:#fff;font-weight:700;padding:.6rem 1.5rem;border-radius:.6rem;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .3s ease;white-space:nowrap}.invoices-add-button:hover{color:#fff;background-color:#0284c7}.invoices-table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:.5rem;margin-top:1rem;box-shadow:0 1px 3px #0000000d}.invoices-table-wrapper table{width:100%;min-width:800px;border-collapse:collapse}.invoices-table-wrapper th,.invoices-table-wrapper td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.invoices-controls-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.invoices-select{height:2.5rem;padding:0 .5rem}@media (max-width: 768px){.main-content-wrapper{padding-left:0;padding-right:0}.invoices-container{width:95%;padding:1rem;margin:0 auto;overflow-x:hidden;box-shadow:none;background:#f8fafc}.invoices-controls{flex-direction:column;gap:1rem}.grid-left{flex-direction:column;align-items:flex-start;gap:.5rem}}.add-main{background-color:#f8fafc;min-height:calc(100vh - 2rem);padding-left:230px;margin-top:2rem;transition:padding-left .3s ease}.form-wrapper{width:calc(100% - 2rem);max-width:1000px;margin:2rem auto;padding:2rem;border-radius:1rem;overflow-x:auto;box-sizing:border-box}.title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:2rem;color:#0f172a}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin-bottom:1.25rem;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem;font-weight:600}.section-icon{color:#3b82f6;width:24px;height:24px;flex-shrink:0}.client-details,.item-details,.totals{background-color:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 12px #0000001a;margin-bottom:2rem;border:1px solid #e2e8f0}.client-details h2,.item-details h2,.totals h2{font-size:1.25rem;margin-bottom:1.25rem;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem;font-weight:700}.form-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.form-group{display:flex;align-items:center;flex:1;min-width:250px;margin-bottom:1rem}.form-group label{width:120px;margin-right:.5rem;text-align:right;flex-shrink:0;color:#334155;font-weight:600}.form-group input,.form-group textarea,.form-group select{flex:1;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;background-color:#f9fafb;color:#000;width:100%;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933;outline:none}.item-row{position:relative;padding-bottom:2.5rem}.item-buttons{display:flex;justify-content:space-between;margin-top:.5rem}button.remove-btn{margin-top:1rem;background-color:#ef4444;color:#fff;border:none;padding:.4rem 1rem;border-radius:.4rem;cursor:pointer;font-weight:700;transition:background-color .3s ease,opacity .3s ease}button.remove-btn:hover:not(:disabled){background-color:#941515}button.remove-btn:disabled{cursor:not-allowed;opacity:.8;background-color:#cbd5e1}button.add-btn{margin-top:1rem;background-color:#3b82f6;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:.6rem;cursor:pointer;font-weight:700;transition:background-color .3s ease,opacity .3s ease;margin:0;align-self:flex-start}button.add-btn:hover:not(:disabled){background-color:#1e40af}button.add-btn:disabled{cursor:not-allowed;opacity:.8;background-color:#cbd5e1}.form-actions{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between;flex-wrap:wrap}button.submit-btn{margin-top:1rem;background-color:green;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:700;font-size:1.1rem;transition:background-color .3s ease,opacity .3s ease}button.submit-btn:hover:not(:disabled){background-color:#15803d}button.cancel-btn{margin-top:1rem;background-color:#64748b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:700;font-size:1.1rem;transition:background-color .3s ease,opacity .3s ease}button.cancel-btn:hover:not(:disabled){background-color:#4b5563}.item-card{background-color:#f8fafc;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.item-label-id{font-weight:700;color:#334155;font-size:1rem;text-transform:uppercase}.input-with-prefix{display:flex;align-items:center}.currency-prefix{background-color:#e2e8f0;padding:.5rem .75rem;border:1px solid #cbd5e1;border-right:none;border-radius:.5rem 0 0 .5rem;font-weight:500;color:#475569}.input-with-prefix input{border-radius:0 .5rem .5rem 0;border-left:none;flex:1}.totals{background-color:#fff}.totals-breakdown .totals-row,.totals-breakdown .total-line{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:6px 16px;margin:0}.totals-breakdown .totals-row span:first-child,.totals-breakdown .total-line span:first-child{font-weight:500}.totals-breakdown .totals-row strong,.totals-breakdown .total-line strong{text-align:right}.totals-breakdown .total-line{border-top:2px solid #e2e8f0;font-weight:700;margin-top:0;padding-top:6px}.list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;font-weight:600;padding:12px 16px;border-bottom:2px solid #e2e8f0;color:#475569}.list-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:12px 16px;border-bottom:1px dashed #e2e8f0;font-size:1rem;color:#334155}.list-item strong{color:#0f172a}.list-item:last-child{border-bottom:none}.list-header span:nth-child(2),.list-header span:nth-child(3),.list-header span:nth-child(4),.list-item span:nth-child(2),.list-item span:nth-child(3),.list-item strong{text-align:right}@media (max-width: 600px){.add-main{padding-left:0;margin-top:1rem}html,body{overflow-x:hidden}.form-wrapper{width:calc(100% - 2rem);margin:1rem auto;padding:1rem}.form-row{flex-direction:column}.form-group{flex-direction:column;align-items:flex-start;min-width:100%}.form-group label{text-align:left;width:100%;margin-bottom:.25rem}.form-row{flex-direction:column;gap:1rem}}@media (max-width: 768px){.add-main{padding-left:0;margin-top:1rem}.form-wrapper{width:calc(100% - 2rem);margin:1rem auto;padding:1rem}.client-details,.item-details,.totals{padding:1rem}.title{padding:1rem;font-size:1.5rem}.list-header,.list-item,.totals-breakdown .totals-row,.totals-breakdown .total-line{grid-template-columns:1fr 1fr;row-gap:.5rem}.list-header span:first-child,.list-item span:first-child,.totals-breakdown .totals-row span:first-child,.totals-breakdown .total-line span:first-child{grid-column:1 / -1;text-align:left}.list-item span:nth-child(2),.list-item span:nth-child(3),.list-item strong,.totals-breakdown .totals-row strong,.totals-breakdown .total-line strong{text-align:right}}@media (min-width: 900px){.client-details,.item-details,.totals{flex:1}.form-wrapper{padding:0 1rem}}.quotations-container{width:85%;margin:2rem auto;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000001a;overflow-x:auto}.quotations-controls{max-width:900px;margin:2rem auto 1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:0 1rem}.quotations-select{background-color:#fff;padding:.5rem .75rem;font-size:1rem;border-radius:.5rem;border:1px solid #cbd5e1;color:#334155;transition:border-color .2s ease}.quotations-select:focus{outline:none;border-color:#0ea5e9}.quotations-add-button{background-color:#0ea5e9;color:#fff;font-weight:700;padding:.6rem 1.5rem;border-radius:.6rem;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .3s ease;white-space:nowrap}.quotations-add-button:hover{color:#fff;background-color:#0284c7}.quotations-table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:.5rem;margin-top:1rem;box-shadow:0 1px 3px #0000000d}.quotations-table-wrapper table{width:100%;min-width:800px;border-collapse:collapse}.quotations-table-wrapper th,.quotations-table-wrapper td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.quotations-controls-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.company-select-row{display:flex;align-items:center;gap:.5rem;padding-top:3.5rem}.quotations-select{height:2.5rem;padding:0 .5rem}@media (max-width: 768px){.main-content-wrapper{padding-left:0;padding-right:0}.quotations-container{width:95%;padding:1rem;margin:0 auto;overflow-x:hidden;box-shadow:none;background:#f8fafc}.quotations-controls{flex-direction:column;gap:1rem}.grid-left{flex-direction:column;align-items:flex-start;gap:.5rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:.75rem;width:90%;max-width:600px;max-height:80%;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.employee-list{list-style:none;padding:0;margin:0}.employee-list li{padding:.5rem 0;border-bottom:1px solid #e2e8f0}.modal-employee-table{width:100%;border-collapse:collapse;margin-top:15px}.modal-employee-table th,.modal-employee-table td{padding:10px;border-bottom:1px solid #ddd;text-align:left}.modal-employee-table tr:hover{background-color:#f9f9f9}.modal-selected-row{background-color:#e6f7ff}.modal-button{flex:1;margin-top:2rem;text-align:center;font-weight:600;padding:.75rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.modal-button.cancel{background-color:#ef4444;color:#fff}.modal-button.cancel:hover{background-color:#dc2626}.modal-button.confirm{background-color:green;color:#fff}.modal-button.confirm:hover{background-color:#16a34a}.main-content-wrapper{width:100%;margin-top:2rem;padding-left:230px;background:#f8fafc;min-height:calc(100vh - 2rem)}.employees-container{width:85%;margin:2rem auto;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000001a;overflow-x:auto}.employees-controls{max-width:900px;margin:2rem auto 1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:0 1rem}.employees-select{background-color:#fff;padding:.5rem .75rem;font-size:1rem;border-radius:.5rem;border:1px solid #cbd5e1;color:#334155;transition:border-color .2s ease}.employees-select:focus{outline:none;border-color:#0ea5e9}.employees-add-button{background-color:#0ea5e9;color:#fff;font-weight:700;padding:.6rem 1.5rem;border-radius:.6rem;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .3s ease;white-space:nowrap;text-align:left}.employees-add-button:hover{color:#fff;background-color:#0284c7}.employees-add-button.disabled,.employees-add-button[disabled]{cursor:not-allowed;opacity:.8}.employees-add-button.disabled:hover{background-color:#cbd5e1}.employees-table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:.5rem;margin-top:1rem;box-shadow:0 1px 3px #0000000d}.employees-table-wrapper table{width:100%;min-width:800px;border-collapse:collapse}.employees-table-wrapper th,.employees-table-wrapper td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.hover-row:hover{background-color:#f8fafc}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable-header:hover{text-decoration:underline}.amount-col{color:#2563eb;font-weight:600}.actions-col{text-align:right}.action-link{color:#0ea5e9;text-decoration:none;font-weight:600;transition:color .2s ease}.action-link:hover{color:#0284c7;text-decoration:underline}.edit-input,.edit-select{background-color:#fff;color:#1f2937;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.4rem;font-size:.95rem;width:100%;max-width:250px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.edit-input:hover,.edit-select:hover{border-color:#94a3b8;background-color:#f8fafc}.edit-input:focus,.edit-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933;background-color:#fff}.edit-select option{background-color:#fff;color:#1f2937;font-size:.95rem}.edit-select option:hover{background-color:#e0f2fe}.edit-view-button{background-color:#3b82f6;color:#fff;font-weight:600;padding:.4rem 1rem;border:none;border-radius:.4rem;cursor:pointer;transition:background-color .3s ease}.edit-view-button:hover{background-color:#1e40af}.pagination-controls{max-width:900px;margin:2rem auto 3rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#475569;padding:0 1rem}.pagination-buttons button{border:1.5px solid #94a3b8;background-color:#fff;color:#475569;font-weight:600;padding:.35rem .85rem;border-radius:.5rem;margin-left:.3rem;margin-bottom:.3rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pagination-buttons button:hover{background-color:#e0f2fe;border-color:#0ea5e9;color:#0369a1}.pagination-buttons button.active{background-color:#0ea5e9;border-color:#0ea5e9;color:#fff;cursor:default}.pagination-buttons .dots{padding:0 .5rem;color:#0ea5e9}.field-search{background:#fff;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;color:#334155;outline:none;width:100%;max-width:250px;transition:border-color .3s ease,box-shadow .3s ease;display:inline-block}.field-search:focus{border-color:#0369a1;box-shadow:0 0 0 3px #0369a133}.tooltip-wrapper{position:relative;display:inline-block;cursor:help;font-size:1.25rem;color:#6b7280;max-width:1.5rem}.tooltip-icon{color:#0369a1;background:#fff;border-radius:50%;padding:.25rem}.tooltip-text{position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(8px);background:#1e293b;color:#f0f9ff;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;line-height:1.2;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;max-width:300px;min-width:200px;box-sizing:border-box;white-space:normal}.tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.employees-controls-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.grid-left{display:flex;flex-direction:column;gap:.5rem}.search-and-add{display:grid;align-items:center;gap:1rem;margin-top:.5rem}@media (max-width: 768px){.main-content-wrapper{padding-left:0;padding-right:0}.employees-container{width:95%;padding:1rem;margin:0 auto;overflow-x:hidden;box-shadow:none;background:#f8fafc}.employees-controls{flex-direction:column;gap:1rem}.grid-left{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 640px){.dashboard-search{max-width:100%}}.subscriptions-main{background-color:#f1f5f9;min-height:calc(100vh - 2rem);padding-left:230px;margin-top:2rem;transition:padding-left .3s ease}.subscriptions-container{width:90%;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:1.5rem;overflow-x:auto;box-shadow:0 4px 20px #0000000d}.subscriptions-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:2.5rem;color:#0f172a;display:flex;align-items:center;justify-content:center;gap:.5rem}.subscription-form1-section,.subscription-form2-section{background-color:#fff;padding:2rem;margin-bottom:2.5rem;border-radius:1.5rem;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.subscription-form1-section:hover,.subscription-form2-section:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.subscription-form1-section h3,.subscription-form2-section h3{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:#1e293b;border-bottom:3px solid #3b82f6;padding-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.subscription-form1-section,.subscription-form2-section,.subscription-select option{text-transform:capitalize}.subscription-card{background-color:#f9fafb;padding:1.5rem;border-radius:1rem;margin-bottom:1.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem}.subscription-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a;border-color:#3b82f6}.subscription-card h4{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#0f172a;display:flex;align-items:center;gap:.5rem}.subscription-card p{margin:.5rem 0;font-size:1.1rem;color:#334155;display:flex;align-items:center;gap:.5rem}.subscription-card ul{margin-top:1rem;padding-left:1.75rem;list-style-type:disc}.subscription-card ul li{margin-bottom:1rem;font-size:.95rem;color:#475569;line-height:1.6;display:block}.subscription-card ul li span{display:block;margin-bottom:.25rem}.subscription-card .tier{font-weight:700;color:#3b82f6;background-color:#3b82f61a;padding:.25rem .5rem;border-radius:.5rem}.status-active{color:#168d41}.status-inactive{color:#ef4444}.status-pending{color:#eab308}.action-select{width:200px;padding:.75rem;font-size:1rem;border-radius:.75rem;border:1px solid #cbd5e1;background-color:#fff;color:#0f172a;box-shadow:0 2px 6px #0000001a;transition:border-color .2s ease,box-shadow .2s ease}.action-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.payment-select{width:200px;padding:.75rem;font-size:1rem;border-radius:.75rem;border:1px solid #cbd5e1;background-color:#fff;color:#0f172a;box-shadow:0 2px 6px #0000001a;transition:border-color .2s ease,box-shadow .2s ease}.payment-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.payment-select option{color:#0f172a;font-size:1rem}.submit-button{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;font-size:.95rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;width:100%;max-width:300px}.submit-button:hover{background-color:#2563eb;transform:translateY(-3px)}.subscription-select{width:300px;max-width:100%;padding:.75rem 1rem;font-size:1.1rem;border-radius:.75rem;border:1px solid #cbd5e1;background-color:#fff;color:#0f172a;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;transition:border-color .2s ease,box-shadow .2s ease}.subscription-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}@media (max-width: 768px){.subscriptions-main{padding-left:1rem;margin-top:1rem}.subscriptions-container{width:100%;padding:1rem;border-radius:1rem}.subscription-card{padding:1rem}.submit-button{width:100%}.action-select,.payment-select,.subscription-select{width:100%;max-width:100%}.subscriptions-title{font-size:1.8rem;margin-bottom:1.5rem}}.preview-main{padding:50px;width:100%;max-width:900px;margin:0 auto;background:#fff;border:2px solid #ddd;font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#333;border-radius:.75rem;box-shadow:0 4px 12px #0000001a}.preview-scroll-container{width:100%;overflow-x:auto;display:flex;justify-content:center}.preview-header{display:flex;align-items:flex-start;margin-bottom:40px}.preview-header-left{flex:1;max-width:60%}.preview-header-left h1{font-size:32px;font-weight:700;margin-bottom:2rem}.preview-main-details{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:20px}.company-block{flex:1;margin-left:auto;max-width:320px;text-align:left}.preview-meta{display:grid;grid-template-columns:auto 1fr;gap:0px 40px;font-size:18px;margin-bottom:20px}.meta-label{font-weight:700;color:#000;text-align:left}.meta-value{color:#000;text-align:left}.client-section{margin-top:10px}.client-label{font-weight:bolder;color:#000;margin-bottom:12px!important}.company-label{font-size:16px;font-weight:bolder;color:#000;margin-bottom:4px}.company-logo{max-width:250px;max-height:150px;-o-object-fit:contain;object-fit:contain}.company-logo-container{margin-bottom:8px}.company-info p,.preview-client p{margin:0}.company-info p strong:empty,.preview-client p strong:empty{display:inline-block;width:60px}.preview-table-wrapper{width:100%;overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;table-layout:fixed}.preview-table th,.preview-table td{padding:10px;text-align:left;border:none}.preview-totals-table{width:100%;border-collapse:collapse;margin-top:10px}.preview-totals-table td{padding:0;border:none}.preview-totals-table .label{text-align:right;font-weight:700}.preview-totals-table .value{text-align:right;width:133.3px;font-weight:700}.preview-footer{margin-top:40px;font-size:14px;font-style:italic;text-align:left}.field-row{display:flex;align-items:flex-start}.field-label{min-width:90px;font-weight:700}.field-value{flex:1}.address-block{display:flex;align-items:flex-start}.address-lines{display:flex;flex-direction:column;gap:2px}@media (max-width: 768px){.preview-main{padding:15px}.preview-main-details{flex-direction:column;gap:20px}.preview-header{flex-direction:column;align-items:flex-start;gap:20px}.company-block{text-align:left}.company-logo-container{justify-content:flex-start}.preview-totals-table tr{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ccc}.preview-totals-table tr:last-child{border-bottom:none}.preview-totals-table .label{text-align:left;flex:1}.preview-totals-table .value{text-align:right;flex:0}.preview-totals-table td{padding:0;border:none}}.pdfSettings-main{width:100%;margin-top:2rem;padding-left:230px;background:#f8fafc;min-height:calc(100vh - 2rem)}.pdfSettings-container{width:85%;margin:2rem auto;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000001a;overflow-x:visible}.pdfPreview-container{width:85%;margin:2rem auto;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 12px #0000001a;overflow-x:auto}.pdf-button{display:inline-flex;align-items:center;background-color:green;color:#fff;font-weight:700;padding:.6rem 1.5rem;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .3s ease;white-space:nowrap;text-align:center}.pdf-button:hover{background-color:#15803d}.pdf-button.disabled,.pdf-button[disabled]{cursor:not-allowed;opacity:.8}.pdf-button.disabled:hover{background-color:#cbd5e1}.pdf-button.cancel{background-color:#ef4444}.pdf-button.cancel:hover{background-color:#941515}.pdf-button.default{background-color:#6b7280}.pdf-button.default:hover{background-color:#374151}.pdf-button.preview{background-color:#0ea5e9;color:#fff}.pdf-button.preview:hover{background-color:#0284c7}.pdf-settings-form{display:flex;flex-wrap:wrap;gap:1.5rem}.pdf-settings-section{flex:1 1 300px;min-width:250px;background:linear-gradient(145deg,#fff,#f9fafb);padding:1.5rem;border-radius:1rem;box-shadow:0 2px 10px #0000000f;transition:transform .2s ease}.pdf-settings-section:hover{transform:translateY(-3px)}.pdf-settings-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1e293b;letter-spacing:-.025em;position:relative;padding-bottom:.5rem}.pdf-settings-section h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#0ea5e9;border-radius:2px}.footer-block{margin-top:3rem}.pdf-settings-field{display:flex;flex-direction:column;margin-bottom:1rem}.pdf-settings-field label{font-size:.9rem;font-weight:500;margin-bottom:.25rem;color:#334155}.pdf-settings-field input{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:3rem;font-size:.95rem;background:#fff;color:#334155;transition:border-color .2s ease,box-shadow .2s ease}.pdf-settings-field input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.pdf-color-picker-wrapper{display:flex;align-items:center;gap:.75rem}.hex-input{width:60px;padding:.5rem;border-radius:.5rem;border:1px solid #d1d5db;transition:all .2s ease}.hex-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.pdf-select{background-color:#fff;padding:.5rem .75rem;font-size:1rem;color:#334155;transition:border-color .2s ease}.pdf-select:focus{outline:none;border-color:#0ea5e9}.color-box-preview{width:40px;height:20px;border:1px solid #ccc;display:inline-block;margin-left:.5rem;vertical-align:middle}.pdf-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.pdf-actions-right{display:flex;gap:1rem}.pdf-preview-header h1{margin-bottom:.25rem}.pdf-preview-header p{margin-top:0}@media (max-width: 768px){.pdf-settings-form{grid-template-columns:1fr}.pdfSettings-main{padding-left:0;padding-right:0}.pdfSettings-container{width:95%;padding:1rem;margin:0 auto;overflow-x:hidden;box-shadow:none;background:#f8fafc}.pdf-actions{flex-direction:column;gap:.5rem}.pdf-actions-right{flex-direction:column;width:100%}.pdf-actions-right .pdf-button{width:100%}}.privacy-container{background:#f8fafc;color:#000;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:220px}.privacy-content{max-width:1200px;margin:0 auto}.privacy-content h1{font-size:2.5rem;text-align:center;margin-bottom:1rem;color:#000}.privacy-content h2{font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;color:#000;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.privacy-content h3{font-size:1.4rem;margin-top:1.5rem;color:#000}.privacy-content p,.privacy-content ul{line-height:1.6;font-size:1rem;margin-bottom:1rem}.privacy-content ul{padding-left:1.5rem}.privacy-content li{margin-bottom:.5rem}@media (max-width: 768px){.privacy-container{margin-left:0;padding:1rem}.privacy-content h1{font-size:2rem}.privacy-content h2{font-size:1.5rem}}.main-content-wrapper{width:100%;margin-top:2rem;padding-left:230px;background:#fff;min-height:calc(100vh - 2rem)}.terms-container{width:85%;margin:2rem auto;background:#fff;padding:2rem;border-radius:1rem}.terms-content{line-height:1.7;color:#334155}.terms-section{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.terms-section:last-child{border-bottom:none;margin-bottom:1rem}.terms-heading{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:2rem;text-transform:uppercase;letter-spacing:.05em}.terms-heading:first-of-type{margin-top:0}.terms-paragraph{color:#334155;line-height:1.75;margin-bottom:1rem;font-size:1rem;font-weight:400}.terms-link{color:#0ea5e9;text-decoration:none;font-weight:600;transition:color .2s ease}.terms-link:hover{color:#0284c7;text-decoration:underline}.terms-contact-list{list-style-type:none;padding-left:0;margin:1rem 0}.terms-contact-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.terms-contact-list li:before{content:"📧";position:absolute;left:0;font-size:1rem}.terms-contact-list li:nth-child(2):before{content:"📍"}.terms-contact-list li:nth-child(3):before{content:"🌐"}.terms-paragraph.last-updated{font-style:italic;color:#64748b;text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.main-content-wrapper{padding-left:0;padding-right:0}.terms-container{width:95%;padding:1rem;margin:0 auto;box-shadow:none;background:#f8fafc}.terms-content{padding:0 .5rem}.terms-heading{font-size:1.25rem}.terms-paragraph{font-size:.95rem}.terms-section{margin-bottom:2rem}}@media (max-width: 640px){.terms-container{padding:.5rem}.terms-content{padding:0}.terms-heading{font-size:1.125rem}.terms-paragraph{font-size:.9rem;line-height:1.6}}