:root{--color-bg-primary:#0f172a;--color-bg-card:#1e293bb3;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-accent-primary:#6366f1;--color-accent-glow:#6366f126;--color-error:#f87171;--color-error-bg:#f871711a;--color-success:#34d399;--color-success-bg:#34d3991a;--color-warning:#fbbf24;--color-warning-bg:#fbbf241a;--color-border:#94a3b81f;--font-family:"Inter", system-ui, -apple-system, sans-serif;--sidebar-width:280px;--sidebar-collapsed-width:80px;--radius-lg:1rem;--radius-2xl:1.5rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--glass-blur:blur(16px);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--shadow-xl:0 20px 25px -5px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);background-image:radial-gradient(circle,#1e293b 0%,#0f172a 100%);min-height:100vh;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns var(--transition-base);display:grid}.sidebar-collapsed .layout{grid-template-columns:var(--sidebar-collapsed-width) 1fr}@media (width<=1024px){.layout{grid-template-columns:1fr}}.layout__main{padding:var(--space-8);flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex}.sidebar{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--color-border);z-index:200;height:100vh;transition:width var(--transition-base);background:#0f172acc;flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__header{padding:var(--space-6);justify-content:space-between;align-items:center;display:flex}.layout__logo-img{width:auto;height:40px}.sidebar__toggle{color:var(--color-text-muted);transition:color .2s}.sidebar__toggle:hover{color:var(--color-text-primary)}.sidebar__nav{padding:var(--space-4);flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-link{align-items:center;gap:var(--space-4);color:var(--color-text-secondary);white-space:nowrap;border-radius:.75rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--color-text-primary);background:#ffffff0d}.nav-link.active{background:var(--color-accent-primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.nav-link__icon{flex-shrink:0;width:20px;height:20px}.sidebar-collapsed .nav-link__label{display:none}.sidebar__footer{padding:var(--space-6);border-top:1px solid var(--color-border)}.user-profile{align-items:center;gap:var(--space-3);display:flex;position:relative}.avatar{background:var(--color-accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.user-profile__info{flex:1;min-width:0}.sidebar-collapsed .user-profile__info{display:none}.user-profile__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-profile__email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.logout-btn{color:var(--color-text-muted);flex-shrink:0;transition:color .2s}.logout-btn:hover{color:var(--color-error)}.sidebar-collapsed .logout-btn,.sidebar-mobile-toggle.floating{display:none}@media (width<=1024px){.sidebar{width:280px;transition:left var(--transition-base);position:fixed;left:-100%}.sidebar.mobile-open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;background:#00000080;position:fixed;inset:0}.sidebar-mobile-toggle.floating{top:var(--space-4);left:var(--space-4);z-index:100;background:var(--color-bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-primary);border-radius:.75rem;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 6px #0000001a}}.signin-page{padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex}.signin-page__card{align-items:center;gap:var(--space-8);padding:var(--space-12);background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:420px;display:flex}.signin-page__logo{width:160px;height:auto;filter:drop-shadow(0 0 30px var(--color-accent-glow))}.auth-actions__button{align-items:center;gap:var(--space-4);color:#1f2937;background:#fff;border-radius:.75rem;padding:.875rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.auth-actions__button:hover:not(:disabled){background:#f9fafb;transform:translateY(-2px)}.auth-actions__button:disabled{opacity:.6}.auth-actions__error{margin-top:var(--space-4);color:var(--color-error);background:var(--color-error-bg);border-radius:.5rem;padding:.75rem;font-size:.875rem}.update-toast{z-index:1000;position:fixed;bottom:2rem;right:2rem}.update-toast__content{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.btn-primary{background:var(--color-accent-primary);color:#fff;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f166}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #6366f180}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:#ffffff0d;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:#ffffff1a}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;display:flex}.page-heading{letter-spacing:-.025em;color:var(--color-text-primary);font-size:1.875rem;font-weight:800}.page-subtitle{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:.3s cubic-bezier(.16,1,.3,1) modalIn;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-form{padding:1.5rem}.form-group label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.form-group input{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:#0f172a80;border-radius:.75rem;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 4px var(--color-accent-glow);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.modal-footer{justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.empty-state{text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius-2xl);background:#ffffff05;flex-direction:column;align-items:center;margin-top:4rem;padding:3rem;display:flex}.empty-state__icon{width:80px;height:80px;color:var(--color-text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.empty-state h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-state p{color:var(--color-text-muted);max-width:320px}.locations-grid{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.location-card{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform .2s,border-color .2s}.location-card:hover{border-color:var(--color-accent-primary);transform:translateY(-4px)}.location-card__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.location-card__title{color:var(--color-text-primary);margin-right:1rem;font-size:1.125rem;font-weight:700}.location-card__rate{color:var(--color-success);background:var(--color-success-bg);border-radius:2rem;padding:.25rem .625rem;font-size:.875rem;font-weight:700}.location-card__body{flex-direction:column;gap:.75rem;display:flex}.location-card__info{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.location-card__info svg{color:var(--color-text-muted);flex-shrink:0}.location-card__footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}.location-card__updated-by{color:var(--color-text-muted);font-size:.75rem}.card-delete-btn{color:var(--color-text-muted);border-radius:.5rem;padding:.5rem;transition:all .2s}.loading-state{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;padding:4rem;font-size:1rem;font-weight:500;animation:2s infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=640px){.locations-grid{grid-template-columns:1fr}}.client-prices{gap:var(--space-4);animation:fade-in-up .5s var(--transition-spring);flex-direction:column;display:flex}.client-prices__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.page-heading{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-accent-primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-secondary));color:#fff;font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-md);display:flex}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);opacity:.9;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.client-list{gap:var(--space-4);margin-top:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.empty-state{padding:var(--space-12);text-align:center;background:var(--color-bg-card);border-radius:var(--radius-2xl);border:1px dashed var(--color-border);color:var(--color-text-muted);grid-column:1/-1}.client-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4);transition:all var(--transition-base);gap:var(--space-4);flex-direction:column;display:flex}.client-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.client-card__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.client-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.client-card__prices{gap:var(--space-2);flex-direction:column;display:flex}.price-item{padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.price-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.price-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-success)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ad9;justify-content:center;align-items:center;animation:.3s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);border:var(--glass-border);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:modal-slide-up .4s var(--transition-spring);overflow:hidden}.modal-header{padding:var(--space-6);border-bottom:var(--glass-border);background:#ffffff08;justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal-close{color:var(--color-text-muted);transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);display:block}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.price-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.modal-footer{padding:var(--space-6);border-top:var(--glass-border);justify-content:flex-end;gap:var(--space-4);background:#ffffff08;display:flex}.btn-secondary{padding:var(--space-2) var(--space-6);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.btn-secondary:hover{color:var(--color-text-primary)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-delete-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.sales-page{max-width:1200px;margin:0 auto;padding:1.5rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-heading{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1.875rem;font-weight:700}.page-subtitle{color:var(--color-text-secondary);font-size:.9375rem}#add-sale-btn{color:#fff;background-color:#2563eb;border:none;min-width:180px;height:auto;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #2563eb63}#add-sale-btn:hover{background-color:#1d4ed8;box-shadow:0 6px 20px #2563eb3b}.sales-table-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.sales-table{border-collapse:collapse;text-align:left;width:100%}.sales-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:#ffffff08;padding:1rem 1.25rem;font-size:.75rem;font-weight:600}.sales-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem;font-size:.9375rem}.sales-table tr:last-child td{border-bottom:none}.sales-table tr:hover{background:#ffffff05}.sale-total{color:var(--color-success);font-weight:600}.sale-modal{width:95%;max-width:650px}.price-summary{background:#6366f10d;border:1px solid #6366f11a;border-radius:8px;justify-content:space-between;align-items:center;margin:1.5rem 0;padding:1.25rem;display:flex}.price-summary__item{flex-direction:column;gap:.25rem;display:flex}.price-summary__item span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.price-summary__item strong{color:var(--color-text-primary);font-size:1.125rem}.price-summary__item.total strong{color:var(--color-success);font-size:1.5rem}.modal-form{padding-top:1rem}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}}.input-with-datalist{position:relative}select{border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;padding:.75rem;font-size:.9375rem;transition:all .2s}select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.empty-state{text-align:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border);color:var(--color-text-secondary);border-radius:12px;padding:4rem 2rem}.empty-state svg{opacity:.5;margin-bottom:1rem}.empty-state h3{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}