@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,600;1,400;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.04)}66%{transform:translate(-15px,20px) scale(.97)}}@keyframes dotpulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}#root{max-width:100%;margin:0;padding:0}.app-layout{display:flex;flex-direction:row;min-height:100vh;background:linear-gradient(135deg,#f0e6ff,#dceeff 40%,#ffe6f0);position:relative;overflow-x:hidden}.app-layout:before,.app-layout:after{content:"";position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;animation:blobFloat 12s ease-in-out infinite}.app-layout:before{width:500px;height:500px;background:radial-gradient(circle,#c9a8ff,#a8d4ff);top:-150px;left:-100px;opacity:.35}.app-layout:after{width:400px;height:400px;background:radial-gradient(circle,#ffd6ec,#ffecb3);bottom:-100px;right:-80px;opacity:.35;animation-delay:-6s}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:#ffffffd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.65);position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px #7c5cbf1a}.header-logo a{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:700;font-size:1rem;font-family:Fraunces,serif;background:linear-gradient(135deg,#6a3eb8,#3a7fc1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-logo{height:36px;width:36px;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px #7c5cbf47;flex-shrink:0}.header-nav{display:none}.nav-item{padding:.38rem .85rem;color:#8b85a1;font-weight:500;font-size:.85rem;border-radius:100px;transition:all .22s ease;text-decoration:none;white-space:nowrap}.nav-item:hover{color:#7c5cbf;background:#7c5cbf14}.nav-item.active{background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff!important;-webkit-text-fill-color:#fff;font-weight:600;box-shadow:0 3px 12px #7c5cbf52}.sidebar{width:260px;min-width:260px;height:100vh;position:fixed;left:0;top:0;background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.65);box-shadow:4px 0 24px #7c5cbf1f;display:flex;flex-direction:column;z-index:1000;transition:all .3s ease}.sidebar.closed{width:70px;min-width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(124,92,191,.1)}.sidebar-logo-link{display:flex;align-items:center;gap:.65rem;text-decoration:none;overflow:hidden}.sidebar-logo{height:50px;width:50px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #7c5cbf47;flex-shrink:0}.sidebar-title{font-weight:700;font-size:1.3rem;font-family:Fraunces,serif;background:linear-gradient(135deg,#6a3eb8,#3a7fc1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;opacity:1;transition:opacity .3s ease;display:flex;flex-direction:column;line-height:1.2}.sidebar-title .title-line{display:block}.sidebar.closed .sidebar-title{opacity:0;width:0}.sidebar-toggle{background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:all .3s ease}.sidebar-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #7c5cbf66}.sidebar-nav{flex-grow:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.3rem;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;color:#8b85a1;font-weight:500;font-size:.9rem;border-radius:12px;transition:all .22s ease;text-decoration:none;white-space:nowrap;overflow:hidden}.sidebar-nav-item .nav-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}.sidebar-nav-item .nav-text{opacity:1;transition:opacity .3s ease}.sidebar.closed .sidebar-nav-item .nav-text{opacity:0;width:0}.sidebar.closed .sidebar-nav-item{justify-content:center;padding:.75rem}.sidebar-nav-item:hover{color:#7c5cbf;background:#7c5cbf14}.sidebar-nav-item.active{background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff!important;-webkit-text-fill-color:#fff;font-weight:600;box-shadow:0 3px 12px #7c5cbf52}.sidebar-footer{padding:1rem .75rem;border-top:1px solid rgba(124,92,191,.1)}.sidebar-logout-button{display:flex;align-items:center;gap:.85rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#eb5968,#ff8a8a);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #eb59684d;overflow:hidden}.sidebar-logout-button .nav-icon{flex-shrink:0}.sidebar-logout-button .nav-text{opacity:1;transition:opacity .3s ease}.sidebar.closed .sidebar-logout-button{justify-content:center;padding:.75rem}.sidebar.closed .sidebar-logout-button .nav-text{opacity:0;width:0}.sidebar-logout-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #eb596866}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(124,92,191,.15);z-index:1500;padding:0 1rem;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #7c5cbf1a}.mobile-header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:700;font-size:1rem;font-family:Fraunces,serif;background:linear-gradient(135deg,#6a3eb8,#3a7fc1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-header-img{height:32px;width:32px;border-radius:8px;object-fit:cover}.mobile-header-logout{background:linear-gradient(135deg,#eb5968,#ff8a8a);border:none;width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.mobile-header{display:flex}.app-content{margin-top:56px}}@media (max-width: 480px){.mobile-header{padding:0 .75rem}.mobile-header-logo span{display:none}}.app-content{flex-grow:1;margin-left:260px;padding:1.5rem;position:relative;transition:margin-left .3s ease;overflow-x:visible}.booking-form-card{overflow:visible!important}.sidebar.closed~.app-content{margin-left:70px}.app-header{display:none}.hamburger-line{width:22px;height:2px;background:linear-gradient(135deg,#9b6fe8,#6baee0);border-radius:2px;transition:all .3s ease}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;justify-content:flex-start}.mobile-menu{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:280px;height:100%;box-shadow:4px 0 24px #7c5cbf33;display:flex;flex-direction:column;position:relative;padding:.5rem;gap:.2rem;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(124,92,191,.1);margin-bottom:.5rem}.mobile-menu-logo{height:36px;width:36px;border-radius:8px;object-fit:cover}.mobile-close-btn{background:none;border:none;font-size:1.2rem;color:#8b85a1;cursor:pointer;padding:.5rem}.mobile-logout-button{margin-top:auto;background:linear-gradient(135deg,#eb5968,#ff8a8a);color:#fff;border:none;padding:.85rem 1rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;margin:1rem .5rem}.mobile-nav-item{padding:.75rem 1rem;color:#8b85a1;text-decoration:none;font-weight:500;font-size:.9rem;border-radius:12px;transition:all .2s ease}.mobile-nav-item:hover{background:#7c5cbf14;color:#7c5cbf}.mobile-nav-item.active{background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;font-weight:600}.header-profile .logout-button{background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;padding:.42rem 1rem;border-radius:100px;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #7c5cbf4d;font-family:Plus Jakarta Sans,sans-serif}.header-profile .logout-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c5cbf66}@media (min-width: 1400px){.app-content{padding:2rem;max-width:1600px;margin:0 auto}}@media (min-width: 1024px) and (max-width: 1399px){.app-content{padding:1.5rem}.sidebar{width:240px;min-width:240px}.sidebar.closed{width:70px;min-width:70px}.app-content{margin-left:240px}.sidebar.closed~.app-content{margin-left:70px}}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:220px;min-width:220px}.sidebar.closed{width:60px;min-width:60px}.app-content{margin-left:220px;padding:1rem}.sidebar.closed~.app-content{margin-left:60px}.sidebar-title{font-size:1.1rem}.sidebar-logo{height:40px;width:40px}.sidebar-nav-item{padding:.6rem .8rem;font-size:.85rem}}@media (min-width: 481px) and (max-width: 767px){.sidebar{width:200px;min-width:200px}.app-content{margin-left:0;padding:1rem .75rem;width:100%}.sidebar.closed{width:60px;min-width:60px}.sidebar-toggle,.mobile-menu-button{display:flex}.sidebar-title{font-size:1rem}.sidebar-logo{height:36px;width:36px}.sidebar-nav-item{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 480px){.app-layout{flex-direction:column}.sidebar{transform:translate(-100%);width:280px;min-width:280px;z-index:2000}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%);width:280px;min-width:280px}.app-content{margin-left:0;padding:.75rem .5rem;width:100%;min-height:calc(100vh - 60px)}.sidebar-toggle,.mobile-menu-button{display:flex}.sidebar-title{font-size:1rem}.sidebar-logo{height:32px;width:32px}.sidebar-nav-item{padding:.6rem .75rem;font-size:.85rem}.sidebar-nav-item .nav-icon{font-size:1rem}.dashboard-card,.booking-form-card,.invoice-card{padding:1rem;margin:.5rem 0;border-radius:12px}.grid-container,.invoice-grid,.customer-grid{grid-template-columns:1fr;gap:.75rem}.form-group{margin-bottom:.75rem}.form-input,.form-select,.form-textarea{padding:.6rem .75rem;font-size:.9rem}.btn,.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.85rem}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:.5rem}}@media (max-width: 319px){.app-content{padding:.5rem .25rem}.sidebar{width:100%;min-width:100%}.sidebar-title{font-size:.9rem}.sidebar-logo{height:28px;width:28px}}.cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;justify-items:center;width:100%}.card{width:100%;max-width:320px}.page-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%}.dashboard-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.complaint-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;width:100%}.customer-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%}.invoice-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;width:100%}.staff-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%}.summary-cards-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.summary-card{flex:1;min-width:200px;max-width:280px}.history-summary-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}@media (max-width: 480px){.cards-wrapper{grid-template-columns:1fr}.card{max-width:100%}.stats-grid,.services-grid,.complaint-cards-wrapper,.customer-cards-wrapper,.invoice-cards-wrapper,.staff-cards-wrapper{grid-template-columns:1fr}.summary-card{max-width:100%;min-width:100%}.page-wrapper{padding:0 8px}.app-content{padding:1rem .5rem}}@media (max-width: 768px){.cards-wrapper,.stats-grid,.services-grid,.complaint-cards-wrapper,.customer-cards-wrapper{grid-template-columns:repeat(2,1fr)}.invoice-cards-wrapper{grid-template-columns:1fr}.staff-cards-wrapper{grid-template-columns:repeat(2,1fr)}.summary-card{min-width:150px;max-width:200px}.header-nav{flex-direction:column;align-items:center}}@media (max-width: 1024px){.cards-wrapper,.stats-grid{grid-template-columns:repeat(3,1fr)}.services-grid,.complaint-cards-wrapper,.customer-cards-wrapper,.invoice-cards-wrapper{grid-template-columns:repeat(2,1fr)}.staff-cards-wrapper{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.cards-wrapper,.stats-grid,.services-grid{grid-template-columns:repeat(4,1fr)}.complaint-cards-wrapper{grid-template-columns:repeat(3,1fr)}.customer-cards-wrapper{grid-template-columns:repeat(4,1fr)}.invoice-cards-wrapper{grid-template-columns:repeat(3,1fr)}.staff-cards-wrapper{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1400px){.cards-wrapper,.stats-grid,.services-grid{grid-template-columns:repeat(5,1fr)}}@media print{.sidebar,.mobile-menu-button,.sidebar-toggle,.app-header{display:none!important}.app-content{margin-left:0!important;padding:0!important}.dashboard-card,.booking-form-card,.invoice-card{box-shadow:none!important;border:1px solid #ccc!important}}.app-content.sidebar-open{margin-left:260px}.app-content{width:100%;max-width:100%;margin-left:260px;padding:1.5rem;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1024px){.app-content{margin-left:0;padding:1rem}}@media (max-width: 768px){.app-content{padding:.75rem}}@media (max-width: 480px){.app-content{padding:.5rem}}.page-container{display:flex;flex-direction:column;gap:1.5rem;animation:rise .5s cubic-bezier(.16,1,.3,1) both}.page-section{width:100%}.section-title{font-family:Fraunces,serif;font-size:1.55rem;font-weight:600;margin-bottom:.4rem;color:#1e1b2e;letter-spacing:-.3px}.section-subtitle{font-size:.88rem;color:#8b85a1;margin-bottom:1.25rem;margin-top:0}.hero-section{padding:2.5rem;background:linear-gradient(135deg,#9b6fe8,#6baee0 60%,#a8d4ff);color:#fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 16px 48px #7c5cbf4d}.hero-title{font-family:Fraunces,serif;font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#fff}.hero-subtitle{font-size:.95rem;opacity:.85;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%}.stat-card{display:flex;align-items:center;padding:1.25rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-md);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--glass-bg-strong)}.stat-card.clickable{cursor:pointer}.stat-card.success{border-left:4px solid #2d9e6b}.stat-card.danger{border-left:4px solid #eb5968}.stat-card.info{border-left:4px solid #3a7fc1}.stat-card.warning{border-left:4px solid #c77b00}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-right:1rem;flex-shrink:0;font-size:1.4rem}.stat-card.success .stat-icon{background:linear-gradient(135deg,#d4f7e7,#b8f0d5);color:#2d9e6b}.stat-card.danger .stat-icon{background:linear-gradient(135deg,#ffd5d5,#ffb8b8);color:#eb5968}.stat-card.info .stat-icon{background:linear-gradient(135deg,#d5e8ff,#b8d5ff);color:#3a7fc1}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#ffe8cc,#ffd6aa);color:#c77b00}.stat-info .stat-value{font-family:Fraunces,serif;font-size:2rem;font-weight:600;color:#1e1b2e;margin:0;line-height:1}.stat-info .stat-label{font-size:.83rem;color:#8b85a1;margin:.25rem 0 0;font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;width:100%}.service-card{display:flex;align-items:center;padding:1.25rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-md);cursor:pointer;transition:all .25s ease;width:100%;text-decoration:none;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#9b6fe8,#6baee0);opacity:0;transition:opacity .25s;border-radius:4px 0 0 4px}.service-card:hover{transform:translate(6px);background:var(--glass-bg-strong);box-shadow:var(--shadow-lg)}.service-card:hover:before{opacity:1}.service-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-right:1rem;flex-shrink:0;background:linear-gradient(135deg,#e8d5ff,#d5c0ff);color:#7c5cbf;font-size:1.35rem}.service-content{flex-grow:1}.service-title{font-size:1rem;font-weight:700;color:#1e1b2e;margin-bottom:.25rem}.service-subtitle{font-size:.83rem;color:#8b85a1;margin:0}.service-arrow{color:#b0a8c8;margin-left:.75rem;transition:all .25s;flex-shrink:0}.service-card:hover .service-arrow{color:#7c5cbf;transform:translate(4px)}.booking-form-card,.form-card{width:100%;max-width:100%;overflow-x:hidden}.form-controls{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.form-group{flex:1;min-width:200px}.form-input,.form-select,.form-textarea{width:100%;max-width:100%}.modal-content,.modal-overlay{width:100%;max-width:95vw;overflow-x:hidden}.modal-overlay{display:flex!important;align-items:center!important;justify-content:center!important;top:0!important;right:0!important;bottom:0!important;left:0!important;position:fixed!important}.modal-content{position:relative!important;margin:auto!important;max-height:90vh!important;overflow-y:auto!important}.dashboard-controls{display:flex;flex-direction:column;gap:1rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:1.1rem;border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--shadow-md);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap;overflow-x:auto;max-width:100%}.filter-button{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1.5px solid rgba(124,92,191,.15);background:#ffffffbf;border-radius:100px;font-size:.83rem;font-weight:500;color:#8b85a1;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif}.filter-button:hover{border-color:#7c5cbf59;color:#7c5cbf;background:#ffffffeb}.filter-button.active{background:linear-gradient(135deg,#9b6fe8,#6baee0);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 3px 12px #7c5cbf52}.filter-count{padding:0 .4rem;border-radius:100px;font-size:.72rem;font-weight:700;background:#ffffff40}.filter-button:not(.active) .filter-count{background:#7c5cbf1a;color:#7c5cbf}.search-bar{display:flex;align-items:center;gap:.65rem;background:#ffffffe0;border-radius:100px;padding:.48rem 1rem;border:1.5px solid rgba(124,92,191,.15);transition:border-color .2s,box-shadow .2s}.search-bar:focus-within{border-color:#7c5cbf66;box-shadow:0 0 0 3px #7c5cbf14}.search-bar input{border:none;background:transparent;padding:.2rem 0;font-size:.88rem;width:100%;color:#1e1b2e;font-family:Plus Jakarta Sans,sans-serif}.search-bar input::placeholder{color:#b0a8c8}.search-bar input:focus{outline:none}.search-bar svg{color:#b0a8c8;flex-shrink:0}.button-primary,.add-job-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.25rem;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;border-radius:100px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .28s ease;box-shadow:0 4px 14px #7c5cbf4d;font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap;text-decoration:none}.button-primary:hover,.add-job-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c5cbf6b}.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.25rem;background:#ffffffd1;color:#7c5cbf;border:1.5px solid rgba(124,92,191,.25);border-radius:100px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .25s ease;font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap}.button-secondary:hover{background:#7c5cbf14;border-color:#7c5cbf66}.complaint-list{display:grid;grid-template-columns:1fr;gap:1rem}.complaint-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-md);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;overflow:hidden}.complaint-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--glass-bg-strong)}.complaint-card.pending{border-left:4px solid #c77b00}.complaint-card.completed{border-left:4px solid #2d9e6b}.complaint-card.active{border-left:4px solid #7c5cbf}.complaint-card.deleted{border-left:4px solid #eb5968}.reminder-list{display:grid;grid-template-columns:1fr;gap:.75rem}.reminder-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}.reminder-card.overdue{border-left:4px solid #eb5968}.overdue-date{color:#eb5968;font-weight:600}.card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(124,92,191,.08);cursor:pointer}.card-title{font-weight:700;color:#1e1b2e;font-size:.85rem}.card-content{padding:.75rem 1rem;display:grid;gap:.5rem}.card-actions{padding:.75rem 1rem;border-top:1px solid rgba(124,92,191,.08);display:flex;gap:.5rem;flex-wrap:wrap;background:#ffffff4d}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:100px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.pending{background:#c77b001f;color:#c77b00}.status-badge.completed{background:#2d9e6b1f;color:#2d9e6b}.status-badge.overdue{background:#eb59681f;color:#eb5968}.status-badge.active{background:#7c5cbf1f;color:#7c5cbf}.status-badge.deleted{background:#eb59681f;color:#eb5968}.status-badge.Our_customer{background:#3a7fc11f;color:#3a7fc1}.status-badge.External_customer{background:#7c5cbf1f;color:#7c5cbf}.status-badge.internal{background:#3a7fc11f;color:#3a7fc1}.status-badge.external{background:#7c5cbf1f;color:#7c5cbf}.status-badge.assigned{background:#c77b001f;color:#c77b00}.status-badge.initial{background:#7c5cbf1f;color:#7c5cbf}.info-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;line-height:1.3}.info-row-icon{color:#b0a8c8;flex-shrink:0;font-size:.75rem}.info-row-label{color:#8b85a1;min-width:65px;flex-shrink:0;font-weight:500;font-size:.75rem}.info-row-value{font-weight:600;color:#1e1b2e;flex:1;word-break:break-word;font-size:.8rem}.info-row-value-container{display:flex;align-items:center;gap:.3rem;margin-left:auto}.action-button{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:100px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease;border:none;font-family:Plus Jakarta Sans,sans-serif;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;box-shadow:0 2px 8px #7c5cbf40}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #7c5cbf59}.action-button.edit{background:#7c5cbf1a;color:#7c5cbf;border:1.5px solid rgba(124,92,191,.2);box-shadow:none}.action-button.edit:hover{background:#7c5cbf2e;box-shadow:none;transform:none}.action-button.delete{background:#eb59681a;color:#eb5968;border:1.5px solid rgba(235,89,104,.2);box-shadow:none}.action-button.delete:hover{background:#eb59682e;box-shadow:none;transform:none}.location-btn{background:linear-gradient(135deg,#9b6fe8,#6baee0);border:none;border-radius:8px;padding:.3rem .5rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.payment-options{display:flex;gap:.75rem}.payment-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1.5px solid rgba(124,92,191,.18);background:#ffffffd1;border-radius:14px;cursor:pointer;transition:all .2s ease;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;color:#8b85a1}.payment-button.selected{background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border-color:transparent;box-shadow:0 4px 12px #7c5cbf52}.form-label{font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.8px;color:#8b85a1;margin-bottom:.45rem;display:block}.form-input,.form-input select,select.form-input{width:100%;background:#ffffffe0;border:1.5px solid rgba(124,92,191,.15);border-radius:14px;padding:.72rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;color:#1e1b2e;outline:none;transition:all .28s ease;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-input:focus{border-color:#7c5cbf6b;box-shadow:0 0 0 3px #7c5cbf1a;background:#fffffff5}.form-textarea{width:100%;background:#ffffffe0;border:1.5px solid rgba(124,92,191,.15);border-radius:14px;padding:.72rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;color:#1e1b2e;outline:none;transition:all .28s ease;box-sizing:border-box;resize:vertical}.form-textarea:focus{border-color:#7c5cbf6b;box-shadow:0 0 0 3px #7c5cbf1a}.modal-backdrop,.modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;background:#1e1b2eb3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;box-sizing:border-box!important;overflow:hidden!important}.modal-content{background:#fffffffa!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;padding:2rem!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 32px 80px #7c5cbf4d!important;width:100%!important;max-width:550px!important;max-height:90vh!important;overflow-y:auto!important;margin:0 auto!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;z-index:100100!important;box-sizing:border-box!important}.modal-backdrop .modal-content.large-modal,.modal-overlay .modal-content.large-modal{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;margin:0!important;max-width:900px!important;width:90%!important;max-height:85vh!important;z-index:100100!important}@media all{.modal-content.large-modal{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;margin:0!important;z-index:100100!important}}div.modal-content.large-modal{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;z-index:100100!important}body div.modal-content.large-modal,html body div.modal-content.large-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:100100!important}html body .modal-backdrop .modal-content.large-modal,html body .modal-overlay .modal-content.large-modal,html body div.modal-content.large-modal{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;margin:0!important;z-index:100100!important}.modal-backdrop:visible,.modal-overlay:visible{animation:scrollToModal .2s ease-out forwards}@keyframes scrollToModal{0%{scroll-margin-top:0}to{scroll-margin-top:0}}html:has(.modal-backdrop),html:has(.modal-overlay){scroll-behavior:auto!important}body.modal-open{overflow:hidden!important;width:100%!important;height:100%!important}.modal-content.confirm-dialog{max-width:420px!important}.modal-title{font-family:Fraunces,serif;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:#1e1b2e}.modal-header h2{font-family:Fraunces,serif;font-size:1.15rem;font-weight:600;color:#1e1b2e;display:flex;align-items:center;gap:.5rem}.modal-body{padding:1.5rem}.modal-close{background:#7c5cbf14;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#7c5cbf;font-size:1.2rem;transition:all .2s ease;font-family:monospace}.modal-close:hover{background:#7c5cbf26}.form-grid{display:grid;gap:1.1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#8b85a1;text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:20px;border:1px solid var(--glass-border);gap:1rem}.empty-state svg{opacity:.35}.empty-subtitle{font-size:.83rem;color:#b0a8c8;margin-top:.25rem}.attendance-summary-cards,.staff-page .summary-cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.1rem}.summary-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.1rem}.summary-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:18px;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);transition:all .25s ease}.summary-card.clickable{cursor:pointer}.summary-card.active-filter{background:linear-gradient(135deg,#9b6fe826,#6baee026);border-color:#7c5cbf4d}.summary-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.summary-card.small{padding:.75rem}.summary-card.small .card-icon{width:34px;height:34px;border-radius:10px}.summary-card.small .card-value{font-size:1.3rem}.summary-card .card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8d5ff,#d5c0ff);color:#7c5cbf;font-size:1.2rem;flex-shrink:0}.summary-card .card-icon.present{background:linear-gradient(135deg,#d4f7e7,#b8f0d5);color:#2d9e6b}.summary-card .card-icon.absent{background:linear-gradient(135deg,#ffd5d5,#ffb8b8);color:#eb5968}.summary-card .card-content h3{font-size:.75rem;font-weight:600;color:#8b85a1;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .15rem}.summary-card .card-value{font-family:Fraunces,serif;font-size:1.6rem;font-weight:600;color:#1e1b2e;margin:0;line-height:1}.summary-card .card-value.present{color:#2d9e6b}.summary-card .card-value.absent{color:#eb5968}.summary-card .card-value.completed{color:#2d9e6b}.summary-card .card-value.pending{color:#c77b00}.attendance-actions{display:flex;gap:.65rem;margin-bottom:1.1rem;flex-wrap:wrap}.attendance-history-section,.attendance-history-modal{background:#fffffff2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:24px!important;padding:2.5rem!important;box-shadow:0 40px 100px -20px #7c5cbf40,0 0 40px #0000000a!important;font-family:Plus Jakarta Sans,Inter,sans-serif!important}.history-filters{margin-bottom:2rem;background:#f9fafbb3;padding:1.5rem;border-radius:20px;border:1px solid rgba(229,231,235,.6)}.filter-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:6px;background:#f1f5f9e6;border-radius:100px;width:fit-content}.filter-tab{padding:.7rem 1.6rem;border:none;border-radius:100px;background:transparent;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-tab:hover{color:#334155;background:#fff9}.filter-tab.active{background:#fff;color:#7c5cbf;box-shadow:0 4px 15px #7c5cbf26;transform:translateY(-1px)}.filter-inputs{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.filter-input-group{display:flex;flex-direction:column;gap:.5rem}.filter-input-group label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.filter-input-group.range-inputs{flex-direction:row;gap:1rem}.filter-input-group.range-inputs>div{display:flex;flex-direction:column;gap:.5rem}.filter-input-group .form-input{padding:.75rem 1.25rem;border-radius:12px;border:1.5px solid #e2e8f0;font-size:.95rem;background:#fff;color:#0f172a;transition:all .25s ease;min-width:160px;box-shadow:inset 0 2px 4px #00000005}.filter-input-group .form-input:focus{border-color:#9b6fe8;outline:none;box-shadow:0 0 0 4px #9b6fe826;transform:translateY(-1px)}.history-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem;margin-bottom:2.5rem}.history-summary-cards .summary-card{padding:1.5rem;background:#fff;border-radius:20px;text-align:left;border:1px solid #f1f5f9;box-shadow:0 10px 25px -5px #00000005,0 4px 10px -5px #00000003;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.history-summary-cards .summary-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px -10px #0000000d}.history-summary-cards .summary-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:#e2e8f0;border-radius:5px 0 0 5px}.history-summary-cards .summary-card h3{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-weight:700}.history-summary-cards .summary-card .card-value{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0;line-height:1;font-family:Syne,sans-serif}.history-summary-cards .summary-card:first-child:before{background:#3b82f6}.history-summary-cards .summary-card.present:before{background:#10b981}.history-summary-cards .summary-card.absent:before{background:#ef4444}.history-summary-cards .summary-card:last-child:before{background:#eab308}.history-summary-cards .summary-card.present .card-value{color:#10b981}.history-summary-cards .summary-card.absent .card-value{color:#ef4444}.history-table-container{width:100%;overflow-x:auto;border-radius:20px;border:1px solid #f1f5f9;background:#fff;box-shadow:0 8px 24px -1px #00000008}.history-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0;background:#fff;table-layout:auto}.history-table th,.history-table td{padding:1.25rem 1.5rem;text-align:left;font-size:.95rem}.history-table th{background:#f8fafccc;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;border-bottom:2px solid #f1f5f9}.history-table td{color:#334155;border-bottom:1px solid #f1f5f9;font-weight:500;transition:background .2s ease}.history-table tr{transition:all .2s ease}.history-table tr:hover td{background:#f8fafc}.history-table tr:last-child td{border-bottom:none}.history-table .present-row:hover td{background:#10b98105}.history-table .absent-row:hover td{background:#ef444405}.history-table .status-badge{display:inline-flex;padding:.4rem 1rem;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #0000000d}.history-table .status-badge.present{background:#10b9811a;color:#059669}.history-table .status-badge.absent{background:#ef44441a;color:#dc2626}.history-table .status-badge.not-marked{background:#64748b1a;color:#475569}.attendance-list{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-md)}.attendance-list h3{font-family:Fraunces,serif;font-size:1.05rem;color:#1e1b2e;margin-bottom:1rem}.attendance-locked-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#7c5cbf14;border-radius:14px;color:#8b85a1;font-size:.88rem}.attendance-grid{display:flex;flex-direction:column;gap:.65rem}.attendance-row{display:flex;flex-direction:column;align-items:stretch;padding:1.1rem;background:#ffffff9e;border-radius:14px;border:1px solid rgba(255,255,255,.7);gap:.75rem}.attendance-row-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.staff-info{display:flex;align-items:center;gap:.7rem}.staff-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(124,92,191,.2)}.staff-details{display:flex;flex-direction:column}.staff-name{font-weight:600;color:#1e1b2e;font-size:.88rem}.staff-phone{font-size:.78rem;color:#8b85a1}.attendance-controls{display:flex;gap:.4rem;align-items:center}.attendance-option{display:flex;align-items:center;gap:.35rem;cursor:pointer}.attendance-option input[type=radio]{display:none}.attendance-label{padding:.32rem .7rem;border-radius:100px;font-size:.78rem;font-weight:600;border:1.5px solid;cursor:pointer;transition:all .2s ease}.attendance-label.present{border-color:#2d9e6b4d;color:#2d9e6b;background:#2d9e6b14}.attendance-label.absent{border-color:#eb59684d;color:#eb5968;background:#eb596814}.attendance-option input[type=radio]:checked+.attendance-label.present{background:linear-gradient(135deg,#d4f7e7,#b8f0d5);border-color:#2d9e6b}.attendance-option input[type=radio]:checked+.attendance-label.absent{background:linear-gradient(135deg,#ffd5d5,#ffb8b8);border-color:#eb5968}.reminder-banner{background:linear-gradient(135deg,#c77b001a,#ffc10714);border:1.5px solid rgba(199,123,0,.22);border-radius:18px;padding:1rem 1.25rem;margin-bottom:1rem}.reminder-content{display:flex;align-items:flex-start;gap:1rem}.reminder-icon{font-size:1.4rem;color:#c77b00;flex-shrink:0;margin-top:2px}.reminder-text h3{font-weight:700;color:#1e1b2e;margin:0 0 .2rem;font-size:.93rem}.reminder-text p{color:#8b85a1;font-size:.83rem;margin:0}.reminder-close{margin-left:auto;background:none;border:none;cursor:pointer;color:#c77b00;padding:4px;border-radius:50%}.staff-details-list{display:flex;flex-direction:column;gap:1rem}.staff-detail-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff9e;border-radius:16px;border:1px solid rgba(255,255,255,.7)}.staff-detail-header{display:flex;align-items:center;gap:.75rem}.staff-detail-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(124,92,191,.2)}.staff-detail-info .staff-detail-name{font-weight:700;color:#1e1b2e;font-size:.93rem;margin:0 0 .2rem}.staff-detail-info .staff-detail-phone,.staff-detail-info .staff-detail-email,.staff-detail-info .staff-detail-location{font-size:.78rem;color:#8b85a1;margin:0}.staff-detail-status{display:flex;align-items:center;gap:.4rem;padding:.32rem .7rem;border-radius:100px;font-size:.78rem;font-weight:600}.staff-detail-status.present{background:#2d9e6b1f;color:#2d9e6b}.staff-detail-status.absent{background:#eb59681f;color:#eb5968}.modal-icon.present{color:#2d9e6b}.modal-icon.absent{color:#eb5968}.customers-page .customers-list{display:grid;grid-template-columns:1fr;gap:1rem}.customer-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;overflow:hidden}.customer-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--glass-bg-strong)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-md)}.header-content .page-title{font-family:Fraunces,serif;font-size:1.55rem;font-weight:600;color:#1e1b2e;margin:0 0 .2rem}.header-content .page-subtitle{font-size:.87rem;color:#8b85a1;margin:0}.alert{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;border-radius:14px;font-size:.9rem;font-weight:500}.alert.alert-error{background:#eb59681a;border:1px solid rgba(235,89,104,.25);color:#eb5968}.alert.alert-success{background:#2d9e6b1a;border:1px solid rgba(45,158,107,.25);color:#2d9e6b}.form-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:var(--shadow-md)}.form-header h2{font-family:Fraunces,serif;font-size:1.25rem;font-weight:600;color:#1e1b2e;margin:0 0 .2rem}.form-header p{font-size:.85rem;color:#8b85a1;margin:0 0 1.5rem}.customer-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.feature-box{background:#9b6fe812;border:1.5px solid rgba(124,92,191,.18);border-radius:18px;padding:1.25rem;margin-bottom:1.25rem}.feature-box h3{font-family:Fraunces,serif;font-size:1rem;font-weight:600;color:#7c5cbf;margin:0 0 .5rem}.feature-box p{font-size:.86rem;color:#8b85a1;margin:0;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;flex-wrap:wrap}.required{color:#eb5968}.optional{color:#b0a8c8;font-size:.78rem;font-weight:400}.field-status{display:flex;align-items:center;gap:.4rem;font-size:.8rem;margin-top:.35rem}.field-status.checking{color:#8b85a1}.field-error{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#eb5968;margin-top:.35rem}.gps-capture-btn{display:flex;align-items:center;justify-content:center;padding:.55rem 1rem;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;border-radius:14px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .25s ease;box-shadow:0 3px 10px #7c5cbf47;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif}.gps-capture-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #7c5cbf61}.gps-capture-btn:disabled{background:#c8c0d8;cursor:not-allowed;box-shadow:none;transform:none}.warning-text{color:#eb5968;font-size:.88rem;margin-top:.4rem}.customer-history-page .history-header{display:flex;flex-direction:column;gap:1.25rem}.customer-history-page .back-button{align-self:flex-start}.customer-history-page .customer-info-header{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 768px){.app-content{padding:2rem 3rem}.header-nav{display:flex;justify-content:center;flex-grow:1;gap:.2rem;overflow-x:auto;padding:0 .5rem}.mobile-menu-button{display:none}.page-container{gap:2rem}.stats-grid{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.dashboard-controls{flex-direction:row;justify-content:space-between;align-items:center}.filter-group{flex-wrap:nowrap;overflow-x:visible}.search-bar{max-width:340px;flex-grow:1}.complaint-list,.reminder-list,.customers-page .customers-list{grid-template-columns:repeat(2,1fr)}.attendance-summary-cards{grid-template-columns:repeat(4,1fr)}.customer-form .form-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.customer-form .form-grid{grid-template-columns:1fr}.summary-cards-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{display:none}.sidebar.mobile-open{display:flex;width:280px;position:fixed;left:0;top:0;height:100vh;z-index:2000}.app-content{margin-left:0;padding:4rem 1rem 1rem}.mobile-menu-button{display:flex;position:fixed;top:.75rem;left:.75rem;z-index:1500;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:.65rem;box-shadow:0 2px 12px #7c5cbf26}.hamburger-line{width:22px;height:2px;background:linear-gradient(135deg,#9b6fe8,#6baee0);border-radius:2px}}@media (min-width: 769px){.mobile-menu-button,.mobile-overlay{display:none!important}}.customer-summary{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-md);margin-top:1rem}.customer-summary h2{font-family:Fraunces,serif;font-size:1.3rem;font-weight:600;color:#1e1b2e;margin:0 0 1rem}.customer-summary-details{display:grid;gap:.65rem}.edit-form{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(124,92,191,.1);display:grid;gap:.85rem}.edit-form .form-group{display:flex;flex-direction:column;gap:.4rem}.edit-form .form-group label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#8b85a1}.edit-form .form-group input,.edit-form .form-group select{width:100%;padding:.65rem .85rem;border:1.5px solid rgba(124,92,191,.15);border-radius:12px;font-size:.88rem;font-family:Plus Jakarta Sans,sans-serif;color:#1e1b2e;background:#ffffffe0;outline:none;box-sizing:border-box;transition:all .28s ease}.edit-form .form-group input:focus,.edit-form .form-group select:focus{border-color:#7c5cbf6b;box-shadow:0 0 0 3px #7c5cbf1a}.back-button{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem}html body div.modal-overlay .modal-content,html body div.modal-overlay>div.modal-content,body div.modal-overlay .modal-content,body div.modal-overlay>div.modal-content,div.modal-overlay .modal-content,div.modal-overlay>div.modal-content{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;z-index:100100!important;margin:0!important;max-height:90vh!important;max-width:90vw!important;overflow:visible!important;overflow-y:auto!important}div.modal-overlay.history-overlay.attendance-history-overlay{display:flex!important;justify-content:center!important;align-items:center!important;z-index:10000!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;margin-left:0!important;background:#00000073!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;padding:20px!important}.attendance-history-modal{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:96%!important;max-width:1200px!important;margin:auto!important;max-height:85vh!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:0 30px 60px #0006!important;background:#fff!important;border-radius:20px!important}select.timepicker-select{padding:5px 16px 5px 6px!important;min-height:32px!important;height:32px!important;font-size:12px!important;background-position:right 4px center!important}*,*:before,*:after{box-sizing:border-box}:root{--font-family-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Fraunces", serif;--color-primary: #7c5cbf;--color-primary-hover: #6a4daa;--color-primary-light: #9b6fe8;--color-secondary: #6baee0;--gradient-primary: linear-gradient(135deg, #9b6fe8 0%, #6baee0 100%);--gradient-bg: linear-gradient(135deg, #f0e6ff 0%, #dceeff 40%, #ffe6f0 100%);--gradient-hero: linear-gradient(135deg, #9b6fe8 0%, #6baee0 60%, #a8d4ff 100%);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-strong: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .8);--glass-blur: blur(20px);--color-text: #1e1b2e;--color-text-secondary: #8b85a1;--color-white: #ffffff;--color-border: rgba(124, 92, 191, .12);--color-background: linear-gradient(135deg, #f0e6ff 0%, #dceeff 40%, #ffe6f0 100%);--color-success: #6baee0;--color-warning: #c77b00;--color-danger: #eb5968;--color-info: #3a7fc1;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: 1rem;--spacing-4: 1.5rem;--spacing-5: 2rem;--spacing-6: 3rem;--border-radius-sm: 8px;--border-radius-md: 14px;--border-radius-lg: 20px;--border-radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(124, 92, 191, .08);--shadow-md: 0 4px 20px rgba(124, 92, 191, .12);--shadow-lg: 0 12px 36px rgba(124, 92, 191, .18);--shadow-primary: 0 6px 24px rgba(124, 92, 191, .32)}body{margin:0;font-family:var(--font-family-sans);background:var(--gradient-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:280px;overflow-x:hidden}html,body,#root{max-width:100%;overflow-x:hidden}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;padding:16px;margin:0 auto}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:16px}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}a{text-decoration:none;color:var(--color-primary);transition:color .2s ease-in-out}a:hover{color:var(--color-primary-hover)}.warranty-section{margin-top:var(--spacing-4);padding:var(--spacing-3);background:linear-gradient(135deg,#9b6fe814,#6baee014);border-radius:var(--border-radius-md);border:1px solid rgba(124,92,191,.2)}.warranty-title{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.warranty-photo-row{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}.warranty-photo-link{color:var(--color-primary)!important;font-weight:500;text-decoration:underline;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);transition:all .2s ease}.warranty-photo-link:hover{background:var(--gradient-primary);color:#fff!important;text-decoration:none}select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--glass-bg)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237c5cbf' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:14px!important;border:2px solid var(--color-border)!important;border-radius:var(--border-radius-md)!important;padding:12px 42px 12px 16px!important;font-family:var(--font-family-sans)!important;font-size:14px!important;font-weight:600!important;color:var(--color-text)!important;cursor:pointer!important;outline:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;min-height:48px;line-height:normal}select:hover{border-color:var(--color-primary-light)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)!important;background-color:var(--glass-bg-strong)!important}select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #7c5cbf26,var(--shadow-md)!important;background-color:var(--glass-bg-strong)!important}select:disabled{opacity:.6!important;cursor:not-allowed!important;background-color:#0000000d!important}option{font-weight:500;padding:12px;background-color:#fff;color:var(--color-text);font-family:var(--font-family-sans)}.modern-select-wrap{position:relative;display:inline-block;width:100%}.select-small{padding:6px 32px 6px 12px!important;min-height:38px!important;font-size:13px!important;background-position:right 8px center!important}.stock-alerts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b2e85;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.stock-alerts-modal{background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;width:100%;max-width:500px;border:1px solid rgba(255,255,255,.8);box-shadow:0 32px 80px #7c5cbf38;animation:slideIn .35s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.stock-alerts-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(124,92,191,.1);border-radius:24px 24px 0 0}.stock-alerts-header h3{font-family:Fraunces,serif;font-size:1.15rem;font-weight:600;color:#1e1b2e;margin:0;display:flex;align-items:center;gap:.5rem}.stock-alerts-content{padding:1.5rem}.loading-message{text-align:center;color:#8b85a1;font-size:.9rem;padding:2rem}.alert-description{font-size:.92rem;color:#1e1b2e;margin:0 0 1.25rem;line-height:1.6}.alerts-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.alert-item{background:#ffffff8c;border-radius:14px;padding:1rem;border-left:4px solid rgba(124,92,191,.15);transition:all .2s ease;animation:fadeIn .3s ease-out}.alert-item.danger{border-left-color:#eb5968;background:#eb59680f}.alert-item.warning{border-left-color:#c77b00;background:#c77b000f}.alert-item.info{border-left-color:#2d9e6b;background:#2d9e6b0f}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.alert-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.alert-icon{font-size:1.2rem}.alert-name{font-size:.95rem;font-weight:700;color:#1e1b2e;flex:1}.alert-status{font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:100px;text-transform:uppercase;letter-spacing:.5px}.alert-status.danger{background:#eb59681f;color:#eb5968;border:1px solid rgba(235,89,104,.2)}.alert-status.warning{background:#c77b001f;color:#c77b00;border:1px solid rgba(199,123,0,.2)}.alert-status.info{background:#2d9e6b1f;color:#2d9e6b;border:1px solid rgba(45,158,107,.2)}.alert-details{display:flex;gap:1rem;font-size:.82rem;color:#8b85a1}.alert-quantity{font-weight:700;color:#1e1b2e}.alert-threshold{font-weight:500}.stock-alerts-actions{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(124,92,191,.1);justify-content:flex-end}.stock-alerts-actions .btn-primary{background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;padding:.55rem 1.25rem;border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .28s ease;box-shadow:0 4px 14px #7c5cbf4d;font-family:Plus Jakarta Sans,sans-serif;display:flex;align-items:center;gap:.5rem}.stock-alerts-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c5cbf6b}.stock-alerts-actions .btn-secondary{background:#ffffffd1;color:#7c5cbf;border:1.5px solid rgba(124,92,191,.25);padding:.55rem 1.25rem;border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Plus Jakarta Sans,sans-serif}.stock-alerts-actions .btn-secondary:hover{background:#7c5cbf14}.success-message{background:#2d9e6b1a;border:1px solid rgba(45,158,107,.25);color:#2d9e6b;padding:1rem;border-radius:14px;margin-bottom:1rem;font-size:.9rem;font-weight:500}.error-message{background:#eb59681a;border:1px solid rgba(235,89,104,.25);color:#eb5968;padding:1rem;border-radius:14px;margin-bottom:1rem;font-size:.9rem;font-weight:500}@media (max-width: 768px){.stock-alerts-overlay{padding:.5rem}.stock-alerts-modal{max-height:85vh}.alert-details{flex-direction:column;gap:.5rem}.stock-alerts-actions{flex-direction:column;gap:.75rem}}.whatsapp-button{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:100px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 2px 8px #25d36647;font-family:Plus Jakarta Sans,sans-serif;pointer-events:auto;width:100%;justify-content:center}.whatsapp-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #25d36666}.whatsapp-button:active{transform:translateY(0);box-shadow:0 2px 8px #25d36647}.whatsapp-button svg{width:14px;height:14px}.whatsapp-button:focus{outline:2px solid #25d366;outline-offset:2px}.whatsapp-button:disabled{background:#c8c0d8;cursor:not-allowed;transform:none;box-shadow:none}.whatsapp-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.customer-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.product-purchase-card{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #7c5cbf1f;margin-top:1rem;border:1px solid rgba(255,255,255,.8)}.product-purchase-card .card-header{margin-bottom:1.25rem;border-bottom:1px solid rgba(124,92,191,.1);padding-bottom:1rem}.product-purchase-card .card-header h3{margin:0 0 .5rem;color:#7c5cbf;font-family:Fraunces,serif;font-size:1.15rem;font-weight:600}.product-purchase-card .card-header p{margin:0;color:#8b85a1;font-size:.85rem}.purchase-form{display:flex;flex-direction:column;gap:1.25rem}.payment-methods{display:flex;gap:.75rem;flex-wrap:wrap}.payment-option{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border:1.5px solid rgba(124,92,191,.18);border-radius:14px;cursor:pointer;transition:all .2s ease;background:#ffffffd1}.payment-option:hover{border-color:#7c5cbf59;background:#fffffff2}.payment-option input[type=radio]{margin:0}.payment-label{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;color:#1e1b2e}.payment-option input[type=radio]:checked+.payment-label{color:#7c5cbf;font-weight:600}.payment-option input[type=radio]:checked{accent-color:#7c5cbf}.purchase-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;padding:.55rem 1.25rem;border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #7c5cbf4d;font-family:Plus Jakarta Sans,sans-serif}.purchase-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7c5cbf6b}.purchase-button:disabled{background:#c8c0d8;cursor:not-allowed;transform:none;box-shadow:none}.cancel-button{display:flex;align-items:center;gap:.5rem;background:#ffffffd1;color:#7c5cbf;border:1.5px solid rgba(124,92,191,.25);padding:.55rem 1.25rem;border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Plus Jakarta Sans,sans-serif}.cancel-button:hover{background:#7c5cbf14}.toggle-button{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #7c5cbf47;font-family:Plus Jakarta Sans,sans-serif}.toggle-button:hover{transform:translateY(-1px);box-shadow:0 5px 16px #7c5cbf61}.toggle-button.active{background:linear-gradient(135deg,#eb5968,#d44050);box-shadow:0 3px 10px #eb596847}.toggle-button.active:hover{box-shadow:0 5px 16px #eb596861}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stock-info{margin-top:.5rem;font-size:.78rem}.stock-status{padding:.2rem .5rem;border-radius:100px;font-weight:600;font-size:.75rem}.stock-status.available{background:#2d9e6b1f;color:#2d9e6b;border:1px solid rgba(45,158,107,.2)}.stock-status.low{background:#c77b001f;color:#c77b00;border:1px solid rgba(199,123,0,.2)}.stock-error{background:#eb59681f;color:#eb5968;border:1px solid rgba(235,89,104,.2);padding:.2rem .5rem;border-radius:100px;font-weight:600;font-size:.75rem}.completion-info{margin-top:.75rem;padding:.85rem;background:#9b6fe80d;border:1px solid rgba(124,92,191,.12);border-radius:14px}.completion-note{margin:.2rem 0;font-size:.78rem;color:#8b85a1;display:flex;align-items:center;gap:.5rem}.completion-icon{color:#7c5cbf;width:14px;height:14px}.error-message{display:flex;align-items:center;gap:.5rem;background:#eb59681a;border:1px solid rgba(235,89,104,.25);color:#eb5968;padding:.85rem 1rem;border-radius:14px;font-size:.88rem;font-weight:500}.error-message svg{color:#eb5968}.spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.whatsapp-button{padding:.32rem .7rem;font-size:.75rem}.whatsapp-button svg{width:14px;height:14px}.customer-card-actions{flex-direction:column;gap:.5rem;align-items:stretch}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.purchase-button,.cancel-button{width:100%;justify-content:center}.product-purchase-card{padding:1rem}.toggle-button{width:100%;justify-content:center}.section-header{flex-direction:column;gap:.75rem;align-items:stretch}}.staff-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.staff-card:hover:not(.selected){transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.search-input-container:focus-within{border-color:#667eea;box-shadow:0 4px 15px #667eea26}input:focus{outline:none}.assign-button{transition:all .3s ease}.assign-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.assign-button:active:not(:disabled){transform:translateY(0)}.filter-card{transition:all .3s ease}.profile-photo-container{position:relative}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-badge{animation:pulse 2s infinite}@keyframes selectPulse{0%{box-shadow:0 4px 20px #667eea40}50%{box-shadow:0 8px 30px #667eea66}to{box-shadow:0 8px 30px #667eea40}}.selected-card{animation:selectPulse 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-icon{animation:float 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-right:10px}@media (min-width: 768px){.grid-desktop{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}}@media (min-width: 1024px){.grid-desktop{grid-template-columns:repeat(3,1fr);gap:8px}}.glass-effect{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.icon-container{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center}.modern-input{background:transparent;border:none;outline:none;width:100%;font-size:15px;color:#1f2937;font-weight:500}.modern-input::placeholder{color:#9ca3af}.complaint-box{transition:all .2s ease}.complaint-box:hover{background-color:#667eea14;border-color:#667eea33}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a71d4,#6a4190)}.customers-list{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.5rem;justify-content:flex-start}.customer-card{background:transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(124,92,191,.1);border-radius:20px;padding:1.25rem;width:100%;max-width:420px;min-height:0;display:flex;flex-direction:column;gap:.75rem;position:relative;box-shadow:0 4px 20px #7c5cbf1a;transition:all .25s ease;cursor:pointer}.customer-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #7c5cbf2e;background:transparent}.newly-added-highlight{animation:highlightGlow 3s ease-out;border:2px solid #7c5cbf!important;box-shadow:0 0 20px #7c5cbf66!important}@keyframes highlightGlow{0%{transform:scale(1.02);background:#7c5cbf0d}50%{transform:scale(1.02);background:#7c5cbf0d}to{transform:scale(1);background:transparent}}.customer-card.external_customer{border-left:4px solid #9b6fe8}.customer-card.our_customer{border-left:4px solid #6baee0}.customer-card .card-header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:.75rem;padding:0;border-bottom:none}.customer-card .card-title{font-size:1.05rem;font-weight:700;color:#1e1b2e;margin:0}.customer-card .status-badge{padding:.28rem .75rem;font-size:.7rem;font-weight:700;border-radius:100px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.customer-card .status-badge.Our_customer{background:#6baee026;color:#3a7fc1}.customer-card .status-badge.External_customer{background:#9b6fe826;color:#7c5cbf}.customer-card .card-actions{display:flex;gap:.25rem;padding:0;border-top:none;background:transparent;position:relative;z-index:10}.action-btn{background:none;border:none;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8b85a1;transition:all .2s ease;position:relative;z-index:10;pointer-events:auto}.edit-btn:hover{background:#6baee026;color:#3a7fc1}.delete-btn:hover{background:#eb596826;color:#eb5968}.customer-card .info-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.customer-card .info-row-icon{font-size:.9rem;color:#b0a8c8}.customer-card .info-row-label{font-size:.82rem;font-weight:500;color:#8b85a1;white-space:nowrap;min-width:65px}.customer-card .info-row-value-container{display:flex;align-items:center;gap:.4rem;margin-left:auto;text-align:right}.customer-card .info-row-value{font-size:.83rem;font-weight:600;color:#1e1b2e;margin-left:0}.location-btn{background:linear-gradient(135deg,#9b6fe8,#6baee0);border:none;border-radius:8px;padding:.28rem .5rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.location-btn:hover{transform:scale(1.05);box-shadow:0 3px 10px #7c5cbf4d}.customer-card .action-button{margin-top:auto;align-self:flex-start;padding:.38rem .9rem;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border-radius:100px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .25s ease;box-shadow:0 2px 8px #7c5cbf40;font-family:Plus Jakarta Sans,sans-serif}.customer-card .action-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #7c5cbf61}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f0c2180;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999;padding:1.5rem;transition:all .3s ease}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:650px;max-height:90vh;box-shadow:0 10px 25px -5px #0000001a,0 25px 50px -12px #7c5cbf40;position:relative;overflow:hidden;display:flex;flex-direction:column;animation:modalPopUp .4s cubic-bezier(.19,1,.22,1);border:1px solid rgba(124,92,191,.1)}@keyframes modalPopUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1.5rem 2rem;background:#fff;border-bottom:1px solid rgba(124,92,191,.08);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.modal-title-wrapper{display:flex;gap:1.25rem;align-items:center}.modal-icon-badge{width:44px;height:44px;background:linear-gradient(135deg,#f0e8ff,#e1f5fe);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#7c5cbf;font-size:1.25rem;box-shadow:0 4px 10px #7c5cbf1a}.modal-header h2{font-family:Fraunces,serif;font-size:1.25rem;font-weight:700;color:#1e1b2e;margin:0}.modal-subtitle{font-size:.8rem;color:#8b85a1;margin:2px 0 0;font-weight:500}.modal-close-btn{background:#f5f3f7;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b85a1;transition:all .25s ease}.modal-close-btn:hover{background:#eb5968;color:#fff;transform:rotate(90deg)}.modal-body{padding:1.5rem 2rem;overflow-y:auto;background:#fff;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}@media (max-width: 600px){.form-group.full-width{grid-column:span 1}}.form-group label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#5a5378;margin-bottom:.6rem}.form-group input,.form-group textarea{width:100%;padding:.85rem 1.1rem;background:#f9f9fc;border:2px solid transparent;border-radius:16px;font-size:.95rem;color:#1e1b2e;transition:all .3s ease;outline:none}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#e2daff;box-shadow:0 8px 20px #7c5cbf14}.input-with-button{display:flex;gap:.75rem}.gps-action-button{background:linear-gradient(135deg,#7c5cbf,#9b6fe8);color:#fff;border:none;width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #7c5cbf40}.gps-action-button:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #7c5cbf59}.product-selector-grid{display:grid;grid-template-columns:1fr 100px 120px;gap:10px;margin-bottom:1rem}@media (max-width: 500px){.product-selector-grid{grid-template-columns:1fr}}.btn-add-item{background:#f5f3ff;color:#7c5cbf;border:1.5px solid #e2daff;border-radius:14px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-add-item:hover:not(:disabled){background:#7c5cbf;color:#fff;border-color:#7c5cbf}.selected-products-container{background:#fdfcff;border:2px dashed #e2daff;border-radius:20px;padding:1.25rem}.product-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem 1rem;border-radius:12px;margin-bottom:.6rem;box-shadow:0 2px 8px #00000008}.product-summary-total{margin-top:1rem;padding-top:.8rem;border-top:1px solid #e2daff;display:flex;justify-content:space-between;font-weight:800;color:#7c5cbf}.modal-actions{padding:1.5rem 2rem;background:#fdfcff;border-top:1px solid rgba(124,92,191,.08);display:flex;justify-content:flex-end;gap:1rem}.btn-primary{background:linear-gradient(135deg,#7c5cbf,#9b6fe8);color:#fff;padding:.85rem 1.75rem;border:none;border-radius:16px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 10px 20px -5px #7c5cbf66;transition:all .3s ease}.btn-secondary{background:#fff;color:#5a5378;padding:.85rem 1.75rem;border:1.5px solid #e2daff;border-radius:16px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9f9fc;border-color:#7c5cbf;color:#7c5cbf}.gps-error-txt{color:#eb5968;font-size:.75rem;margin-top:4px;display:block}.gps-success-txt{color:#15803d;font-size:.75rem;margin-top:4px;display:block}.btn-danger{background:#eb59681f;color:#eb5968;border:1.5px solid rgba(235,89,104,.25);border-radius:100px;padding:.55rem 1.25rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .25s ease}.btn-danger:hover{background:#eb596833}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#8b85a1;text-align:center;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(124,92,191,.1);gap:1rem;width:100%}.customer-history-page .page-section:first-of-type{position:relative;z-index:10}.customer-history-page .back-button{position:relative;z-index:20;margin-bottom:1rem}.customer-history-page .customer-summary{margin-top:1rem;padding:1.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(124,92,191,.15);box-shadow:0 8px 30px #7c5cbf1f}.customer-info{margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid rgba(124,92,191,.1)}.customer-info h3{font-family:Fraunces,serif;font-size:1.1rem;font-weight:600;color:#1e1b2e;margin:0 0 .35rem}.customer-info p{font-size:.88rem;color:#8b85a1;margin:0}.map-actions{display:flex;gap:.75rem;flex-wrap:wrap}.map-link{flex:1;text-align:center;padding:.75rem;font-size:.9rem;font-weight:600;text-decoration:none;border-radius:100px;transition:all .2s ease;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;box-shadow:0 3px 12px #7c5cbf4d}.map-link:hover{transform:translateY(-1px);box-shadow:0 5px 16px #7c5cbf66;color:#fff}.confirm-text{font-size:.92rem;color:#1e1b2e;line-height:1.6;margin:0}.warning-text{color:#eb5968;font-size:.85rem;margin-top:.5rem}@media (max-width: 600px){.customer-card{width:100%}}.add-customer-header-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;border-radius:100px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;box-shadow:0 3px 12px #7c5cbf4d;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.add-customer-header-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #7c5cbf66}.add-customer-header-btn svg{font-size:1.1rem}.modal-content.add-customer-modal{max-width:580px}.modal-body{padding:2rem;overflow-y:auto;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#7c5cbf33;border-radius:10px}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:#5a5378;margin-bottom:.6rem;display:flex;align-items:center}.form-group input,.form-group textarea{width:100%;padding:.85rem 1.1rem;background:#f9f9fc;border:2px solid transparent;border-radius:16px;font-size:.92rem;color:#1e1b2e;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#b0a8c8;font-size:.88rem}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#e2daff;box-shadow:0 8px 24px #7c5cbf14;outline:none}.input-with-button{position:relative;display:flex;gap:.75rem;align-items:flex-start}.gps-action-button{background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #7c5cbf40;flex-shrink:0}.gps-action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #7c5cbf59}.gps-action-button:active{transform:translateY(0)}.gps-action-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.selected-products-container{border:2px dashed #e2daff;border-radius:20px;padding:1.25rem;background:#fbfaff;margin-top:.75rem}.product-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:12px;margin-bottom:.5rem;box-shadow:0 2px 6px #00000005}.product-remove-btn{background:#fef2f2;color:#ef4444;border:none;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.product-remove-btn:hover{background:#ef4444;color:#fff}.modal-actions{padding:1.5rem 2rem;background:#fdfcff;border-top:1px solid rgba(124,92,191,.08);display:flex;gap:1rem;justify-content:flex-end}.btn-primary{background:linear-gradient(135deg,#7c5cbf,#9b6fe8);color:#fff;padding:.85rem 1.75rem;border-radius:16px;font-weight:700;font-size:.9rem;letter-spacing:.3px;border:none;cursor:pointer;box-shadow:0 10px 20px -5px #7c5cbf66;transition:all .3s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px -5px #7c5cbf80}.btn-secondary{background:#fff;color:#5a5378;padding:.85rem 1.75rem;border-radius:16px;font-weight:700;font-size:.9rem;border:1.5px solid #e2daff;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9f9fc;border-color:#7c5cbf;color:#7c5cbf}.alert{padding:1rem 1.25rem;border-radius:16px;font-size:.88rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.alert-error{background:#fef2f2;border:1px solid rgba(239,68,68,.1);color:#b91c1c}.alert-success{background:#f0fdf4;border:1px solid rgba(34,197,94,.1);color:#15803d}.spinner{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.dashboard-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.dashboard-controls .search-bar{flex:1;min-width:200px;max-width:400px}.stock-management-container{padding:0;min-height:auto;background:transparent;display:flex;flex-direction:column;gap:1.5rem;animation:rise .5s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.stock-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);padding:1.5rem;border-radius:20px;box-shadow:0 4px 20px #7c5cbf1f}.stock-management-header h1{font-family:Fraunces,serif;font-size:1.55rem;font-weight:600;color:#1e1b2e;margin:0;letter-spacing:-.3px}.header-actions{display:flex;gap:.65rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#9b6fe8,#6baee0);color:#fff;border:none;padding:.55rem 1.25rem;border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .28s ease;box-shadow:0 4px 14px #7c5cbf4d;font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c5cbf6b}.btn-primary:disabled{background:#c8c0d8;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#ffffffd1;color:#7c5cbf;border:1.5px solid rgba(124,92,191,.25);padding:.55rem 1.25rem;border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap}.btn-secondary:hover{background:#7c5cbf14;border-color:#7c5cbf66}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#eb59681a;border:1px solid rgba(235,89,104,.25);color:#eb5968;padding:1rem 1.25rem;border-radius:14px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.success-message{background:#2d9e6b1a;border:1px solid rgba(45,158,107,.25);color:#2d9e6b;padding:1rem 1.25rem;border-radius:14px;font-size:.9rem;font-weight:500}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#8b85a1;text-align:center;background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.8);gap:1rem;box-shadow:0 4px 20px #7c5cbf1f}.stock-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.stock-item-card{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #7c5cbf1f;transition:all .25s ease}.stock-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #7c5cbf2e;background:#ffffffe0}.stock-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(124,92,191,.08)}.stock-item-title h3{font-family:Fraunces,serif;font-size:1.15rem;font-weight:600;color:#1e1b2e;margin:0 0 .5rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .75rem;border-radius:100px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-available{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);color:#5a4a8a;box-shadow:0 4px 20px #7c5cbf1f}.status-low{background:#c77b001f;color:#c77b00;border:1px solid rgba(199,123,0,.2)}.status-out-of-stock{background:#eb59681f;color:#eb5968;border:1px solid rgba(235,89,104,.2)}.stock-item-actions{display:flex;gap:.4rem}.action-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(124,92,191,.12);background:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;color:#8b85a1}.action-btn:hover{transform:scale(1.1)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.edit-btn:hover{background:#6baee026;border-color:#6baee04d;color:#3a7fc1}.add-btn:hover{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#fffc;color:#5a4a8a}.reduce-btn:hover{background:#c77b001f;border-color:#c77b0040;color:#c77b00}.delete-btn:hover{background:#eb59681f;border-color:#eb596840;color:#eb5968}.stock-item-details{display:grid;gap:.6rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem .85rem;background:#ffffff8c;border-radius:12px;border:1px solid rgba(124,92,191,.06)}.detail-label{font-size:.78rem;font-weight:600;color:#8b85a1;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.88rem;font-weight:600;color:#1e1b2e}.quantity-value{font-family:Fraunces,serif;font-size:1.1rem;font-weight:700;color:#7c5cbf}.stock-level-container{margin-top:.75rem;padding:.85rem;background:#fff6;border-radius:14px;border:1px solid rgba(124,92,191,.08)}.stock-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.stock-level-label{font-size:.72rem;font-weight:700;color:#8b85a1;text-transform:uppercase;letter-spacing:.5px}.stock-level-percentage{font-size:.8rem;font-weight:700;color:#7c5cbf}.stock-level-bar{height:8px;background:#7c5cbf1f;border-radius:100px;overflow:hidden}.stock-level-fill{height:100%;border-radius:100px;transition:width .5s ease}.stock-level-fill.high{background:linear-gradient(90deg,#6baee0,#3a7fc1)}.stock-level-fill.medium{background:linear-gradient(90deg,#c77b00,#f5a623)}.stock-level-fill.low{background:linear-gradient(90deg,#eb5968,#ff7b8a)}.category-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;background:#6baee01f;color:#3a7fc1;border-radius:8px;font-size:.72rem;font-weight:600}.stock-id-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#7c5cbf14;color:#7c5cbf;border-radius:6px;font-size:.68rem;font-weight:700;font-family:Courier New,monospace}.modal-overlay{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;background:#1e1b2ebf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem;animation:modalFadeIn .2s ease-out}@media (min-width: 1400px){.modal-overlay{left:260px;width:calc(100% - 260px)}}@media (min-width: 1024px) and (max-width: 1399px){.modal-overlay{left:240px;width:calc(100% - 240px)}}@media (min-width: 768px) and (max-width: 1023px){.modal-overlay{left:220px;width:calc(100% - 220px)}}@media (max-width: 767px){.modal-overlay{left:0;width:100%}}.modal-overlay>.modal-content{position:relative!important;z-index:100100!important;margin:auto!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,#fffffffa,#faf8fffa);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:28px;width:90%;max-width:540px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.9);box-shadow:0 32px 80px #7c5cbf47,0 8px 24px #7c5cbf26,inset 0 1px #fffc;animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);margin:0 auto;position:relative;z-index:100100}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content.history-modal{overflow-y:auto;max-height:95vh;height:auto;max-width:900px;width:90%;margin:auto;display:flex;flex-direction:column}.modal-content.history-modal .modal-header,.modal-content.history-modal .history-tabs,.modal-content.history-modal .history-content{flex-shrink:0}.modal-content.history-modal .history-content{overflow-y:auto;max-height:none;flex-grow:1}.modal-overlay.history-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem;box-sizing:border-box!important;background:#1e1b2eb3!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:9999!important}@media (min-width: 1400px){.modal-overlay.history-overlay{left:260px!important;width:calc(100% - 260px)!important;padding-left:1rem!important}}@media (min-width: 1024px) and (max-width: 1399px){.modal-overlay.history-overlay{left:240px!important;width:calc(100% - 240px)!important;padding-left:1rem!important}}@media (min-width: 768px) and (max-width: 1023px){.modal-overlay.history-overlay{left:220px!important;width:calc(100% - 220px)!important;padding-left:1rem!important}}@media (max-width: 767px){.modal-overlay.history-overlay{left:0!important;width:100%!important;padding-left:1rem!important}}.modal-content.history-modal{position:relative!important;max-width:850px!important;width:95%!important;max-height:85vh!important;margin:auto!important;overflow-x:auto!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;z-index:100100!important}.modal-content.history-modal .modal-body{overflow-x:auto!important;overflow-y:auto!important;flex:1!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(124,92,191,.1)}.modal-header h2{font-family:Fraunces,serif;font-size:1.15rem;font-weight:600;color:#1e1b2e;margin:0;display:flex;align-items:center;gap:.5rem}.close-btn{background:#7c5cbf14;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#7c5cbf;transition:all .2s ease;font-family:monospace}.close-btn:hover{background:#7c5cbf26}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#8b85a1;margin-bottom:.45rem}.form-group input{width:100%;padding:.72rem 1rem;border:1.5px solid rgba(124,92,191,.15);border-radius:14px;font-size:.9rem;font-family:Plus Jakarta Sans,sans-serif;color:#1e1b2e;background:#ffffffe0;outline:none;box-sizing:border-box;transition:all .28s ease}.form-group input:focus{border-color:#7c5cbf6b;box-shadow:0 0 0 3px #7c5cbf1a;background:#fffffff5}.form-group input:disabled{background:#7c5cbf0d;color:#8b85a1;cursor:not-allowed}.warning-message{background:#c77b0014;border:1.5px solid rgba(199,123,0,.2);color:#c77b00;padding:1rem;border-radius:14px;margin-bottom:1.25rem}.warning-message p{margin:0;font-size:.88rem;font-weight:600}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid rgba(124,92,191,.1)}.history-modal{max-width:850px;width:95%}.history-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:2px solid rgba(124,92,191,.1)}.tab-btn{padding:.85rem 1.25rem;background:none;border:none;font-size:.88rem;font-weight:600;color:#8b85a1;cursor:pointer;position:relative;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:Plus Jakarta Sans,sans-serif}.tab-btn:hover{color:#7c5cbf;background:#7c5cbf0a}.tab-btn.active{color:#7c5cbf;border-bottom-color:#9b6fe8}.history-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:1.25rem;flex:1}.history-table-container{overflow-x:visible;border-radius:14px;border:1px solid rgba(124,92,191,.08)}.history-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:auto}.history-table th,.history-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(124,92,191,.06);vertical-align:top;min-width:150px}.history-table th:nth-child(4),.history-table th:nth-child(5),.history-table td:nth-child(4),.history-table td:nth-child(5){min-width:280px}.history-table th{background:#9b6fe80f;font-weight:600;color:#7c5cbf;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}.history-table tr:hover{background:#9b6fe808}.history-table td{color:#1e1b2e;font-weight:500}.operation-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:100px;font-size:.78rem;font-weight:600}.operation-badge.add,.operation-badge.purchase{background:#2d9e6b1a;color:#2d9e6b}.operation-badge.reduce{background:#eb59681a;color:#eb5968}.operation-badge.initial{background:#3a7fc11a;color:#3a7fc1}.operation-badge.delete{background:#8b85a11a;color:#8b85a1}.operation-icon.add{color:#2d9e6b}.operation-icon.reduce{color:#eb5968}.operation-icon.initial{color:#3a7fc1}.operation-icon.delete{color:#8b85a1}.text-success{color:#2d9e6b;font-weight:700}.text-danger{color:#eb5968;font-weight:700}@media (max-width: 768px){.stock-management-header{flex-direction:column;gap:1rem;align-items:flex-start}.stock-items-grid{grid-template-columns:1fr}.modal-content{max-height:85vh;border-radius:20px}.history-modal{width:95%}.header-actions{width:100%;justify-content:flex-start}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}div.modal-overlay.stock-modal-overlay{position:fixed!important;top:0!important;bottom:0!important;right:0!important;background:#1e1b2ebf!important;backdrop-filter:blur(12px) saturate(180%)!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important;padding:1rem!important;animation:fadeIn .25s ease-out!important;overflow:hidden!important}@media (min-width: 1024px){div.modal-overlay.stock-modal-overlay{left:260px!important;width:calc(100% - 260px)!important}}@media (min-width: 768px) and (max-width: 1023px){div.modal-overlay.stock-modal-overlay{left:220px!important;width:calc(100% - 220px)!important}}@media (max-width: 767px){div.modal-overlay.stock-modal-overlay{left:0!important;width:100%!important}}div.modal-content.stock-modal-content{background:linear-gradient(145deg,#fff,#f8f6ff)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border-radius:28px!important;width:95%!important;max-width:680px!important;max-height:95vh!important;overflow-y:auto!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 32px 80px #7c5cbf59,0 8px 24px #7c5cbf33,inset 0 1px #ffffffe6!important;animation:slideUp .35s cubic-bezier(.16,1,.3,1)!important;position:relative!important;margin:auto!important;z-index:100100!important}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.stock-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(124,92,191,.08);background:#fff!important;border-radius:28px 28px 0 0;position:relative;z-index:20;flex-shrink:0}.modal-title-section{display:flex;flex-direction:column;gap:.25rem;position:relative;width:100%}.modal-icon{font-size:1.75rem;margin-bottom:.25rem}.stock-modal-header h2{font-family:Fraunces,serif;font-size:1.35rem;font-weight:700;color:#1e1b2e;margin:0;padding:0;line-height:1.2;letter-spacing:-.3px}.modal-subtitle{font-size:.85rem;color:#7c5cbf;font-weight:500;margin:0}.stock-close-btn{background:#7c5cbf14;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;color:#7c5cbf;transition:all .2s ease;font-family:Segoe UI,sans-serif;flex-shrink:0}.stock-close-btn:hover{background:#eb596826;color:#eb5968;transform:rotate(90deg)}.stock-modal-form{padding:1.5rem 1.75rem 1.75rem}.current-stock-info{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#6baee01a,#7c5cbf14);border-radius:16px;border:1px solid rgba(107,174,224,.2)}.current-stock-item{display:flex;flex-direction:column;gap:.25rem;flex:1}.current-stock-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#8b85a1}.current-stock-value{font-family:Fraunces,serif;font-size:1.1rem;font-weight:700;color:#1e1b2e}.form-section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#7c5cbf;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(124,92,191,.1)}.section-icon{font-size:1rem}.purchase-section-title{margin-top:1.5rem;color:#3a7fc1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:1rem;font-size:.9rem;font-weight:600;color:#8b85a1;z-index:1}.input-with-prefix input{padding-left:2rem}.total-amount .input-prefix{color:#3a7fc1;font-weight:700}.total-input{background:linear-gradient(135deg,#6baee01f,#7c5cbf14)!important;font-weight:700;color:#3a7fc1!important;font-family:Fraunces,serif;font-size:1.05rem!important}.form-input-highlight{border:1.5px solid rgba(107,174,224,.3)!important;transition:all .28s ease!important}.form-input-highlight:focus{border-color:#6baee099!important;box-shadow:0 0 0 4px #6baee01f!important}.stock-warning{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#c77b001a,#eb596814);border:1px solid rgba(199,123,0,.25);border-radius:14px;margin-top:1rem}.warning-icon{font-size:1.25rem}.stock-warning p{margin:0;font-size:.85rem;color:#c77b00;font-weight:500}.stock-warning strong{color:#1e1b2e}.stock-modal-actions{display:flex;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(124,92,191,.08)}.stock-btn-secondary,.stock-btn-primary{flex:1;justify-content:center}@media (max-width: 600px){.stock-modal-content{width:95%;max-height:85vh;border-radius:24px}.stock-modal-header{padding:1.25rem 1.5rem}.stock-modal-form{padding:1.25rem 1.5rem 1.5rem}.form-row{grid-template-columns:1fr;gap:.75rem}.current-stock-info{flex-direction:column;gap:.75rem}.stock-modal-actions{flex-direction:column-reverse}}@media (max-width: 768px){.modal-overlay,div.modal-overlay.stock-modal-overlay,.modal-overlay.history-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;align-items:center!important;justify-content:center!important;padding:1rem!important}.modal-content,div.modal-content.stock-modal-content,.modal-content.history-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:95%!important;max-width:none!important;max-height:85vh!important;margin:0!important}}@media (max-width: 480px){.modal-overlay,div.modal-overlay.stock-modal-overlay,.modal-overlay.history-overlay{padding:.5rem!important}.modal-content,div.modal-content.stock-modal-content,.modal-content.history-modal{width:100%!important;max-height:90vh!important;border-radius:16px!important}}.stock-filter-bar{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.15rem 1.5rem;box-shadow:0 4px 20px #7c5cbf1a;display:flex;flex-direction:column;gap:.85rem}.filter-bar-title{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:#7c5cbf;text-transform:uppercase;letter-spacing:.6px}.filter-results-count{margin-left:auto;background:#7c5cbf1a;color:#7c5cbf;border:1px solid rgba(124,92,191,.2);border-radius:100px;padding:.18rem .65rem;font-size:.72rem;font-weight:700;letter-spacing:.3px;text-transform:none}.filter-bar-inputs{display:flex;gap:.85rem;align-items:flex-end;flex-wrap:wrap}.filter-input-group{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:200px}.filter-input-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#8b85a1}.filter-input{padding:.6rem 1rem;border:1.5px solid rgba(124,92,191,.18);border-radius:100px;font-size:.875rem;font-family:Plus Jakarta Sans,sans-serif;color:#1e1b2e;background:#ffffffe0;outline:none;transition:all .25s ease;width:100%;box-sizing:border-box}.filter-input::placeholder{color:#b0aac5}.filter-input:focus{border-color:#7c5cbf80;box-shadow:0 0 0 3px #7c5cbf1a;background:#fffffffa}.filter-clear-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1.1rem;border-radius:100px;border:1.5px solid rgba(235,89,104,.25);background:#eb59680f;color:#eb5968;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .22s ease;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif;align-self:flex-end;margin-bottom:0}.filter-clear-btn:hover{background:#eb596824;border-color:#eb596873;transform:translateY(-1px)}@media (max-width: 600px){.filter-bar-inputs{flex-direction:column}.filter-input-group{min-width:100%}.filter-clear-btn{align-self:flex-start}}:root{--primary: #7c5cbf;--primary-dark: #6a4daa;--primary-light: #9b6fe8;--bg: #F0F2FF;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text: #1E1B4B;--text-muted: #6B7280;--border: #E5E7EB;--success: #6baee0;--purple: #7c5cbf;--purple-light: #9b6fe8;--purple-dark: #6a4daa;--gradient: linear-gradient(135deg, #9b6fe8 0%, #7c5cbf 50%, #6baee0 100%);--glass-white: rgba(255,255,255,.72);--glass-border: rgba(255,255,255,.8)}.invoice-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px;font-family:DM Sans,sans-serif}.invoice-card{background:transparent;border-radius:24px;box-shadow:0 16px 48px #5b4fe926;padding:44px;max-width:480px;width:100%;text-align:center;position:relative;overflow:hidden}.invoice-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient)}.invoice-header{margin-bottom:32px}.invoice-header h1{font-family:Syne,sans-serif;font-size:26px;font-weight:800;color:var(--text);margin-bottom:12px}.invoice-number{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:#5a4a8a;background:transparent;padding:10px 22px;border-radius:12px;display:inline-block;border:1px dashed rgba(124,92,191,.3)}.invoice-details{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;padding:24px;margin-bottom:32px;text-align:left;border:1.5px solid var(--border)}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #E5E7EB}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--text-muted);font-size:13.5px;font-weight:500}.detail-row .value{color:var(--text);font-size:13.5px;font-weight:600}.invoice-actions{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.btn-download{background:transparent;border:1px solid rgba(124,92,191,.2);color:#5a4a8a;border-radius:14px;padding:16px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:DM Sans,sans-serif;box-shadow:none}.btn-download:hover{transform:translateY(-2px);background:#7c5cbf1a}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#20bd5a);color:#fff;border:none;padding:16px 32px;font-size:15px;font-weight:600;border-radius:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:DM Sans,sans-serif;box-shadow:0 6px 20px #25d36659}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d36673}.btn-back-secondary{background:transparent;color:var(--text-muted);border:2px solid var(--border);padding:12px 24px;font-size:14px;font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif}.btn-back-secondary:hover{border-color:var(--primary-light);color:var(--primary);background:#5b4fe90d}.invoice-loading{text-align:center;color:var(--text)}.invoice-loading .spinner{border:4px solid rgba(91,79,233,.2);border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.invoice-loading p{font-family:Syne,sans-serif;font-size:16px;font-weight:600;color:var(--text)}.invoice-error{background:#fff;border-radius:24px;padding:44px;max-width:420px;text-align:center;box-shadow:0 16px 48px #5b4fe926;position:relative;overflow:hidden}.invoice-error:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,#ef4444,#dc2626)}.error-icon{font-size:52px;margin-bottom:20px}.invoice-error h2{font-family:Syne,sans-serif;color:#ef4444;font-size:22px;font-weight:700;margin-bottom:10px}.invoice-error p{color:var(--text-muted);font-size:14px;margin-bottom:24px}.btn-back{background:var(--primary);color:#fff;border:none;padding:14px 28px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif;box-shadow:0 4px 16px #5b4fe959}.btn-back:hover{background:var(--primary-dark);transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e1b4b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;padding:32px;max-width:380px;width:90%;text-align:center;box-shadow:0 24px 64px #00000040;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content h3{font-family:Syne,sans-serif;color:var(--text);font-size:18px;font-weight:700;margin-bottom:10px}.modal-content p{color:var(--text-muted);font-size:14px;margin-bottom:28px}.modal-actions{display:flex;gap:14px;justify-content:center}.btn-cancel{background:#f3f4f6;color:var(--text-muted);border:1.5px solid var(--border);padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif}.btn-cancel:hover{background:#e5e7eb;color:var(--text)}.btn-confirm{background:transparent;border:1px solid rgba(124,92,191,.2);color:#5a4a8a;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif;box-shadow:none}.btn-confirm:hover{transform:translateY(-2px);background:#7c5cbf1a}:root{--primary: #7c5cbf;--primary-dark: #6a4daa;--primary-light: #9b6fe8;--bg: #F0F2FF;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text: #1E1B4B;--text-muted: #6B7280;--border: #E5E7EB;--success: #6baee0;--purple: #7c5cbf;--purple-light: #9b6fe8;--purple-dark: #6a4daa;--gradient: linear-gradient(135deg, #9b6fe8 0%, #7c5cbf 50%, #6baee0 100%);--glass-white: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .8)}.invoices-page{min-height:100vh;background:var(--bg);font-family:DM Sans,sans-serif;color:var(--text)}.invoices-hero{background:var(--gradient);border-radius:24px;padding:44px 40px 60px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 16px 48px #5b4fe94d;text-align:center}.invoices-hero:before{content:"";position:absolute;top:-70px;right:-70px;width:240px;height:240px;background:#fff0;border-radius:50%}.invoices-hero:after{content:"";position:absolute;bottom:-50px;left:25%;width:180px;height:180px;background:#fff0;border-radius:50%}.back-button{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:6px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;padding:7px 14px;border-radius:99px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;z-index:1}.back-button:hover{background:#ffffff47}.hero-icon{width:56px;height:56px;background:#ffffff2e;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px;position:relative;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25)}.invoices-hero h1{font-family:Syne,sans-serif;font-size:34px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:8px;position:relative;z-index:1}.hero-subtitle{color:#ffffffbf;font-size:14px;font-weight:400;position:relative;z-index:1;margin-bottom:28px}.search-wrapper{max-width:520px;margin:0 auto;position:relative;z-index:1}.search-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff9}.search-input{width:100%;padding:14px 16px 14px 46px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);border-radius:14px;color:#fff;font-size:14px;font-family:DM Sans,sans-serif;outline:none;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-input::placeholder{color:#ffffff8c}.search-input:focus{background:#ffffff40;border-color:#ffffff80}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.section-title{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:var(--text)}.invoice-count{background:#5b4fe91a;color:var(--primary);font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px}.invoice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px}.invoice-card{background:transparent;border-radius:22px;overflow:hidden;box-shadow:0 2px 16px #0000000f;border:2px solid transparent;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;animation:fadeUp .4s ease both}.invoice-card:hover{transform:translateY(-6px);border-color:#5b4fe940;box-shadow:0 16px 40px #5b4fe91f}.card-header{background:transparent;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#ffffff1a;border-radius:50%}.inv-number{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:#1e1b2e;letter-spacing:.3px;background:#ffffff80;padding:7px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1}.inv-date{display:flex;align-items:center;gap:6px;color:#5a4a8a;font-size:12px;font-weight:500;background:#ffffff80;padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1}.card-body{padding:22px}.info-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f9fafb;border-radius:10px;margin-bottom:8px;font-size:13.5px;color:var(--text);transition:background .2s}.invoice-card:hover .info-row{background:transparent}.info-row svg{color:var(--primary-light);flex-shrink:0}.amount-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:transparent;border-radius:12px;margin:14px 0;border:none}.amount-label{font-size:12px;font-weight:600;color:#5a4a8a;text-transform:uppercase;letter-spacing:.5px}.amount-value{font-family:DM Sans,sans-serif;font-size:18px;font-weight:800;color:#1e1b2e}.amount-value.grand-total{font-family:DM Sans,sans-serif;font-size:22px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.card-actions{display:flex;gap:10px;margin-top:4px}.btn-view{display:flex;align-items:center;gap:7px;padding:10px 20px;background:transparent;border:1px solid rgba(124,92,191,.2);color:#5a4a8a;border-radius:11px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s;box-shadow:none;flex:1;justify-content:center}.btn-view:hover{transform:translateY(-1px);background:#7c5cbf1a}.btn-icon{width:40px;height:40px;background:#f9fafb;border:1.5px solid var(--border);border-radius:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-muted)}.btn-icon:hover{background:#eef2ff;border-color:var(--primary-light);color:var(--primary);transform:translateY(-1px)}.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#25d366;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #25d36666;flex:1}.btn-whatsapp:hover{background:#20bd5a;transform:translateY(-1px);box-shadow:0 6px 16px #25d36680}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state h3{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px}.invoices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted)}.spinner{border:4px solid rgba(91,79,233,.2);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invoices-hero{animation:fadeUp .4s ease both}.section-header{animation:fadeUp .4s .08s ease both}