:root{--brand-primary:#000;--brand-primary-hover:#1a1a1a;--brand-primary-light:#f5f5f5;--brand-secondary:#000;--brand-accent:#000;--success:#000;--success-light:#f5f5f5;--warning:#000;--warning-light:#f5f5f5;--danger:#dc2626;--danger-light:#fee2e2;--info:#000;--info-light:#f5f5f5;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#000;--white:#fff;--black:#000;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--sidebar-width:280px;--header-height:64px;--max-content-width:1400px}@media (prefers-color-scheme:dark){:root{--gray-50:#18181b}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--black);background:var(--white);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);color:var(--black);line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-family-base);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--black);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--gray-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--gray-700);box-shadow:var(--shadow-xs);border:1px solid #dadce0}.btn-secondary:hover:not(:disabled){background:var(--white);border-color:#dadce0}.btn-danger{background:var(--danger);color:var(--white);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background:#dc2626;transform:translateY(-1px)}.btn-ghost{color:var(--brand-primary);padding:var(--space-2)var(--space-3);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--brand-primary-light)}.btn-lg{padding:var(--space-4)var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-3);width:40px;height:40px}.card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--black)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-5)var(--space-6);border-top:1px solid var(--gray-200)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;display:inline-flex}.badge-success{background:var(--success-light);color:#065f46}.badge-warning{background:var(--warning-light);color:#92400e}.badge-danger{background:var(--danger-light);color:#991b1b}.badge-info{background:var(--info-light);color:var(--black)}.badge-neutral{background:var(--gray-100);color:var(--gray-700)}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-input::placeholder{color:var(--gray-400)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--gray-600)}.text-primary{color:var(--brand-primary)}.text-success{color:var(--success)}.bg-primary{background:var(--brand-primary)}.bg-gray-50,.bg-white{background:var(--white)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.signin-page{background:0;min-height:100vh;display:flex}.signin-branding{background:var(--black);padding:var(--space-12);flex-direction:column;flex:1;justify-content:center;display:flex;position:relative;overflow:hidden}.signin-branding:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.branding-content{z-index:1;color:var(--white);max-width:500px;position:relative}.branding-logo{background:var(--white);border-radius:var(--radius-2xl);width:250px;height:80px;font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--black);margin-bottom:var(--space-6);border:2px solid var(--white);justify-content:center;align-items:center;display:flex;box-shadow:0 10px 40px #0003}.branding-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);text-shadow:0 2px 10px #0000001a;line-height:1.1}.branding-subtitle{font-size:var(--text-xl);opacity:.95;margin-bottom:var(--space-10);line-height:1.6;font-weight:var(--font-normal);display:none}.branding-features{gap:var(--space-5);flex-direction:column;display:flex}.feature-item{align-items:center;gap:var(--space-4);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffff1a;border:1px solid #fff3;display:flex}.feature-icon{border-radius:var(--radius-lg);background:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon svg{width:24px;height:24px;color:var(--white)}.feature-content{flex:1}.feature-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.feature-description{font-size:var(--text-sm);opacity:.9}.signin-container{background:var(--white);padding:var(--space-12);box-shadow:var(--shadow-2xl);z-index:2;flex-direction:column;flex:0 0 540px;justify-content:center;display:flex;position:relative}.signin-header{text-align:center;margin-bottom:var(--space-10)}.signin-logo{background:var(--black);border-radius:var(--radius-xl);width:64px;height:64px;color:var(--white);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 auto var(--space-5);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex}.signin-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--black);margin-bottom:var(--space-2)}.signin-subtitle{font-size:var(--text-base);line-height:1.6}.signin-form{margin-bottom:var(--space-8)}.google-signin-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--white);border-radius:var(--radius-xl);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:2px solid #dadce0;display:flex}.google-signin-btn:hover{box-shadow:var(--shadow-lg);border-color:#dadce0;transform:translateY(-2px)}.google-signin-btn:active{transform:translateY(0)}.google-icon{flex-shrink:0;width:24px;height:24px}.signin-divider{align-items:center;gap:var(--space-4);margin:var(--space-8)0;color:var(--gray-500);font-size:var(--text-sm);font-weight:var(--font-medium);display:flex}.signin-divider:before,.signin-divider:after{content:"";background:var(--gray-200);flex:1;height:1px}.security-section{padding-top:var(--space-8);border-top:1px solid var(--gray-200)}.security-badges{justify-content:center;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.security-badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium);display:flex}.badge-icon{width:20px;height:20px;color:var(--success)}.signin-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.footer-text{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-semibold)}@media (max-width:1024px){.signin-branding{display:none}.signin-container{flex:1}}@media (max-width:640px){.signin-container{padding:var(--space-6)}.signin-header{margin-bottom:var(--space-8)}.signin-title{font-size:var(--text-2xl)}.security-badges{gap:var(--space-4);flex-direction:column}}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);height:100vh;z-index:var(--z-fixed);transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar.collapsed{width:80px}.sidebar-brand{padding:var(--space-6);color:#000;z-index:10;border-bottom:1px solid #dadce0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sidebar-toggle{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);color:var(--gray-600);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0}.sidebar-toggle:hover{background:var(--gray-100);color:var(--gray-900)}.sidebar.collapsed .sidebar-brand{padding:var(--space-4);justify-content:center}.sidebar-logo{background:var(--white);border-radius:var(--radius-xl);color:#fff;width:48px;height:48px;font-weight:var(--font-extrabold);font-size:var(--text-xl);border:2px solid var(--white);background:#000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-text{flex:1;min-width:0}.sidebar-brand-name{font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:-.025em;margin-bottom:var(--space-1)}.sidebar-brand-name .accent{opacity:.9}.sidebar-brand-tagline{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.nav-section{margin-bottom:var(--space-4)}.nav-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2)var(--space-4);margin-bottom:var(--space-1)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:var(--gray-700);font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex;position:relative}.sidebar.collapsed .nav-item{padding:var(--space-3);justify-content:center}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--gray-100);color:var(--black);font-weight:var(--font-semibold)}.nav-icon{flex-shrink:0;width:20px;height:20px}.nav-text{flex:1}.nav-badge{padding:var(--space-1)var(--space-2);background:var(--danger);color:var(--white);border-radius:var(--radius-full);font-size:.625rem;font-weight:var(--font-bold);text-align:center;min-width:20px}.sidebar-profile{padding:var(--space-4);border-top:1px solid var(--gray-200)}.profile-card{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-fast);display:flex}.sidebar.collapsed .profile-card{padding:var(--space-2);justify-content:center}.profile-card:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.profile-avatar{border-radius:var(--radius-full);width:40px;height:40px;color:var(--white);font-weight:var(--font-semibold);border:2px solid var(--white);background:linear-gradient(135deg,#4285f4,#34a853);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #0000001a}.profile-avatar img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--white);width:100%;height:100%}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-role{font-size:var(--text-xs);color:var(--gray-500)}.profile-menu-icon{width:16px;height:16px;color:var(--gray-400);flex-shrink:0}.sidebar-footer{padding:var(--space-4);border-top:1px solid #dadce0}.sign-out-btn{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--gray-300);color:var(--danger);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.sidebar.collapsed .sign-out-btn{padding:var(--space-3);justify-content:center}.sign-out-btn:hover{background:var(--danger);color:var(--white);border-color:var(--danger);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sign-out-icon{flex-shrink:0;width:18px;height:18px}@media (max-width:1024px){.sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.layout{background:var(--white);min-height:100vh;display:flex}.layout-main{margin-left:var(--sidebar-width);min-height:100vh;padding:var(--space-8);width:calc(100% - var(--sidebar-width));transition:margin-left var(--transition-base),width var(--transition-base);flex:1}.sidebar-collapsed .layout-main{width:calc(100% - 80px);margin-left:80px}.page-container{max-width:var(--max-content-width);margin:0 auto}@media (max-width:1024px){.layout-main{padding:var(--space-4);width:100%;margin-left:0}}@media (max-width:640px){.layout-main{padding:var(--space-3)}}.loading-spinner{z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-spinner-content{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loading-spinner-icon{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loading-spinner-icon-inner{width:50px;height:50px;animation:1s linear infinite spin}.loading-spinner-icon h6{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#000}.loading-ellipsis{animation:1.5s linear infinite elipsis}@keyframes elipsis{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:"...."}}.dashboard-content{width:100%}.dashboard-stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.dashboard-charts-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}@media (max-width:768px){.dashboard-stats-grid{gap:var(--space-4);grid-template-columns:1fr}.dashboard-charts-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr}.page-header-content{align-items:flex-start;gap:var(--space-4);flex-direction:column}.page-title{font-size:var(--text-3xl)}.page-subtitle{font-size:var(--text-base)}}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200)}.page-title-group{flex:1;min-width:300px}.page-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--black);margin-bottom:var(--space-2);letter-spacing:-.025em}.page-subtitle{font-size:var(--text-lg);color:var(--gray-600)}.user-name{font-weight:var(--font-semibold);color:var(--black)}.page-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.toolbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.search-bar{flex:1;min-width:280px;max-width:500px;position:relative}.search-icon{left:var(--space-4);color:var(--gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-3)var(--space-4)var(--space-3)var(--space-12);border:1px solid var(--gray-300);border-radius:var(--radius-xl);font-size:var(--text-sm);transition:all var(--transition-fast);background:var(--white)}.search-input::placeholder{color:var(--gray-400)}.toolbar-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.table-container{border:1px solid var(--gray-200);background:var(--white);overflow-x:auto}.data-table thead{border-radius:unset;border-bottom:1px solid var(--gray-200)}.data-table th{padding:var(--space-4)var(--space-6);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table td{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--gray-100);font-size:var(--text-sm);color:var(--gray-700)}.data-table tbody tr{transition:background var(--transition-fast);cursor:pointer}.data-table tbody tr:hover{background:#d3d3d3aa}.data-table tbody tr:last-child td{border-bottom:none}.customer-cell{align-items:center;gap:var(--space-3);display:flex}.customer-avatar{border-radius:var(--radius-full);background:var(--black);width:40px;height:40px;color:var(--white);font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.customer-info{flex:1;min-width:0}.customer-name{font-weight:var(--font-medium);color:var(--black);margin-bottom:var(--space-1)}.customer-email{font-size:var(--text-xs);color:var(--gray-500)}.amount{font-weight:var(--font-semibold);font-family:var(--font-family-mono);color:var(--black)}.empty-state{text-align:center;padding:var(--space-16)var(--space-6)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--gray-300)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--gray-500);margin-bottom:var(--space-6)}.loading-container{padding:var(--space-16);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--brand-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:.6s linear infinite spin}@media (max-width:1024px){.page-header-content{flex-direction:column}.page-actions{width:100%}.toolbar{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.table-container{font-size:var(--text-xs)}}@media (max-width:640px){.page-title{font-size:var(--text-3xl)}.data-table th,.data-table td{padding:var(--space-3)}.customer-cell{flex-direction:column;align-items:flex-start}}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--black);margin:0}.modal-close{cursor:pointer;padding:var(--space-2);color:var(--gray-500);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.dashboard-charts{margin-top:var(--space-8)}.chart-row{gap:var(--space-6);margin-top:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.chart-row:last-child{margin-bottom:0}.chart-card{min-height:300px}.chart-card.large{min-height:350px}.chart-container{justify-content:center;align-items:center;height:100%;display:flex}.bar-chart{justify-content:space-between;align-items:end;gap:var(--space-2);width:100%;height:200px;display:flex}.bar-container{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar{transform-origin:bottom;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;width:100%;max-width:40px;min-height:4px;animation:.8s ease-out forwards barGrow;position:relative;overflow:hidden;transform:scaleY(0)}.bar:before{content:"";background:linear-gradient(135deg,#fff3,#0000);height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bar-label{font-size:var(--text-xs);color:var(--gray-600);margin-top:var(--space-2);font-weight:var(--font-medium)}.bar-value{font-size:var(--text-xs);color:var(--gray-900);margin-top:var(--space-1);font-weight:var(--font-semibold)}.pie-chart{background:conic-gradient(#3b82f6 0deg 162deg,#10b981 162deg 270deg,#f59e0b 270deg 360deg);border-radius:50%;width:200px;height:200px;margin:0 auto;animation:2s ease-out pieRotate;position:relative}@keyframes pieRotate{0%{transform:rotate(-90deg)scale(0)}to{transform:rotate(-90deg)scale(1)}}.pie-center{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 6px -1px #0000001a}.pie-center-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-900)}.pie-center-label{font-size:var(--text-xs);color:var(--gray-600);margin-top:var(--space-1)}.pie-legend{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-700);display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.line-chart{width:100%;height:200px;position:relative}.line-chart-svg{width:100%;height:100%}.line-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s ease-out forwards drawLine}.area-path{opacity:0;animation:1s ease-out 1s forwards fadeInArea}.data-point{opacity:0;animation:.5s ease-out forwards fadeInPoint}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeInArea{to{opacity:1}}@keyframes fadeInPoint{to{opacity:1}}.line-chart-labels{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--gray-600);justify-content:space-between;display:flex}.activity-metrics{gap:var(--space-4);grid-template-columns:1fr 1fr;height:100%;display:grid}.metric-item{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);opacity:0;transition:all .3s;animation:.6s ease-out forwards slideInUp;display:flex;transform:translateY(20px)}.metric-item:first-child{animation-delay:.1s}.metric-item:nth-child(2){animation-delay:.2s}.metric-item:nth-child(3){animation-delay:.3s}.metric-item:nth-child(4){animation-delay:.4s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.metric-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a}.metric-icon{font-size:var(--text-2xl);border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 4px -1px #0000001a}.metric-content{flex:1}.metric-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);line-height:1}.metric-label{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-1)}@media (max-width:768px){.chart-row,.activity-metrics{grid-template-columns:1fr}.bar-chart{height:150px}.pie-chart{width:150px;height:150px}.pie-center{width:80px;height:80px}}.sales-form-container,.sales-form{max-width:100%;margin:0 auto}.vicidial-status{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.status-indicator{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.green{background-color:#10b981}.status-dot.gray{background-color:#6b7280}.status-indicator.loading{color:var(--text-secondary)}.status-indicator.connected{color:#10b981}.status-indicator.disconnected{color:#6b7280}.lead-info{color:var(--text-secondary);font-style:italic}.vicidial-status .spinner{border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.success-message{text-align:center;padding:var(--space-4);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.success-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.success-icon{margin-bottom:var(--space-2);font-size:2rem}.success-close{cursor:pointer;color:var(--gray-500);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;font-size:1.5rem;transition:all .2s}.success-close:hover{background:var(--gray-100);color:var(--gray-700)}.payment-link-section{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.payment-link{margin:var(--space-2)0;padding:var(--space-2);background:var(--primary);border-radius:var(--radius-sm);text-align:center;font-weight:var(--font-medium);text-decoration:none;transition:background-color .2s;display:block}.payment-link:hover{background:var(--primary-dark)}.payment-instructions{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-2)}.success-message h2{color:var(--black);margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.success-message p{color:var(--gray-600);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.success-details{gap:var(--space-1);flex-direction:column;max-width:300px;margin:0 auto;display:flex}.detail-item{padding:var(--space-1);border-radius:var(--radius-sm);justify-content:space-between;display:flex}.detail-item .label{font-weight:var(--font-weight-semibold);color:var(--gray-700);font-size:var(--font-size-xs)}.detail-item .value{color:var(--black);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}.form-section{background:var(--white);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-bottom:var(--space-2)}.auto-populated-indicator{color:var(--success);opacity:.7;font-size:10px}.form-input.auto-populated,.form-select.auto-populated,.form-textarea.auto-populated{background:linear-gradient(90deg,var(--white)0%,var(--white)96%,var(--success-light)96%,var(--success-light)100%);border-color:var(--success)}.form-input.auto-populated:focus,.form-select.auto-populated:focus,.form-textarea.auto-populated:focus{background:var(--white);border-color:var(--primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #0000001a}.delivery-btns{justify-content:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.delivery-btn{background:var(--primary);gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-1);font-size:7px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--gray-200);flex-direction:column;align-items:center;display:flex}.payment-label{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:var(--white);display:flex}.form-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--gray-200);background:var(--white);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex}.btn:disabled{opacity:.6;cursor:not-allowed}.error-message{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--danger);font-weight:var(--font-medium);display:block}.spinner{border:2px solid var(--gray-200);border-top-color:var(--primary);width:16px;height:16px;margin-right:var(--space-2);border-radius:50%;animation:1s ease-in-out infinite spin;display:inline-block}@media (max-width:768px){.form-grid,.payment-options{grid-template-columns:1fr}.form-actions{flex-direction:column}.success-details{max-width:100%}}.sales-capture-header{margin-bottom:var(--space-8)}.sales-capture-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--black);margin-bottom:var(--space-2)}.sales-capture-subtitle{font-size:var(--font-size-base);color:var(--gray-500)}.sales-capture-content{flex-direction:column}.form-section{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.form-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--black);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700)}.form-input,.form-select,.form-textarea{padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:var(--white)}.payment-options{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.payment-option{position:relative}.payment-option.payment-option-disabled .payment-label{opacity:.5;cursor:not-allowed}.payment-unavailable-badge{color:#fff;background:#dc2626;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:600}.payment-unavailable-text{color:#dc2626;font-weight:500}.payment-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.payment-label{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--white);border:2px solid #dadce0;display:flex}.payment-option input[type=radio]:checked+.payment-label{border-color:var(--black);background:var(--gray-100)}.payment-icon{font-size:var(--font-size-2xl);background:var(--gray-100);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.payment-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--black);margin-bottom:var(--space-1)}.payment-description{font-size:var(--font-size-sm);color:var(--gray-500)}.form-actions{justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--gray-200);display:flex}@media (max-width:768px){.sales-capture{padding:var(--space-4)}.form-grid,.payment-options{grid-template-columns:1fr}.form-actions{flex-direction:column}}.payment-status{max-width:1200px;margin:0 auto}.payment-status-header{margin-bottom:var(--space-8)}.payment-status-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--black);margin-bottom:var(--space-2)}.payment-status-subtitle{font-size:var(--font-size-base);color:var(--gray-500)}.payment-status-content{gap:var(--space-6);flex-direction:column;display:flex}.status-filters{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);gap:var(--space-4);flex-wrap:wrap;display:flex}.filter-group{gap:var(--space-2);flex-direction:column;min-width:200px;display:flex}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700)}.filter-select,.filter-input{padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--white);transition:all var(--transition-fast)}.filter-select:focus,.filter-input:focus{border-color:var(--black);box-shadow:0 0 0 3px var(--gray-100);outline:none}.payments-list{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden}.payment-item{gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--gray-100);transition:all var(--transition-fast);cursor:pointer;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;display:grid}.payment-item:hover{background:#d3d3d3aa}.payment-item:last-child{border-bottom:none}.payment-info{gap:var(--space-1);flex-direction:column;display:flex}.payment-customer{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--black)}.payment-details{font-size:var(--font-size-sm);color:var(--gray-600)}.payment-date{font-size:var(--font-size-xs);color:var(--gray-400)}.payment-method{align-items:center;display:flex}.payment-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);background:var(--gray-100);padding:var(--space-1)var(--space-3);border-radius:var(--radius-md)}.payment-status-badge{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);width:fit-content;display:flex}.payment-status-badge.completed{color:var(--success-green);background:#10b9811a}.payment-status-badge.processing{color:var(--black);background:#3b82f61a}.payment-status-badge.failed{color:var(--danger-red);background:#ef44441a}.payment-status-badge.pending{color:var(--warning-yellow);background:#f59e0b1a}.status-dot{border-radius:var(--radius-full);background:currentColor;width:8px;height:8px}.payment-amount{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--black);text-align:right}@media (max-width:768px){.payment-status{padding:var(--space-4)}.status-filters{flex-direction:column}.filter-group{min-width:100%}.payment-item{gap:var(--space-3);grid-template-columns:1fr}.payment-amount{text-align:left}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmation-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:480px;max-height:90vh;animation:.2s ease-out modalSlideIn;overflow:hidden}.modal-header{align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--gray-50);display:flex}.modal-icon{border-radius:var(--radius-full);background:var(--danger-light);width:48px;height:48px;color:var(--danger);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--black);flex:1;margin:0}.modal-body{padding:var(--space-6)}.modal-message{font-size:var(--text-base);color:var(--gray-700);margin:0;line-height:1.6}.modal-footer .btn{min-width:100px}.spinner{width:16px;height:16px;margin-right:var(--space-2);border:2px solid #0000;border-top-color:currentColor;border-radius:50%;animation:1s linear infinite spin;display:inline-block}@media (max-width:640px){.confirmation-modal{width:95%;margin:var(--space-4)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.view-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:800px;max-height:90vh;animation:.2s ease-out modalSlideIn;overflow:hidden}.modal-title-group{align-items:center;gap:var(--space-3);display:flex}.modal-type{padding:var(--space-1)var(--space-3);background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px;align-items:center;display:inline-flex}.data-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.data-field{gap:var(--space-2);padding:var(--space-4);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);flex-direction:column;display:flex}.field-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;display:flex}.field-value{font-size:var(--text-base);color:var(--black);font-weight:var(--font-medium);word-break:break-word}.field-list{margin:0;padding:0;list-style:none}.field-list li{padding:var(--space-1)0;border-bottom:1px solid var(--gray-200)}.field-list li:last-child{border-bottom:none}.field-value.status-active,.field-value.status-paid,.field-value.status-success{color:var(--success);font-weight:var(--font-semibold)}.field-value.status-inactive,.field-value.status-pending,.field-value.status-failed{color:var(--danger);font-weight:var(--font-semibold)}@media (max-width:768px){.view-modal{width:95%;margin:var(--space-4)}.modal-header,.modal-body{padding:var(--space-4)}.data-grid{gap:var(--space-3);grid-template-columns:1fr}.data-field{padding:var(--space-3)}}@media (max-width:640px){.modal-title-group{align-items:flex-start;gap:var(--space-2);flex-direction:column}.modal-type{align-self:flex-start}}.payments-page{gap:var(--space-6);flex-direction:column;display:flex}.payments-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.payments-stat{gap:var(--space-2);flex-direction:column;display:flex}.payments-stat-label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.payments-stat-value{font-size:var(--text-3xl);font-weight:var(--font-extrabold)}.payments-stat-sublabel{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.payments-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.filter-controls{align-items:center;gap:var(--space-3);display:flex}.search-bar{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white);display:flex}.search-icon{color:var(--gray-500)}.search-input{font-size:var(--text-sm);border:none;outline:none;width:260px}.table-container{overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--gray-200);text-align:left;padding:12px 16px}.data-table th{font-weight:var(--font-semibold);color:var(--gray-600);font-size:var(--text-xs);text-transform:uppercase}.edit-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:600px;max-height:90vh;animation:.2s ease-out modalSlideIn;overflow:hidden}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--white);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--black);margin:0}.modal-close{width:32px;height:32px;color:var(--gray-500);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:var(--space-6);max-height:60vh;overflow-y:auto}.form-row{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);align-items:center;gap:var(--space-2);display:flex}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-family-base);color:var(--black);background:var(--white);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-light)}.form-checkbox{width:16px;height:16px;accent-color:var(--primary)}.form-textarea{resize:vertical;min-height:80px}.error-message{font-size:var(--text-xs);color:var(--danger);align-items:center;gap:var(--space-1);margin-top:var(--space-1);display:flex}.error-message:before{content:"⚠";font-size:12px}.modal-footer{gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--gray-200);background:var(--white);justify-content:flex-end;display:flex}.modal-footer .btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:120px;display:flex}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}@media (max-width:768px){.edit-modal{width:95%;margin:var(--space-4)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.form-row{gap:var(--space-3);grid-template-columns:1fr}}@media (max-width:640px){.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.service-packages-page{max-width:1400px;margin:0 auto}.filters-section{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-bar{flex:1;max-width:400px}.filter-group{min-width:200px}.filter-select{border:1px solid var(--gray-300);cursor:pointer;background:#fff;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem}.packages-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.package-card{border:1px solid var(--gray-200);background:#fff;border-radius:.75rem;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.package-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.package-header{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex}.package-icon{background:var(--primary-100);width:48px;height:48px;color:var(--primary-600);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.package-title-group{flex:1;min-width:0}.package-name{color:var(--gray-900);margin:0 0 .25rem;font-size:1.25rem;font-weight:600;line-height:1.3}.package-badges{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.package-product-type{text-transform:uppercase;letter-spacing:.05em;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.package-product-type.fibre{background:var(--blue-100);color:var(--blue-700)}.package-product-type.website{background:var(--purple-100);color:var(--purple-700)}.package-product-type.chatbot{background:var(--indigo-100);color:var(--indigo-700)}.package-product-type.other{background:var(--gray-100);color:var(--gray-700)}.package-category{text-transform:uppercase;letter-spacing:.05em;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.package-category.residential{background:var(--blue-100);color:var(--blue-700)}.package-category.business{background:var(--green-100);color:var(--green-700)}.package-category.premium{background:var(--purple-100);color:var(--purple-700)}.package-category.enterprise{background:var(--orange-100);color:var(--orange-700)}.package-actions{flex-shrink:0;gap:.5rem;display:flex}.package-content{padding:1.5rem}.package-description{color:var(--gray-600);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.package-specs{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.spec-item{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.spec-label{color:var(--gray-600);font-size:.875rem;font-weight:500}.spec-value{color:var(--gray-900);font-size:.875rem;font-weight:600}.package-pricing{margin-bottom:1.5rem}.price-main{align-items:baseline;gap:.25rem;margin-bottom:.5rem;display:flex}.price-currency{color:var(--gray-600);font-size:1rem;font-weight:500}.price-amount{color:var(--gray-900);font-size:2rem;font-weight:700;line-height:1}.price-period{color:var(--gray-600);font-size:.875rem;font-weight:500}.price-details{flex-direction:column;gap:.25rem;display:flex}.price-detail{color:var(--gray-500);font-size:.75rem}.package-stats{box-shadow:var(--shadow-sm);border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;padding:1rem;display:grid}.stat-item{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.stat-value{color:var(--gray-900);font-size:.875rem;font-weight:600}.package-status{justify-content:flex-end;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.status-badge.active{background:var(--green-100);color:var(--green-700)}.status-badge.inactive{background:var(--gray-100);color:var(--gray-600)}@media (max-width:768px){.service-packages-page{padding:1rem}.page-header-content,.filters-section{flex-direction:column;align-items:stretch}.packages-grid,.package-specs,.package-stats{grid-template-columns:1fr}}.customers-page{max-width:1400px;margin:0 auto}.customers-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{border:1px solid var(--gray-200);background:#fff;border-radius:.75rem;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.stat-icon{background:var(--primary-100);width:48px;height:48px;color:var(--primary-600);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-value{color:var(--gray-900);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--gray-600);font-size:.875rem;font-weight:500}.search-section{margin-bottom:2rem}.search-bar{max-width:500px;position:relative}.search-icon{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border:1px solid var(--gray-300);border-radius:.5rem;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.875rem;transition:border-color .2s}.search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.customers-table-container{border:1px solid var(--gray-200);background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{border-bottom:1px solid var(--gray-200)}.customers-table th{text-align:left;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.customers-table td{border-bottom:1px solid var(--gray-100);vertical-align:top;padding:1rem 1.5rem}.customers-table tbody tr:hover{box-shadow:var(--shadow-sm)}.customer-info{flex-direction:column;gap:.25rem;display:flex}.customer-name{color:var(--gray-900);font-size:.875rem;font-weight:600}.contact-info{flex-direction:column;gap:.25rem;display:flex}.contact-item{color:var(--gray-600);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.contact-item svg{color:var(--gray-400);flex-shrink:0}.id-number{color:var(--gray-700);background:var(--gray-100);border-radius:.25rem;padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.subscriptions-count{background:var(--primary-100);min-width:2rem;height:1.5rem;color:var(--primary-700);border-radius:1rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.created-date{color:var(--gray-600);font-size:.875rem}.action-buttons{align-items:center;gap:.25rem;display:flex}.empty-state{text-align:center;color:var(--gray-500);padding:4rem 2rem}.empty-state svg{opacity:.5;margin-bottom:1rem}.empty-state h3{color:var(--gray-700);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state p{margin:0 0 2rem;font-size:.875rem}.pagination{justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0;display:flex}.pagination-info{color:var(--gray-600);font-size:.875rem}.pagination-controls{align-items:center;gap:1rem;display:flex}.pagination-page{color:var(--gray-700);font-size:.875rem;font-weight:500}@media (max-width:768px){.customers-page{padding:1rem}.page-header-content{flex-direction:column;align-items:stretch}.customers-stats{grid-template-columns:1fr}.customers-table-container{overflow-x:auto}.customers-table{min-width:600px}.pagination{flex-direction:column;align-items:stretch;gap:1rem}.pagination-controls{justify-content:center}}.subscriptions-page{padding:var(--space-6);max-width:1600px;margin:0 auto}.page-header-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--black);margin:0 0 var(--space-2)0}.page-subtitle{font-size:var(--text-lg);color:var(--gray-600);margin:0}.subscriptions-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.stat-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);align-items:center;gap:var(--space-4);background:#fff;transition:all .2s;display:flex}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.stat-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex:1}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--black);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--gray-600)}.filters-section{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.search-bar{flex:1;align-items:center;min-width:300px;display:flex;position:relative}.search-icon{left:var(--space-3);color:var(--gray-400);pointer-events:none;position:absolute}.search-input{width:100%;padding:var(--space-3)var(--space-3)var(--space-3)calc(var(--space-3) + 28px);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);transition:all .2s}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.status-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-2)var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);cursor:pointer;align-items:center;gap:var(--space-2);background:#fff;transition:all .2s;display:flex}.filter-btn:hover{border-color:var(--primary);background:var(--gray-50)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.subscriptions-table-container{border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6);background:#fff;overflow:hidden}.subscriptions-table{border-collapse:collapse;width:100%}.subscriptions-table th{padding:var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--gray-200)}.subscriptions-table td{padding:var(--space-4);border-bottom:1px solid var(--gray-100)}.subscriptions-table tbody tr:hover{background:#d3d3d3aa}.subscriptions-table tbody tr:last-child td{border-bottom:none}.customer-info{align-items:center;gap:var(--space-3);display:flex}.customer-name{font-weight:var(--font-semibold);color:var(--black)}.package-name{color:var(--gray-700);font-weight:var(--font-medium)}.status-badge{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);display:inline-flex}.status-badge.active{color:#22c55e;background:#22c55e1a}.status-badge.cancelled{color:#ef4444;background:#ef44441a}.status-badge.pending{color:#fbbf24;background:#fbbf241a}.status-icon{flex-shrink:0}.monthly-fee{font-weight:var(--font-semibold);color:var(--primary)}.installation-date{color:var(--gray-600);font-size:var(--text-sm)}.address-info{font-size:var(--text-sm);color:var(--gray-600)}.address-line{margin-bottom:var(--space-1)}.action-buttons{gap:var(--space-2);align-items:center;display:flex}.btn{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;align-items:center;gap:var(--space-2);border:none;transition:all .2s;display:inline-flex}.btn-ghost{color:var(--gray-600);background:0 0}.btn-ghost:hover{background:var(--gray-100)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-dark)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:var(--warning-dark)}.btn-sm{padding:var(--space-2);font-size:var(--text-xs)}.btn-sm .btn-icon{width:16px;height:16px}.text-danger{color:var(--danger)}.text-danger:hover{color:var(--danger-dark)}.empty-state{padding:var(--space-8);text-align:center;color:var(--gray-500)}.empty-state svg{margin:0 auto var(--space-4);opacity:.5}.empty-state h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--gray-700)}.empty-state p{font-size:var(--text-base);color:var(--gray-600)}.pagination{padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-top:var(--space-4);background:#fff;justify-content:space-between;align-items:center;display:flex}.pagination-info{font-size:var(--text-sm);color:var(--gray-600)}.pagination-controls{gap:var(--space-3);align-items:center;display:flex}.pagination-page{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.alert-error{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.alert-error button{color:#dc2626;font-size:var(--text-xl);cursor:pointer;padding:0 var(--space-2);background:0 0;border:none}@media (max-width:768px){.subscriptions-page{padding:var(--space-4)}.subscriptions-table-container{overflow-x:auto}.subscriptions-table{min-width:1000px}.page-header-content{flex-direction:column;align-items:stretch}.filters-section{flex-direction:column}.search-bar{min-width:100%}.pagination{gap:var(--space-3);flex-direction:column}}.admin-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header-content{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-title-group{flex:1}.page-title{color:var(--gray-900);margin:0 0 .5rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--gray-600);margin:0;font-size:1rem}.page-actions{align-items:center;gap:.75rem;display:flex}.alert{border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.alert-error{background:var(--red-50);border:1px solid var(--red-200);color:var(--red-700)}.alert button{color:var(--red-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.25rem;display:flex}.database-status{border:1px solid var(--gray-200);background:#fff;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.status-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.status-header h2{color:var(--gray-900);margin:0;font-size:1.25rem;font-weight:600}.status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.status-card{background:var(--gray-50);border-radius:.5rem;padding:1rem}.status-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.status-value{color:var(--gray-900);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.status-value.healthy{color:var(--green-600)}.tables-section h3{color:var(--gray-700);margin:0 0 1rem;font-size:1rem;font-weight:600}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.table-card{background:var(--gray-50);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.table-name{color:var(--gray-700);text-transform:capitalize;font-size:.875rem;font-weight:500}.table-count{color:var(--primary-600);font-size:1rem;font-weight:700}.admin-actions{border:1px solid var(--gray-200);background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-actions h2{color:var(--gray-900);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.action-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:.75rem;padding:1.5rem}.action-card.danger{background:var(--red-50);border-color:var(--red-200)}.action-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.action-header h3{color:var(--gray-900);margin:0;font-size:1rem;font-weight:600}.action-card p{color:var(--gray-600);margin:0 0 1rem;font-size:.875rem}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-container .spinner{border:2px solid var(--gray-200);border-top:2px solid var(--primary-500);border-radius:50%;width:2rem;height:2rem;margin-bottom:1rem;animation:1s linear infinite spin}@media (max-width:768px){.admin-dashboard{padding:1rem}.page-header-content{flex-direction:column;align-items:stretch}.status-grid,.tables-grid,.actions-grid{grid-template-columns:1fr}}.access-denied{background:var(--gray-50);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.access-denied-content{text-align:center;background:#fff;border-radius:1rem;max-width:500px;padding:3rem;box-shadow:0 4px 6px #0000001a}.access-denied-icon{color:var(--red-500);margin:0 auto 1.5rem}.access-denied h2{color:var(--gray-900);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.access-denied p{color:var(--gray-600);margin:0 0 1rem}.access-denied-required{color:var(--gray-500);font-size:.875rem;margin:1rem 0!important}.access-denied button{margin-top:1.5rem}