@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.phone-auth-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:0 auto;max-width:400px;padding:2rem}.phone-auth-form input{flex:1 1}.phone-auth-form input,.phone-auth-form select{border:1px solid #dcdcdc;border-radius:4px;padding:.6rem .8rem}.phone-auth-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f9fafb url('data:image/svg+xml;utf8,<svg fill="%23666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right .6rem center/16px 16px;cursor:pointer}.send-otp-btn{background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--primary-color,#4f46e5),var(--primary-hover,#4338ca));border:none;border-radius:4px;box-shadow:0 4px 10px #4f46e540;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.7rem 1.2rem;transition:background .2s ease;width:100%}.send-otp-btn:hover:not(:disabled){box-shadow:0 6px 14px #4f46e559;transform:translateY(-1px)}.send-otp-btn:disabled{cursor:not-allowed;opacity:.6}.otp-input-container{display:flex;gap:8px;justify-content:center}.otp-input{padding:.6rem;width:40px}.otp-input,.otp-input-full{border:1px solid #dcdcdc;border-radius:4px;font-size:1rem;text-align:center}.otp-input-full{letter-spacing:4px;padding:.7rem;width:100%}.resend-row{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem}.resend-hint{color:#6b7280;font-size:.9rem}.resend-btn{background:#0000;border:1px solid #4f46e566;border-radius:4px;color:#4f46e5;color:var(--primary-color,#4f46e5);cursor:pointer;font-weight:500;padding:.45rem .75rem}.resend-btn:hover:not(:disabled){background:#4f46e50f}.resend-btn:disabled{cursor:not-allowed;opacity:.6}.otp-input-full:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px #4f46e526;outline:none}#otp-code,#phone-auth-email,#phone-number{background:#fff;border:1px solid #cfd6e4;border-radius:8px;margin:6px 0;padding:.7rem .8rem;transition:border-color .2s ease,box-shadow .2s ease}#phone-number{box-sizing:border-box;flex:0 0 auto!important;width:auto!important}#otp-code:focus,#phone-auth-email:focus,#phone-number:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px #4f46e526;outline:none}.login-container{align-items:center;background-image:none;background-image:var(--login-bg-desktop,none);background-position:50%;background-position:var(--login-bg-position,50%);background-repeat:no-repeat;background-size:cover;background-size:var(--login-bg-size,cover);display:flex;justify-content:center;min-height:100dvh;padding:0;position:relative}.login-box{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0000001a;max-width:450px;padding:40px;width:100%}.login-logo{display:flex;justify-content:center;margin-bottom:16px}.login-logo img{height:48px;width:auto}.bg-switcher{align-items:center;-webkit-backdrop-filter:saturate(150%) blur(4px);backdrop-filter:saturate(150%) blur(4px);background:#ffffffe6;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #00000014;display:flex;gap:8px;padding:8px 10px;position:absolute;right:12px;top:12px;z-index:20}.bg-switcher label{color:#555;font-size:12px}.bg-switcher select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:12px;padding:6px 8px}.bg-switcher .row{align-items:center;display:flex;gap:6px}.bg-switcher .row+.row{margin-left:6px}.login-box h2{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.login-methods{display:flex;gap:10px;margin-bottom:30px}.login-method-btn{background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;padding:12px;transition:all .3s ease}.login-method-btn.active{background:#764ba2;color:#fff}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#666}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px}.form-group input:focus{border-color:#764ba2}.error-message{background-color:#f8d7da;border-radius:4px;color:#dc3545;margin-bottom:10px;padding:8px}.login-btn{background:#764ba2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s ease}.login-btn:hover{background:#667eea}.login-btn:disabled{background:#ccc;cursor:not-allowed}.login-options{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-top:20px}.login-options a{color:#764ba2;text-decoration:none;transition:color .3s ease}.login-options a:hover{color:#667eea}.dropdown-container{margin-bottom:1.5rem;position:relative;width:100%}.dropdown-header{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem}.dropdown-header:hover{background-color:#f0f0f0}.dropdown-arrow{border-left:5px solid #0000;border-right:5px solid #0000;height:0;transition:transform .2s ease;width:0}.dropdown-arrow.down{border-top:5px solid #555}.dropdown-arrow.up{border-bottom:5px solid #555}.dropdown-options{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:0;margin-top:5px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.dropdown-option{cursor:pointer;padding:.75rem 1rem;text-align:left}.dropdown-option:hover{background-color:#f0f0f0}.login-button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#3730a3}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-container button[type=submit]{background-color:#4caf50;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px;transition:all .3s ease;width:100%}.login-container button[type=submit]:hover{background-color:#45a049;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.login-container button[type=submit]:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.login-container button[type=submit]:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.login-container{background-image:none;background-image:var(--login-bg-mobile,var(--login-bg-desktop,none));background-position:50%;background-position:var(--login-bg-position,50%);background-size:cover;background-size:var(--login-bg-size,cover);padding:0}.login-box{border-radius:12px;max-width:100%;padding:28px}.login-box h2{font-size:22px;margin-bottom:20px}.login-methods{flex-wrap:wrap;gap:8px}.login-method-btn{font-size:15px;padding:10px 12px}.form-group input{font-size:16px;padding:12px}}@media (max-width:480px){.login-container{padding:0}.login-box{padding:20px}.login-box h2{font-size:20px}.login-methods{flex-direction:column}.login-method-btn{width:100%}.form-group label{font-size:14px}.login-container button[type=submit]{font-size:15px;padding:12px}}@media (max-width:360px){.login-box h2{font-size:18px}.login-container button[type=submit]{font-size:14px;padding:10px}}.admin-dashboard{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding-top:1rem}:root{--panel-radius:18px;--panel-border:#e6eaf2;--panel-shadow:0 6px 24px #27469014;--panel-shadow-soft:0 6px 24px #2746900f}@media (max-width:640px){.modal-content{max-height:90vh;max-width:95vw;padding:.75rem}}@media (max-width:480px){.dashboard-header{border-radius:12px;padding:1.25rem}.dashboard-header h1{font-size:1.25rem}}.form-group label,.modal-grid label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea,.modal-grid input[type=email],.modal-grid input[type=file],.modal-grid input[type=number],.modal-grid input[type=password],.modal-grid input[type=text],.modal-grid select,.modal-grid textarea{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#111827;font-size:.95rem;outline:none;padding:.625rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.modal-grid input:focus,.modal-grid select:focus,.modal-grid textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626}.modal-content{border-radius:1.2rem;margin:auto;max-height:105vh;padding:1rem}.form-container{width:100%}.form-col{flex:1 0 250px;margin-bottom:.5rem}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;padding:1rem}.form-group{margin-bottom:.85rem}.success-message,.success-text{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem;color:#065f46;padding:.75rem 1rem}.table-responsive{background:#fff;border:1px solid #e6eaf2;border:1px solid var(--panel-border);border-radius:18px;border-radius:var(--panel-radius);box-shadow:0 6px 24px #2746900f;box-shadow:var(--panel-shadow-soft);overflow:hidden}.data-table thead th{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:1}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:nth-child(odd){background:#fcfcfd}.badge,.status-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.products-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #00000012}.modal-grid{grid-gap:16px;display:grid;gap:16px}.modal-grid.two-col{grid-template-columns:repeat(2,minmax(220px,1fr))}.modal-grid>*{min-width:0}#form-edit-store,#form-edit-store input,#form-edit-store select,#form-edit-store>div{max-width:100%}@media (max-width:640px){.modal-grid.two-col{grid-template-columns:1fr}}.dashboard-header{align-items:center;background:#fff;border:1px solid #e6eaf2;border-radius:14px;box-shadow:0 6px 24px #2746900f;color:#1e293b;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:1rem 1.25rem}.dashboard-header h1{color:#1e293b;font-size:1.25rem;margin:0}@media (max-width:1024px){.dashboard-header{padding:.875rem 1rem}.stats-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}.user-info{font-size:.875rem;gap:1rem}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:.5rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s;z-index:1103}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.dashboard-container{display:flex;min-height:calc(100vh - 80px)}.sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 4px -1px #0000001a;padding:2rem 0;width:280px}.mobile-menu-btn{border:none;border-radius:.5rem;color:#fff;padding:.25rem .5rem}.mobile-menu-btn,.mobile-menu-close{background:#0000;display:none;font-size:1.25rem}.mobile-menu-close{border:none;margin:0 0 1rem 1rem}.nav-item{border-left:3px solid #0000;cursor:pointer;font-weight:500;margin-bottom:.25rem;padding:1rem 2rem;transition:all .2s}.nav-item:hover{background-color:#f1f5f9}.nav-item.active,.nav-item:hover{border-left-color:#3b82f6;color:#3b82f6}.nav-item.active{background-color:#eff6ff}.main-content{flex:1 1;overflow-y:auto;padding:2rem}.main-content h2{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.subtitle{color:#64748b;font-size:1rem;margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border:1px solid #e6eaf2;border:1px solid var(--panel-border);border-radius:18px;border-radius:var(--panel-radius);box-shadow:0 6px 24px #27469014;box-shadow:var(--panel-shadow);display:flex;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.stat-card.primary{border-left:4px solid #3b82f6}.stat-card.success{border-left:4px solid #10b981}.stat-card.warning{border-left:4px solid #f59e0b}.stat-card.info{border-left:4px solid #8b5cf6}.stat-icon{align-items:center;background:#f8fafc;border-radius:.75rem;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.stat-number{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0}.recent-activity{background:#fff;border:1px solid #e6eaf2;border:1px solid var(--panel-border);border-radius:18px;border-radius:var(--panel-radius);box-shadow:0 6px 24px #27469014;box-shadow:var(--panel-shadow);padding:1.5rem}.recent-activity h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.activity-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.activity-content p{font-size:.875rem;margin:0 0 .25rem}.activity-meta{color:#64748b;font-size:.75rem}.section-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.header-actions,.section-header{align-items:center;display:flex;gap:1rem}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;min-width:250px;padding:.75rem 1rem}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sort-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;font-size:.875rem;padding:.6rem .9rem}.sort-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.primary-btn{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.primary-btn:hover{background:#2563eb;transform:translateY(-1px)}.danger-btn{background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.danger-btn:hover{background:#dc2626}.secondary-btn{background:#e5e7eb;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;cursor:pointer;font-size:.875rem;font-weight:500;padding:.6rem 1.1rem;transition:all .2s}.secondary-btn:hover{background:#d1d5db}.button{border-radius:.5rem;padding:.65rem 1.1rem}.button.primary{background:#3b82f6}.button.primary:hover{background:#2563eb}.button.secondary{background:#f3f4f6;border-color:#e5e7eb;color:#111827}.button.secondary:hover{background:#e5e7eb}.add-form{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:1.5rem}.add-form h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#374151}.form-group input{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.75rem}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.data-table-container{background:#fff;border:1px solid #e6eaf2;border:1px solid var(--panel-border);border-radius:18px;border-radius:var(--panel-radius);box-shadow:0 6px 24px #27469014;box-shadow:var(--panel-shadow);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;text-align:left}.data-table td,.data-table th{font-size:.875rem;padding:1rem}.data-table td{border-bottom:1px solid #f1f5f9}.data-table tr:hover{background:#f8fafc}.table-responsive{-webkit-overflow-scrolling:touch}.table-responsive .data-table{min-width:700px}.modal-actions{gap:.75rem;height:auto;margin-top:0;padding-top:0;width:auto}#form-edit-area-manager .modal-actions,#form-edit-store .modal-actions,#form-edit-store-manager .modal-actions{grid-column:1/-1;padding-top:.5rem;width:100%}@media (max-width:768px){#form-edit-area-manager .modal-actions,#form-edit-store .modal-actions,#form-edit-store-manager .modal-actions{justify-content:center}}@media (max-width:480px){.modal-actions{justify-content:center}.modal-actions .button,.modal-actions .danger-btn,.modal-actions .primary-btn,.modal-actions .secondary-btn{width:100%}}.status-badge{border-radius:9999px;font-size:.75rem;padding:.25rem .75rem;text-transform:capitalize}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.failed{background:#fee2e2;color:#991b1b}.subscriptions-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.subscription-card{border:1px solid #e6eaf2;border:1px solid var(--panel-border);border-radius:18px;border-radius:var(--panel-radius);box-shadow:0 6px 24px #27469014;box-shadow:var(--panel-shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s}.subscription-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.subscription-card.active{border-left:4px solid #10b981}.subscription-card.pending{border-left:4px solid #f59e0b}.subscription-card.cancelled{border-left:4px solid #ef4444}.card-header{margin-bottom:1rem}.card-header h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.card-content p{color:#64748b;font-size:.875rem;margin:.5rem 0}.card-content strong{color:#374151}.settings-section{max-width:800px}.settings-card{background:#fff;border:1px solid #e6eaf2;border:1px solid var(--panel-border);border-radius:18px;border-radius:var(--panel-radius);box-shadow:0 6px 24px #27469014;box-shadow:var(--panel-shadow);padding:1.5rem}.settings-card h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.add-admin-form{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;margin-bottom:1.5rem;padding:1rem}.loading-message{color:#64748b;font-size:1.125rem;padding:2rem;text-align:center}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:inline-flex;justify-content:center}.dashboard-container{position:relative}.dashboard-header{align-items:flex-start;border-radius:14px;flex-direction:column;gap:.75rem;padding:2rem}.dashboard-header h1{font-size:1.5rem}.user-info{flex-wrap:wrap;font-size:.8rem;gap:.5rem}.managers-section,.recent-activity,.settings-card,.stat-card,.subscription-card{padding:1rem}.modal-content{max-width:92vw;padding:.875rem}.sidebar{border-bottom:none;border-right:1px solid #e2e8f0;height:100vh;left:0;padding-top:1rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:280px;z-index:1001}.sidebar.open{transform:translateX(0)}.mobile-menu-close{align-items:center;display:inline-flex;justify-content:center}.sidebar-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000059;inset:0;position:fixed;z-index:1000}.nav-item{padding:.75rem 1rem}.main-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.section-header{align-items:stretch}.header-actions,.section-header{flex-direction:column}.search-input{min-width:auto}.form-row,.subscriptions-grid{grid-template-columns:1fr}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.5rem}}.managers-section{background:#fff;border:1px solid #e6eaf2;border:1px solid var(--panel-border);border-radius:18px;border-radius:var(--panel-radius);box-shadow:0 6px 24px #27469014;box-shadow:var(--panel-shadow);margin-bottom:2rem;margin-top:1rem;padding:2rem}.managers-section h2{color:#3b82f6;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.managers-section .data-table{background:#f9fafb;border-collapse:collapse;border-radius:.75rem;margin-top:1rem;overflow:hidden;width:100%}.managers-section .data-table td,.managers-section .data-table th{padding:.75rem 1rem;text-align:left}.managers-section .data-table th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;color:#64748b;font-weight:600}.managers-section .data-table tr{transition:background .15s}.managers-section .data-table tr:hover{background:#e0e7ef}.managers-section button{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.95rem;margin-right:.5rem;padding:.4rem .9rem;transition:background .2s,transform .2s}.managers-section button:hover{background:#2563eb;transform:translateY(-2px)}.managers-section .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;margin-bottom:1rem;padding:.75rem 1rem}.managers-section .loading-message{color:#64748b;font-size:1.1rem;margin-bottom:1rem}.admin-dashboard input#admin-add-email,.admin-dashboard input#admin-add-name,.admin-dashboard input#admin-add-password,.admin-dashboard input#admin-edit-current-password,.admin-dashboard input#admin-edit-email,.admin-dashboard input#admin-edit-name,.admin-dashboard input#admin-edit-new-password,.admin-dashboard input#admin-settings-current-password,.admin-dashboard input#admin-settings-new-password,.admin-dashboard input#am-add-area-name,.admin-dashboard input#am-add-area-region,.admin-dashboard input#am-add-contact,.admin-dashboard input#am-add-email,.admin-dashboard input#am-add-name,.admin-dashboard input#am-add-password,.admin-dashboard input#am-change-password,.admin-dashboard input#am-edit-area-name,.admin-dashboard input#am-edit-area-region,.admin-dashboard input#am-edit-contact,.admin-dashboard input#am-edit-email,.admin-dashboard input#am-edit-name,.admin-dashboard input#sm-add-contact,.admin-dashboard input#sm-add-email,.admin-dashboard input#sm-add-name,.admin-dashboard input#sm-add-password,.admin-dashboard input#sm-add-stores,.admin-dashboard input#sm-change-password,.admin-dashboard input#sm-edit-contact,.admin-dashboard input#sm-edit-email,.admin-dashboard input#sm-edit-name,.admin-dashboard input#sm-edit-stores{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;font-size:.95rem;padding:.65rem .8rem}.admin-dashboard input#admin-add-email:focus,.admin-dashboard input#admin-add-name:focus,.admin-dashboard input#admin-add-password:focus,.admin-dashboard input#admin-edit-current-password:focus,.admin-dashboard input#admin-edit-email:focus,.admin-dashboard input#admin-edit-name:focus,.admin-dashboard input#admin-edit-new-password:focus,.admin-dashboard input#admin-settings-current-password:focus,.admin-dashboard input#admin-settings-new-password:focus,.admin-dashboard input#am-add-area-name:focus,.admin-dashboard input#am-add-area-region:focus,.admin-dashboard input#am-add-contact:focus,.admin-dashboard input#am-add-email:focus,.admin-dashboard input#am-add-name:focus,.admin-dashboard input#am-add-password:focus,.admin-dashboard input#am-change-password:focus,.admin-dashboard input#am-edit-area-name:focus,.admin-dashboard input#am-edit-area-region:focus,.admin-dashboard input#am-edit-contact:focus,.admin-dashboard input#am-edit-email:focus,.admin-dashboard input#am-edit-name:focus,.admin-dashboard input#sm-add-contact:focus,.admin-dashboard input#sm-add-email:focus,.admin-dashboard input#sm-add-name:focus,.admin-dashboard input#sm-add-password:focus,.admin-dashboard input#sm-add-stores:focus,.admin-dashboard input#sm-change-password:focus,.admin-dashboard input#sm-edit-contact:focus,.admin-dashboard input#sm-edit-email:focus,.admin-dashboard input#sm-edit-name:focus,.admin-dashboard input#sm-edit-stores:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626;outline:none}#form-add-admin,#form-add-area-manager,#form-add-store,#form-add-store-manager,#form-admin-change-password,#form-admin-inline-edit,#form-change-am-password,#form-change-sm-password,#form-edit-area-manager,#form-edit-store,#form-edit-store-manager,#form-reset-store-password,#form-reset-store-password-2{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}#form-add-admin .form-row,#form-add-area-manager .form-row,#form-add-store .form-row,#form-add-store-manager .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}#form-edit-area-manager,#form-edit-store,#form-edit-store-manager{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(220px,1fr))}@media (max-width:640px){#form-edit-area-manager,#form-edit-store,#form-edit-store-manager{grid-template-columns:1fr}}#form-edit-area-manager>div>label,#form-edit-store-manager>div>label,#form-edit-store>div>label,[id^=form-] .form-group label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}#form-edit-area-manager input,#form-edit-area-manager select,#form-edit-store input,#form-edit-store select,#form-edit-store-manager input,#form-edit-store-manager select,[id^=form-] input,[id^=form-] select,[id^=form-] textarea{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#111827;font-size:.95rem;outline:none;padding:.6rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}[id^=form-] input:focus,[id^=form-] select:focus,[id^=form-] textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626}[id^=form-] .modal-actions{display:flex;gap:.5rem;justify-content:flex-end}#form-admin-inline-edit{background:#0000;border:none;padding:0}#form-admin-inline-edit input{margin-right:8px}.admin-dashboard .add-form,.admin-dashboard [id^=form-]{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e6eef8;border-radius:14px;box-shadow:0 10px 25px -12px #0220472e,0 6px 16px -12px #0220471f}.admin-dashboard .add-form .form-row,.admin-dashboard [id^=form-] .form-row{gap:14px}.admin-dashboard .add-form .form-group,.admin-dashboard [id^=form-] .form-group{margin-bottom:1rem}.admin-dashboard .add-form input,.admin-dashboard .add-form select,.admin-dashboard .add-form textarea,.admin-dashboard [id^=form-] input,.admin-dashboard [id^=form-] select,.admin-dashboard [id^=form-] textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.admin-dashboard .add-form input::placeholder,.admin-dashboard .add-form textarea::placeholder,.admin-dashboard [id^=form-] input::placeholder,.admin-dashboard [id^=form-] textarea::placeholder{color:#9aa4b2}.admin-dashboard .add-form input:focus,.admin-dashboard .add-form select:focus,.admin-dashboard .add-form textarea:focus,.admin-dashboard [id^=form-] input:focus,.admin-dashboard [id^=form-] select:focus,.admin-dashboard [id^=form-] textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f624}.admin-dashboard .add-form input:hover,.admin-dashboard .add-form select:hover,.admin-dashboard .add-form textarea:hover,.admin-dashboard [id^=form-] input:hover,.admin-dashboard [id^=form-] select:hover,.admin-dashboard [id^=form-] textarea:hover{border-color:#d1d6de}.admin-dashboard .add-form input:disabled,.admin-dashboard .add-form select:disabled,.admin-dashboard .add-form textarea:disabled,.admin-dashboard [id^=form-] input:disabled,.admin-dashboard [id^=form-] select:disabled,.admin-dashboard [id^=form-] textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.admin-dashboard .help-text{color:#64748b;font-size:.8rem;margin-top:.25rem}.admin-dashboard .error-text{color:#b91c1c;font-size:.82rem;margin-top:.25rem}.admin-dashboard .has-error input,.admin-dashboard .has-error select,.admin-dashboard .has-error textarea{border-color:#fda4af;box-shadow:0 0 0 3px #f43f5e1f}.admin-dashboard .add-form h3,.admin-dashboard .modal-content h3,.admin-dashboard [id^=form-] h3{font-weight:700;letter-spacing:-.01em;margin-bottom:1rem;margin-top:.25rem}.admin-dashboard .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.admin-dashboard [id^=form-] .form-actions .button,.admin-dashboard [id^=form-] .form-actions .danger-btn,.admin-dashboard [id^=form-] .form-actions .primary-btn,.admin-dashboard [id^=form-] .form-actions .secondary-btn{height:42px}.admin-dashboard .add-form select,.admin-dashboard [id^=form-] select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%2364778b' d='m5.8 7.5 4.2 4.3 4.2-4.3 1.3 1.3-5.5 5.7-5.5-5.7z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:18px 18px;padding-right:2.2rem}.admin-dashboard .add-form:hover,.admin-dashboard [id^=form-]:hover{box-shadow:0 14px 32px -14px #02204738,0 8px 18px -12px #02204724;transform:translateY(-1px)}.admin-dashboard .section-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:1px;margin:.75rem 0 1rem}.form-container{background:#fff;border:1px solid #0000000d;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:0 auto;max-width:500px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;width:90%}.form-container:before{animation:gradient 8s ease infinite;background:linear-gradient(90deg,#4f46e5,#7c3aed,#a78bfa);background-size:200% auto;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.form-label{color:#1f2937;display:block;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.form-control{border:1.5px solid #e5e7eb;border-radius:.625rem;box-shadow:0 1px 2px 0 #00000008;padding:.7rem .95rem}.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e52e;outline:none}.form-control:hover:not(:focus){border-color:#9ca3af}.form-control.textarea{min-height:100px;resize:vertical}.form-row{margin:0 -.5rem 1rem;position:relative}.form-row:not(:last-child):after{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);content:"";display:block;height:1px;margin:1.5rem 0;width:100%}.form-actions{border-top:1px solid #e5e7eb;gap:.75rem;height:auto;margin-top:0;padding-top:0;width:auto}.input-group{align-items:stretch;display:flex;position:relative}.input-prefix,.input-suffix{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;display:inline-flex;padding:0 .75rem}.input-prefix{border-radius:.625rem 0 0 .625rem;border-right:none}.input-suffix{border-left:none;border-radius:0 .625rem .625rem 0}.input-group .form-control{border-left:none;border-radius:0;border-right:none}.input-group .form-control:first-child{border-left:1.5px solid #e5e7eb;border-radius:.625rem 0 0 .625rem}.input-group .form-control:last-child{border-radius:0 .625rem .625rem 0;border-right:1.5px solid #e5e7eb}.form-helper{color:#6b7280}.form-error-inline,.form-helper{font-size:.8125rem;margin-top:.375rem}.form-error-inline{color:#dc2626}.form-control.is-invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.form-control.is-valid{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.btn{border-radius:.5rem;box-shadow:0 2px 4px 0 #0000000d;height:42px;min-width:110px}.btn:after{background:radial-gradient(circle,#ffffff4d 1%,#0000 0) 50%/15000%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s,background .5s;width:100%}.btn:active:after{background-size:100%;opacity:1;transition:0s}.btn-primary{background-color:#4f46e5;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a;overflow:hidden;position:relative;z-index:1}.btn-primary:before{background-color:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.btn-primary:hover{background-color:#4338ca;box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #4f46e526}.btn-primary:active{transform:translateY(0)}.btn-primary:hover:before{width:100%}.btn-outline{border:2px solid #e5e7eb;box-shadow:0 1px 2px 0 #00000008;color:#4b5563;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;color:#1f2937}.btn-outline:active{transform:translateY(0)}.error-message{margin-bottom:1rem;width:100%}.modal-overlay{animation:fadeIn .2s ease-out forwards;background-color:#0009;height:100vh;margin:0;max-height:100vh;opacity:0;overflow:hidden;padding:0;transition:all .2s ease;width:100vw}.modal-content{-webkit-overflow-scrolling:touch;animation:slideUp .25s ease-out forwards;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 30px 60px -15px #00000040;margin:5vh auto;overscroll-behavior:contain;transform:translateY(20px);transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10000}@keyframes slideUp{to{transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#f8fafc,#fff);padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.5rem;letter-spacing:-.01em}.modal-header h2:after{background:linear-gradient(90deg,#7c3aed,#4f46e5);border-radius:999px;content:"";display:block;height:3px;margin-top:8px;width:96px}.modal-close{border-radius:6px;color:#94a3b8;line-height:1;margin:-.5rem -.5rem -.5rem .5rem;padding:.5rem}.modal-close:hover{background-color:#f1f5f9;color:#64748b}.modal-body form{background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 8px 24px #0000000f;padding:1rem;position:relative}.modal-body form:before{background:linear-gradient(90deg,#7c3aed,#4f46e5);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:-1px}.form-panel{background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 8px 24px #0000000f;padding:1rem;position:relative}.form-panel:before{background:linear-gradient(90deg,#7c3aed,#4f46e5);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:-1px}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-control[readonly],.form-group input:read-only,.form-group input[readonly],.form-group select[readonly],.form-group textarea[readonly]{background-color:#e9f2ff;color:#0f172a}.input-with-icon{position:relative}.input-with-icon .icon-right{color:#64748b;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-footer{background-color:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #f1f5f9;display:flex;gap:.75rem;height:auto;justify-content:flex-end;margin-top:0;padding:0 1.5rem 1.5rem;width:auto}.btn{border:1px solid #0000;border-radius:8px;font-size:.95rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-primary{background-color:#3b82f6}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f1f5f9;border-color:#e2e8f0;color:#334155}.btn-secondary:hover{background-color:#e2e8f0;transform:translateY(-1px)}@media (max-width:480px){.modal-overlay{align-items:flex-start;bottom:0;height:100%;left:0;padding:0;position:fixed;right:0;top:0;width:100%}.modal-content{border-radius:0;height:100%;margin:0;max-height:100vh;max-height:100%;max-width:100%;width:100%}.modal-header{background:#fff;border-radius:0;box-shadow:0 2px 4px #0000001a;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1rem 1rem 80px}.modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000000d;left:0;padding:1rem;position:fixed;right:0;z-index:2}}.modal-header{border-bottom:1px solid #f3f4f6;position:relative}.modal-header:after{animation:gradient 8s ease infinite;background:linear-gradient(90deg,#4f46e5,#7c3aed,#a78bfa);background-size:200% auto;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.close-button{background:#0000;border-radius:50%;height:36px;overflow:hidden;padding:.5rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px;z-index:1}.close-button:before{background-color:#f3f4f6;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .3s ease;width:100%;z-index:-1}.close-button:hover{color:#4f46e5;transform:rotate(90deg)}.close-button:hover:before{transform:scale(1)}.close-button:focus{box-shadow:0 0 0 3px #4f46e533;outline:none}.app-header{position:relative;z-index:900}@media (max-width:640px){.form-container{margin:.5rem;max-width:calc(100% - 1rem);padding:1.5rem 1rem;width:90%}.form-row{flex-direction:column;margin:0 0 1rem;width:100%}.form-col{margin-bottom:1rem;padding:0;width:100%}.form-actions{flex-direction:column;gap:.75rem}.btn{font-size:1rem;height:44px;width:100%}.modal-header{padding:1rem}.modal-body{padding:1.25rem 1rem}.form-control{font-size:1rem;height:44px}.form-label{font-size:.9375rem;margin-bottom:.5rem}}.form-container,.modal-content{background-color:#fff;color:#1f2937}.form-control{border:1px solid #d1d5db;color:#1f2937}.form-control:focus{box-shadow:0 0 0 3px #3b82f633}.form-label{color:#374151}.modal-header{background-color:#f9fafb}.close-button{color:#6b7280}.close-button:hover{background-color:#f3f4f6;color:#1f2937}.btn-outline{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background-color:#f9fafb;border-color:#9ca3af}.modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;overflow-y:auto;overscroll-behavior:contain;padding:5vh 16px;z-index:9999}.modal-content{animation:modalIn .2s ease-out;box-shadow:0 10px 30px #02061740;display:flex;flex-direction:column;margin:0 auto;max-width:560px;position:relative;width:100%}.modal-body{-webkit-overflow-scrolling:touch;padding:20px}.modal-body form{width:100%}.modal-body .modal-grid>*{min-width:0}.modal-header{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#111827}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;margin-left:12px;padding:4px 10px;transition:all .2s ease;width:36px}.modal-close:focus,.modal-close:hover{background-color:#f3f4f6;color:#1f2937;cursor:pointer;line-height:1;outline:none;transition:color .2s ease-in-out}.modal-body{padding:16px 20px 20px}@media (max-width:640px){.modal-overlay{align-items:flex-start;padding:0}.modal-content{border-radius:0;max-height:100vh;width:100%}.modal-header{border-radius:0;position:-webkit-sticky;position:sticky;top:0}.modal-body{padding:16px}}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}.modal-actions{flex-wrap:wrap;padding-top:8px}.button{border:1px solid #0000;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 16px}.button.secondary{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.button.secondary:hover{background:#e2e8f0}.button.primary{background:#2563eb;color:#fff}.button.primary:hover{background:#1d4ed8}@media (max-width:480px){.modal-actions{justify-content:stretch}.modal-actions .button{width:100%}}.user-dashboard{background-color:#f8f9fb;font-family:Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:0}.user-dashboard,.user-dashboard *{box-sizing:border-box}.user-dashboard,body,html{background-color:#f8f9fb}body,html{margin:0;overflow-x:hidden;padding:0}.user-dashboard .dashboard-header{align-items:center;-webkit-backdrop-filter:saturate(150%) blur(6px);backdrop-filter:saturate(150%) blur(6px);background:#ffffffe6!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;box-shadow:0 2px 12px #0000000d!important;-webkit-clip-path:none!important;clip-path:none!important;color:#0f172a!important;display:flex;justify-content:space-between;left:0;margin-bottom:20px!important;-webkit-mask:none!important;mask:none!important;overflow:visible;padding:14px 20px!important;position:-webkit-sticky;position:sticky;right:0;top:0;transition:background .3s,box-shadow .3s;z-index:10000}.user-dashboard .header-menu-btn{background:#fffffffa;border:none;border-radius:10px;box-shadow:0 2px 8px #00000012;color:#1e293b;cursor:pointer;font-size:20px;height:38px;line-height:1;margin-right:12px;width:38px}@media (min-width:901px){.user-dashboard .header-menu-btn{display:none}}.user-dashboard .logo{align-items:center;color:#0f172a;display:flex;font-size:28px;font-weight:700;gap:10px;letter-spacing:1px}.user-dashboard .user-info{align-items:center;color:#133ff1;display:flex;flex-wrap:nowrap;font-size:17px;gap:20px;margin-right:24px;position:relative}.user-dashboard .user-info .welcome-text{font-weight:700}.user-dashboard .change-email-btn,.user-dashboard .logout-btn{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:999px!important;box-shadow:0 2px 8px #0000000f;color:#1d4ed8!important;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 16px!important;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}.user-dashboard .logout-btn{margin-left:12px}.user-dashboard .change-email-btn{margin-left:8px}.user-dashboard .change-email-btn:focus-visible,.user-dashboard .change-email-btn:hover,.user-dashboard .logout-btn:focus-visible,.user-dashboard .logout-btn:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 6px 18px #2563eb2e;color:#fff!important;outline:none}.user-dashboard .change-email-btn:active,.user-dashboard .logout-btn:active{transform:translateY(.5px)}.user-dashboard .mobile-menu-btn{background:#fffffff2;border:none;border-radius:10px;box-shadow:0 2px 8px #00000012;color:#1e293b;cursor:pointer;display:none;font-size:20px;height:36px;line-height:1;width:36px}.user-dashboard .mobile-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 30px #0220472e;min-width:180px;padding:8px;position:absolute;right:0;top:48px;z-index:10000}.user-dashboard .mobile-menu .menu-item{background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;font-size:14px;padding:10px 12px;text-align:left;width:100%}.user-dashboard .mobile-menu .menu-item:hover{background:#f1f5f9}.user-dashboard .mobile-menu .menu-item.danger{color:#b91c1c}@media (max-width:600px){.user-dashboard .dashboard-header{height:64px;padding:0 8px}.user-dashboard .logo{font-size:22px}.user-dashboard .logout-btn{font-size:.95rem;margin-left:8px;margin-right:8px;padding:8px 16px}.user-dashboard .user-info{font-size:15px;margin-right:8px}.user-dashboard .change-email-btn,.user-dashboard .logout-btn,.user-dashboard .mobile-menu-btn,.welcome-text{display:none}}@media (max-width:900px){.user-dashboard .logo{font-size:22px}.user-dashboard .dashboard-header{padding:10px 12px}.user-dashboard .user-info span{font-size:15px;margin-right:8px}.welcome-text{display:none}.user-dashboard .change-email-btn,.user-dashboard .logout-btn,.user-dashboard .user-info{display:none!important}.user-dashboard .dashboard-header{position:-webkit-sticky;position:sticky}.user-dashboard .header-menu-btn{left:12px;margin-right:0;position:absolute;right:auto;top:50%;transform:translateY(-50%);z-index:10002}.user-dashboard .logo{display:block;margin:0 auto;text-align:center}.user-dashboard .mobile-menu-btn{display:none}.user-dashboard .sidebar{display:none!important}.user-dashboard .dashboard-layout{display:block;margin:96px auto 24px;max-width:980px;padding:0 16px;width:100%}}@media (min-width:901px){.user-dashboard .dashboard-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:280px 1fr;margin:96px auto 24px;max-width:1200px;padding:0 16px}.user-dashboard .sidebar{display:flex!important}}@media (max-width:600px){.user-dashboard .sidebar{gap:8px;grid-template-columns:repeat(2,1fr)}.user-dashboard .dashboard-layout{margin-top:44px;padding:0 8px}.user-dashboard .dashboard-main{border-radius:10px;box-shadow:0 1px 8px #0000000d;max-width:100%;padding:10px}.user-dashboard .subscription-card{border-radius:10px}.user-dashboard .sidebar-header{display:flex;margin-bottom:4px}.user-dashboard h2{margin-top:2px}.user-dashboard .dashboard-header .mobile-menu-btn{display:none!important}}@media (max-width:380px){.user-dashboard .sidebar{grid-template-columns:1fr}}.user-dashboard .dashboard-main{background:#f8f9fb;border-radius:16px;box-shadow:0 2px 16px #00000008;margin:0 auto;max-width:980px;padding:24px 20px 16px;position:relative;width:100%}.user-dashboard .sidebar{align-self:start;display:flex;flex-direction:column;gap:12px;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:96px}.user-dashboard .sidebar-header,.user-dashboard .sidebar-menu-btn{display:none!important}.user-dashboard .sidebar-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 16px 40px #0f172a24;max-width:calc(100vw - 24px);padding:10px;position:absolute;right:0;top:44px;width:280px;z-index:10002}.user-dashboard .sidebar-drawer-overlay{background:#0f172a73;inset:0;position:fixed;z-index:12000}.user-dashboard .sidebar-drawer{animation:slideIn .2s ease-out;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-18px 0 40px #02204729;display:flex;flex-direction:column;height:100vh;max-width:92vw;padding:16px 14px;position:fixed;right:0;top:0;width:340px;z-index:12001}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.user-dashboard .drawer-header{display:flex;flex-direction:column;gap:4px}.user-dashboard .drawer-title{color:#0f172a;font-size:18px;font-weight:800}.user-dashboard .drawer-subtitle{color:#64748b;font-size:13px}.user-dashboard .menu-section-title{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.06em;margin:4px 6px 10px;text-transform:uppercase}.user-dashboard .menu-divider{background:#e2e8f0;height:1px;margin:10px 0}.user-dashboard .menu-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:700;height:40px;justify-content:center;margin-top:8px;width:100%}.user-dashboard .menu-item.danger{background:#ef4444;border-color:#ef4444;color:#fff}@media (max-width:600px){.user-dashboard .sidebar-drawer{max-width:88vw;padding:14px 12px;width:88vw}}.user-dashboard .sidebar-menu .menu-item{background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;font-size:14px;padding:10px 12px;text-align:left;width:100%}.user-dashboard .sidebar-menu .menu-item:hover{background:#f1f5f9}.user-dashboard .sidebar-menu .menu-item.danger{color:#b91c1c}.user-dashboard .kpi-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.user-dashboard .kpi-card{background:#fff;border:1px solid #e6eef8;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:12px}.user-dashboard .kpi-title{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.user-dashboard .kpi-value{color:#0f172a;font-size:22px;font-weight:800}.user-dashboard .kpi-card.warning .kpi-value{color:#92400e}.user-dashboard .kpi-card.info .kpi-value{color:#1d4ed8}.user-dashboard .drawer-kpis{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media (max-width:420px){.user-dashboard .drawer-kpis{grid-template-columns:1fr}}h2{color:#1d4ed8;font-size:28px;font-weight:700;margin-bottom:4px}.subtitle{color:#666;font-size:16px;margin-bottom:20px}.subscription-card{border-radius:12px;box-shadow:0 2px 10px #0000000a;margin-bottom:20px;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-header h3{font-size:20px;margin:0}.card-body p{font-size:16px;margin:8px 0}.badge{background-color:#e5e7eb;border-radius:8px;color:#374151;font-size:12px;padding:4px 8px}.badge.status.active{background-color:#dcfce7;color:#166534}.badge.status.pending{background-color:#fef3c7;color:#92400e}.badge.status.inactive{background-color:#f3f4f6;color:#6b7280}.badge.status.cancelled{background-color:#fee2e2;color:#991b1b}.badge.payment.completed{background-color:#dcfce7;color:#166534}.badge.payment.pending{background-color:#fef3c7;color:#92400e}.badge.payment.failed{background-color:#fee2e2;color:#991b1b}.badge.payment.inactive{background-color:#f3f4f6;color:#6b7280}.negative{color:#dc2626;font-weight:700}.positive{color:#16a34a;font-weight:700}.activate-payment-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:background-color .2s}.activate-payment-btn:hover{background-color:#1d4ed8}.modal-overlay{z-index:13000}.modal-content{border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:24px}.modal-content h3{color:#1f2937;font-size:20px;margin:0 0 20px}.modal-content .form-group{margin-bottom:20px}.modal-content label{color:#4b5563;display:block;font-weight:500;margin-bottom:8px}.modal-content input{border:1px solid #d1d5db;border-radius:6px;font-size:16px;padding:8px 12px;width:100%}.modal-content input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.modal-actions .submit-btn{background-color:#2563eb;border:none;color:#fff}.modal-actions .submit-btn:hover{background-color:#1d4ed8}.modal-actions .cancel-btn{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.modal-actions .cancel-btn:hover{background-color:#f3f4f6}.error-message{background-color:#fee2e2;border-radius:6px;padding:12px}.user-dashboard .dashboard-main,.user-dashboard .modal-content,.user-dashboard .subscription-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e6eef8;border-radius:14px;box-shadow:0 10px 25px -12px #0220472e,0 6px 16px -12px #0220471f}.user-dashboard .form-group,.user-dashboard .modal-content .form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.user-dashboard .form-group label,.user-dashboard .modal-content label{color:#1f2937;font-weight:600}.user-dashboard .form-group input,.user-dashboard .form-group select,.user-dashboard .form-group textarea,.user-dashboard .modal-content input,.user-dashboard .modal-content select,.user-dashboard .modal-content textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.user-dashboard .form-group input::placeholder,.user-dashboard .form-group textarea::placeholder,.user-dashboard .modal-content input::placeholder,.user-dashboard .modal-content textarea::placeholder{color:#9aa4b2}.user-dashboard .form-group input:focus,.user-dashboard .form-group select:focus,.user-dashboard .form-group textarea:focus,.user-dashboard .modal-content input:focus,.user-dashboard .modal-content select:focus,.user-dashboard .modal-content textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f624;outline:none}.user-dashboard .form-group input:hover,.user-dashboard .form-group select:hover,.user-dashboard .form-group textarea:hover,.user-dashboard .modal-content input:hover,.user-dashboard .modal-content select:hover,.user-dashboard .modal-content textarea:hover{border-color:#d1d6de}.user-dashboard .form-group input:disabled,.user-dashboard .form-group select:disabled,.user-dashboard .form-group textarea:disabled,.user-dashboard .modal-content input:disabled,.user-dashboard .modal-content select:disabled,.user-dashboard .modal-content textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.user-dashboard .form-actions,.user-dashboard .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.user-dashboard .modal-content h3,.user-dashboard h3{font-weight:700;letter-spacing:-.01em;margin-bottom:1rem;margin-top:.25rem}.user-dashboard .form-group select,.user-dashboard .modal-content select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%2364778b' d='m5.8 7.5 4.2 4.3 4.2-4.3 1.3 1.3-5.5 5.7-5.5-5.7z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:18px 18px;padding-right:2.2rem}.user-dashboard .dashboard-main:hover,.user-dashboard .modal-content:hover,.user-dashboard .subscription-card:hover{box-shadow:0 14px 32px -14px #02204738,0 8px 18px -12px #02204724;transform:translateY(-1px)}@media (max-width:600px){.user-dashboard .dashboard-layout{margin:72px 0 8px;padding:0 10px}.user-dashboard .dashboard-main{padding:16px 12px}}.subscription-form-modal{box-sizing:border-box;overflow:auto;padding:1rem}.subscription-form-content{border-radius:.75rem;margin:0 auto;width:100%}.modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9}.modal-header h2{color:#1e293b}.close-button{border-radius:.375rem;box-sizing:border-box;color:#64748b;height:2rem;line-height:1;transition:all .2s ease;width:2rem}.close-button:hover{background:#f1f5f9;color:#475569}.subscription-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{box-sizing:border-box}.form-group label{color:#334155}.form-readonly{align-items:center;background-color:#f8fafc;box-sizing:border-box;color:#334155;display:flex;margin:0;min-height:42px}.form-control,.form-readonly{border:1px solid #e2e8f0;border-radius:.5rem;padding:.625rem 1rem}.form-control{color:#1e293b;height:42px;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23646e7a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}input[type=number].form-control{-webkit-appearance:textfield;appearance:textfield}.error-message{background-color:#fef2f2;border-left:3px solid #dc2626;border-radius:.5rem;color:#dc2626}.form-buttons{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.cancel-button,.submit-button{align-items:center;border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;height:42px;justify-content:center;min-width:100px;padding:.625rem 1.25rem;text-align:center;transition:all .2s ease}.cancel-button{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 #0000000d;color:#475569}.cancel-button:hover{background-color:#f8fafc;border-color:#cbd5e1}.submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 1px 2px 0 #3b82f633;color:#fff}.submit-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px -1px #3b82f633,0 2px 4px -1px #3b82f61a;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.form-row{width:calc(100% + 1rem)}.form-col{margin-bottom:1rem}@media (max-width:480px){.subscription-form-content{margin:.5rem;max-height:95vh;width:calc(100% - 1rem)}.form-buttons{flex-direction:column;gap:.75rem}.cancel-button,.submit-button{width:100%}.form-col{flex:0 0 100%;max-width:100%}}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#6b7280;--text-color:#1f2937;--success-color:#10b981;--error-color:#ef4444;--background-color:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d}.store-dashboard{background-color:#f3f4f6;background-color:var(--background-color);font-family:Inter,system-ui,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.tabs{border-bottom:2px solid #ddd;display:flex;gap:1rem;margin-bottom:2rem}.tab{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:all .3s ease}.tab:hover{color:#333}.tab.active{border-bottom:2px solid #2ecc71;color:#2ecc71}.subscriptions-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:10px}.subscription-item{background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);padding:15px;transition:transform .2s ease-in-out}.subscription-item:hover{transform:translateY(-2px)}.subscription-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px}.subscription-header h3{color:#1f2937;color:var(--text-color);font-size:1.1rem;margin:0 0 10px}.subscription-details{border-top:1px solid #eee;color:#6b7280;color:var(--secondary-color);padding-top:10px;text-align:right}.subscription-details p{font-size:.9rem;margin:5px 0}.subscription-details .status{color:#4f46e5;color:var(--primary-color);font-weight:500}.action-btn{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin-top:10px;padding:6px 12px;transition:background-color .2s ease}.action-btn:hover{background-color:#27ae60}.action-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.add-button{background:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .3s ease}.add-button:hover{background:#27ae60}.store-dashboard header{align-items:center;border-bottom:2px solid #6b7280;border-bottom:2px solid var(--secondary-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 0}.store-dashboard header h1{color:#1f2937;color:var(--text-color);font-size:2rem;font-weight:700;letter-spacing:-.025em}.store-dashboard header .user-info{color:#000}.store-dashboard header button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:1rem;padding:.5rem 1rem;transition:background-color .2s}.store-dashboard header button:hover{background-color:#c0392b}.customers-header,.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.customers-header h2,.products-header h2{color:#333;margin:0}.add-customer-button,.add-product-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.add-customer-button:hover,.add-product-button:hover{background-color:#218838}.error{background-color:#f8d7da;border-radius:4px;margin-bottom:1rem;padding:1rem}.customer-list,.product-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.customer-card,.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;transition:transform .2s ease}.customer-card:hover,.product-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.product-card h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.product-card .price{color:#2c5282;font-size:1.1rem;font-weight:700;margin:.5rem 0}.product-card .stock{color:#4a5568;margin:.5rem 0}.product-card .description{color:#718096;font-size:.9rem;margin:.5rem 0}.customer-card .address,.customer-card .contact,.customer-card .email{color:#666;margin:.5rem 0}.customer-card .address{font-size:.9rem;line-height:1.4}.store-dashboard .items-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1.5rem}.store-dashboard .item{background:#fff;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease}.store-dashboard .item:hover{border-color:#fff3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.store-dashboard .item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.store-dashboard .item-header h3{color:#1f2937;color:var(--text-color);font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.store-dashboard .item-header .contact,.store-dashboard .item-header .price{align-items:center;background:#10b9811a;border-radius:.5rem;color:#10b981;color:var(--success-color);display:inline-flex;font-size:1.125rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.store-dashboard .item-details{color:#6b7280;color:var(--secondary-color);margin-bottom:2rem}.store-dashboard .item-details p{font-size:.95rem;line-height:1.5;margin:.75rem 0}.store-dashboard .content{background:#fff;background:var(--card-bg);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);padding:2rem}.store-dashboard .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.store-dashboard .header h2{color:#1f2937;color:var(--text-color);font-size:1.75rem;font-weight:600;letter-spacing:-.025em}.store-dashboard .actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.store-dashboard .action-button{align-items:center;background:#4f46e5;background:var(--primary-color);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.store-dashboard .action-button:hover{background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.store-dashboard .action-button:disabled{background:#6b7280;background:var(--secondary-color);cursor:not-allowed;opacity:.7}.store-dashboard .action-button svg{height:1rem;width:1rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-header{margin-bottom:1.5rem}.modal-header h3{color:#333;margin:0}.modal-header button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem}.modal-header button:hover{color:#333}.customer-form{display:flex;flex-direction:column;gap:1rem}.store-dashboard .form-group{gap:.5rem}.store-dashboard .form-group label{color:#333}.store-dashboard .form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}.store-dashboard .form-group input:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74533}.store-dashboard .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.store-dashboard .form-actions button{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.store-dashboard .form-actions button[type=button]{background-color:#6c757d;color:#fff}.store-dashboard .form-actions button[type=button]:hover{background-color:#5a6268}.store-dashboard .form-actions button[type=submit]{background-color:#28a745;color:#fff}.store-dashboard .form-actions button[type=submit]:hover{background-color:#218838}.user-info{align-items:center;display:flex;gap:20px}.logout-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.logout-btn:hover{background-color:#c0392b}.dashboard-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.dashboard-content h2{color:#2c3e50;margin:0 0 10px}.subtitle{color:#7f8c8d;margin-bottom:30px}.action-buttons{display:flex;gap:15px;margin-bottom:30px}.action-buttons button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.action-buttons button.active{background-color:#3498db;color:#fff}.action-buttons button:not(.active){background-color:#f8f9fa;color:#2c3e50}.action-buttons button:hover:not(.active){background-color:#e9ecef}.add-btn{background-color:#2ecc71!important;color:#fff!important}.add-btn:hover{background-color:#27ae60!important}.create-btn{background-color:#3498db!important;color:#fff!important}.create-btn:hover{background-color:#2980b9!important}.error-message{color:#e74c3c;margin-bottom:20px}.products-section{margin-top:20px}.search-bar{margin-bottom:20px}.search-bar input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.product-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.product-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.product-header h3{color:#1e293b;font-size:1.1rem;margin:0}.store-dashboard .price{color:#2563eb;font-size:1.1rem;font-weight:600}.product-details{color:#64748b;font-size:.9rem}.product-details p{margin:.25rem 0}.product-details strong{color:#475569;margin-right:.5rem}.product-card .product-status{background-color:#e2e8f0;border-radius:4px;color:#4a5568;display:inline-block;font-size:.8rem;margin:.5rem 0;padding:.25rem .5rem}.product-card .product-dates{color:#718096;font-size:.8rem;margin-top:.5rem}.product-card .product-dates p{margin:.25rem 0}.product-card .category{color:#666;font-size:.9rem;font-style:italic;margin:.5rem 0}.product-status{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:.9rem;margin-top:1rem;padding:.5rem}.product-card .sku{color:#95a5a6;font-size:.9em;margin:5px 0}.product-actions{display:flex;gap:10px;margin-top:15px}.delete-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.delete-btn:hover{background-color:#c0392b}.store-dashboard .form-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:30px}.form-section h3{color:#2c3e50;margin:0 0 20px}.store-dashboard .form-group{margin-bottom:20px}.store-dashboard .form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:8px}.store-dashboard .form-group label:after,.store-dashboard .form-group label:not([for*=address]):after{color:#e74c3c;content:" *"}.store-dashboard .form-group input,.store-dashboard .form-group select,.store-dashboard .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.store-dashboard .form-group input{width:95%}.store-dashboard .form-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.store-dashboard .form-group textarea{min-height:100px;resize:vertical}.store-dashboard .submit-btn{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px}.store-dashboard .submit-btn:hover{background-color:#27ae60}.customers-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.customers-table-container{margin-top:20px;overflow-x:auto}.customers-table{border-collapse:collapse;margin-top:10px;width:100%}.customers-table td,.customers-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.customers-table th{color:#2c3e50;font-weight:600}.customers-table th,.customers-table tr:hover{background-color:#f8f9fa}.status-badge{border-radius:4px;font-size:.9em;font-weight:500;padding:4px 8px}.status-badge.active{background-color:#2ecc71;color:#fff}.status-badge.inactive{background-color:#95a5a6;color:#fff}.status-badge.payment{color:#fff}.status-badge.payment.paid{background-color:#16a34a}.status-badge.payment.partial{background-color:#a16207}.status-badge.payment.issued{background-color:#2563eb}.status-badge.payment.unpaid{background-color:#6b7280}.status-badge.payment.failed{background-color:#dc2626}.status-badge.payment.cancelled{background-color:#9ca3af;color:#111827}.status-badge.payment.unknown{background-color:#94a3b8}.store-dashboard .action-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:6px 12px}.store-dashboard .action-btn:hover{background-color:#2980b9}.no-data{color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.store-dashboard .search-bar input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.address-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.address-fields input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.address-fields input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.store-dashboard select#sd-subscribe-interval,.store-dashboard select#sd-subscribe-product,.store-dashboard textarea#sd-subscribe-address{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:15px;padding:10px 12px}.store-dashboard select#sd-subscribe-interval:focus,.store-dashboard select#sd-subscribe-product:focus,.store-dashboard textarea#sd-subscribe-address:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626;outline:none}.store-dashboard input#sd-edit-sub-price,.store-dashboard input#sd-edit-sub-quantity,.store-dashboard select#sd-edit-sub-product{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:15px;padding:10px 12px}.store-dashboard input#sd-edit-sub-price:focus,.store-dashboard input#sd-edit-sub-quantity:focus,.store-dashboard select#sd-edit-sub-product:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626;outline:none}.store-dashboard input#sd-edit-product-price,.store-dashboard input#sd-edit-product-quantity{border:1px solid #d1d5db;border-radius:8px;font-size:15px;padding:10px 12px}.store-dashboard input#sd-edit-product-price:focus,.store-dashboard input#sd-edit-product-quantity:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626;outline:none}.store-dashboard .content,.store-dashboard .dashboard-content,.store-dashboard .form-section,.store-dashboard .modal-content{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e6eef8;border-radius:14px;box-shadow:0 10px 25px -12px #0220472e,0 6px 16px -12px #0220471f}.store-dashboard .form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.store-dashboard .form-group label{color:#1f2937;font-weight:600}.store-dashboard .form-group input,.store-dashboard .form-group select,.store-dashboard .form-group textarea,.store-dashboard .modal-content input,.store-dashboard .modal-content select,.store-dashboard .modal-content textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.store-dashboard .form-group input::placeholder,.store-dashboard .form-group textarea::placeholder,.store-dashboard .modal-content input::placeholder,.store-dashboard .modal-content textarea::placeholder{color:#9aa4b2}.store-dashboard .form-group input:focus,.store-dashboard .form-group select:focus,.store-dashboard .form-group textarea:focus,.store-dashboard .modal-content input:focus,.store-dashboard .modal-content select:focus,.store-dashboard .modal-content textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f624;outline:none}.store-dashboard .form-group input:hover,.store-dashboard .form-group select:hover,.store-dashboard .form-group textarea:hover,.store-dashboard .modal-content input:hover,.store-dashboard .modal-content select:hover,.store-dashboard .modal-content textarea:hover{border-color:#d1d6de}.store-dashboard .form-group input:disabled,.store-dashboard .form-group select:disabled,.store-dashboard .form-group textarea:disabled,.store-dashboard .modal-content input:disabled,.store-dashboard .modal-content select:disabled,.store-dashboard .modal-content textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.store-dashboard .help-text{color:#64748b;font-size:.8rem;margin-top:.25rem}.store-dashboard .error-text{color:#b91c1c;font-size:.82rem;margin-top:.25rem}.store-dashboard .has-error input,.store-dashboard .has-error select,.store-dashboard .has-error textarea{border-color:#fda4af;box-shadow:0 0 0 3px #f43f5e1f}.store-dashboard h3{font-weight:700;letter-spacing:-.01em;margin-bottom:1rem;margin-top:.25rem}.store-dashboard .form-actions,.store-dashboard .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.store-dashboard .form-actions .submit-btn,.store-dashboard .form-actions button{height:42px}.store-dashboard .form-group select,.store-dashboard .modal-content select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%2364778b' d='m5.8 7.5 4.2 4.3 4.2-4.3 1.3 1.3-5.5 5.7-5.5-5.7z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:18px 18px;padding-right:2.2rem}.store-dashboard .content:hover,.store-dashboard .dashboard-content:hover,.store-dashboard .form-section:hover{box-shadow:0 14px 32px -14px #02204738,0 8px 18px -12px #02204724;transform:translateY(-1px)}:root{--primary:#2563eb;--primary-dark:#1e40af;--accent:#38bdf8}.store-manager-dashboard,body{background:linear-gradient(120deg,#e0e7ff,#f3f6fa);min-height:100vh}.store-manager-dashboard{margin:0 auto;max-width:1400px;padding:2.5rem 1rem 2rem}.dashboard-header{background:#2563eb;box-shadow:0 6px 24px #2563eb14;padding:2.5rem 2rem 2rem}.dashboard-header:after{background:#38bdf8;opacity:.15}.header-content{gap:2rem;justify-content:space-between}.header-title{flex:1 1}.dashboard-header h1{font-size:2.7rem}.manager-info h2{color:#e0e7ff;font-size:1.3rem;font-weight:400;margin-bottom:.2rem}.logout-button{background:#fff;border:none;box-shadow:0 2px 8px #1e40af14;color:#1e40af;color:var(--primary-dark);font-size:1rem;font-weight:700;margin-left:2rem;margin-top:.2rem;padding:.7rem 2rem}.logout-button:hover{background:#1e40af;background:var(--primary-dark);box-shadow:0 4px 16px #1e40af26}.stats-overview{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2.5rem}.stats-card{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 12px #2563eb12;padding:2rem 1.5rem 1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.stats-card:hover{box-shadow:0 8px 24px #2563eb21;transform:translateY(-4px) scale(1.03)}.stats-card h3{color:#6b7280;color:var(--text-muted);margin-bottom:.7rem}.stats-card p{font-size:2.2rem;letter-spacing:-1px;line-height:1.1}.stats-card p,.stores-section h2{color:#1e40af;color:var(--primary-dark);font-weight:700}.stores-section h2{font-size:1.6rem}.stores-section h2:after{background:#38bdf8;background:var(--accent)}.stores-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.store-card{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 12px #2563eb12;padding:1.5rem 1.5rem 1.2rem;position:relative;transition:transform .2s,box-shadow .2s}.store-card:hover{box-shadow:0 8px 24px #2563eb21;transform:translateY(-4px) scale(1.02)}.store-card h3{color:#1e40af;color:var(--primary-dark);font-size:1.25rem;font-weight:700;margin-bottom:.7rem}.store-location{color:#6b7280;color:var(--text-muted);font-size:1rem;margin-bottom:1.1rem}.store-metrics{background:#f3f6fa;background:var(--bg);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric{border:1px solid #e5e7eb;border:1px solid var(--border);box-shadow:0 1px 4px #2563eb0a;padding:.7rem .5rem}.metric label{color:#6b7280;color:var(--text-muted);font-size:.95rem;margin-bottom:.3rem}.metric span{color:#1e40af;color:var(--primary-dark);font-size:1.25rem;font-weight:700;margin-bottom:.3rem}.metric small{color:#38bdf8;color:var(--accent);font-size:.85rem;font-weight:600}.loading{color:#6b7280;color:var(--text-muted);padding:4rem 1rem}.error,.loading{border-radius:16px;box-shadow:0 4px 16px #2563eb12}.error{padding:2rem 1rem}@media (max-width:900px){.header-content{align-items:stretch;flex-direction:column;gap:1.2rem}.logout-button{align-self:flex-end;margin-left:0;margin-top:.5rem;max-width:220px;width:100%}.dashboard-header{padding:2rem 1rem 1.5rem}.dashboard-header h1{font-size:2rem}.stats-overview,.stores-grid{gap:1.2rem}}@media (max-width:600px){.dashboard-header{padding:1.2rem .5rem 1rem}.logout-button{font-size:.9rem;padding:.6rem 1rem;right:.5rem;top:.5rem}.dashboard-header h1{font-size:1.3rem}.stats-overview,.stores-grid{gap:.7rem;grid-template-columns:1fr}}.store-manager-dashboard .form-section,.store-manager-dashboard .manager-card,.store-manager-dashboard .metric,.store-manager-dashboard .modal-content,.store-manager-dashboard .store-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e6eef8;border-radius:14px;box-shadow:0 10px 25px -12px #0220472e,0 6px 16px -12px #0220471f}.store-manager-dashboard .form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.store-manager-dashboard .form-group label{color:#1f2937;font-weight:600}.store-manager-dashboard .form-group input,.store-manager-dashboard .form-group select,.store-manager-dashboard .form-group textarea,.store-manager-dashboard .modal-content input,.store-manager-dashboard .modal-content select,.store-manager-dashboard .modal-content textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.store-manager-dashboard .form-group input::placeholder,.store-manager-dashboard .form-group textarea::placeholder,.store-manager-dashboard .modal-content input::placeholder,.store-manager-dashboard .modal-content textarea::placeholder{color:#9aa4b2}.store-manager-dashboard .form-group input:focus,.store-manager-dashboard .form-group select:focus,.store-manager-dashboard .form-group textarea:focus,.store-manager-dashboard .modal-content input:focus,.store-manager-dashboard .modal-content select:focus,.store-manager-dashboard .modal-content textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f624;outline:none}.store-manager-dashboard .form-group input:hover,.store-manager-dashboard .form-group select:hover,.store-manager-dashboard .form-group textarea:hover,.store-manager-dashboard .modal-content input:hover,.store-manager-dashboard .modal-content select:hover,.store-manager-dashboard .modal-content textarea:hover{border-color:#d1d6de}.store-manager-dashboard .form-group input:disabled,.store-manager-dashboard .form-group select:disabled,.store-manager-dashboard .form-group textarea:disabled,.store-manager-dashboard .modal-content input:disabled,.store-manager-dashboard .modal-content select:disabled,.store-manager-dashboard .modal-content textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.store-manager-dashboard .form-actions,.store-manager-dashboard .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.store-manager-dashboard h3{font-weight:700;letter-spacing:-.01em;margin-bottom:1rem;margin-top:.25rem}.store-manager-dashboard .form-group select,.store-manager-dashboard .modal-content select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%2364778b' d='m5.8 7.5 4.2 4.3 4.2-4.3 1.3 1.3-5.5 5.7-5.5-5.7z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:18px 18px;padding-right:2.2rem}.store-manager-dashboard .manager-card:hover,.store-manager-dashboard .metric:hover,.store-manager-dashboard .store-card:hover{box-shadow:0 14px 32px -14px #02204738,0 8px 18px -12px #02204724;transform:translateY(-1px)}:root{--primary:#274690;--primary-dark:#1b2e59;--accent:#6c8cd5;--bg:#f3f6fa;--card-bg:#fff;--text-main:#222;--text-muted:#6b7280;--border:#e5e7eb}.area-manager-dashboard{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header{background:#274690;background:var(--primary);border-radius:18px;box-shadow:0 6px 24px #27469014;color:#fff;margin-bottom:2.5rem;overflow:hidden;padding:2.2rem 1.5rem 2.5rem;position:relative;z-index:1}.dashboard-header:after{background:#6c8cd5;background:var(--accent);border-radius:50%;content:"";height:180px;opacity:.1;position:absolute;right:-60px;top:-60px;width:180px;z-index:0}.dashboard-topbar{align-items:center;display:flex;justify-content:flex-end;margin-bottom:1.2rem;width:100%}.logout-button{background:#dc3545;border:1px solid #ffffff59;border-radius:999px;box-shadow:0 2px 8px #dc35451a;color:#fff;cursor:pointer;display:inline-block;flex:0 0 auto;font-size:.95rem;font-weight:800;letter-spacing:.5px;margin:0;padding:.6rem 1.4rem;position:static;text-transform:uppercase;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap;z-index:2}.logout-button:hover{background:#b52a37;box-shadow:0 4px 16px #27469026;color:#fff}.header-content{gap:.5rem;position:relative;z-index:1}.header-content,.header-title{align-items:flex-start;display:flex;flex-direction:column}.header-title{flex:1 1 60%;min-width:0;width:100%}.header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.8rem;width:100%}.dashboard-header h1{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:.7rem;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.manager-info{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;padding:1rem 1.1rem}.manager-info h2{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.3px;margin-bottom:.35rem}.manager-info p{color:#eef2ff;font-size:1rem;font-weight:500;margin-bottom:0}.stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stats-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{box-shadow:0 8px 12px #0000001a;transform:translateY(-5px)}.stats-card h3{color:#6c757d;font-size:1.1rem;font-weight:500;margin-bottom:.75rem}.stats-card p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a237e,#3949ab);background-clip:text;-webkit-background-clip:text;color:#1a237e;font-size:2rem;font-weight:600;line-height:1.2;margin:0}.store-managers-section{margin-bottom:2rem;margin-top:2rem}.store-managers-section h2{color:#1a237e;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.store-managers-section h2:after{background:linear-gradient(135deg,#1a237e,#3949ab);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.managers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.manager-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.manager-card:hover{box-shadow:0 8px 12px #0000001a;transform:translateY(-5px)}.manager-card h3{color:#1a237e;font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.manager-card p{align-items:center;color:#6c757d;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.5rem}.manager-card p:nth-child(2):before{content:"📧"}.manager-card p:nth-child(3):before{content:"📱"}.manager-card p:nth-child(4):before{content:"🏪"}.stores-section{margin-top:2rem}.stores-section h2{color:#1a237e;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.stores-section h2:after{background:linear-gradient(135deg,#1a237e,#3949ab);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.stores-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.store-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.store-card:hover{box-shadow:0 8px 12px #0000001a;transform:translateY(-5px)}.store-card h3{color:#1a237e;font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.store-location{align-items:center;color:#6c757d;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1.25rem}.store-location:before{content:"📍"}.store-metrics{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem}.metric{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:.75rem;text-align:center}.metric label{color:#6c757d;font-size:.9rem;font-weight:500}.metric label,.metric span{display:block;margin-bottom:.4rem}.metric span{color:#1a237e;font-size:1.2rem;font-weight:600}.metric small{color:#3949ab;display:block;font-size:.8rem;font-weight:500}.loading{color:#6c757d;font-size:1.2rem;padding:4rem}.error,.loading{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:2rem auto;max-width:400px;text-align:center}.error{border:1px solid #dc35451a;color:#dc3545;padding:2rem}@media (max-width:768px){.area-manager-dashboard{padding:1rem}.dashboard-header{padding:1.5rem}.dashboard-header h1{font-size:2rem}.stats-overview{grid-template-columns:repeat(2,1fr)}.managers-grid,.stores-grid{grid-template-columns:1fr}}@media (max-width:900px){.dashboard-header{padding:1.5rem .7rem 2rem}.dashboard-header h1{font-size:1.5rem}.logout-button{font-size:.95rem;padding:.7rem 1.2rem;right:1rem;top:1rem}}@media (max-width:600px){.header-row{align-items:flex-start;flex-direction:column;gap:.75rem}.logout-button{align-self:flex-end}.dashboard-header h1{font-size:1.6rem}}.stores-list-section{margin:2.5rem 0 2rem}.stores-list-section h2{color:#1b2e59;color:var(--primary-dark);font-size:1.35rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.2rem}.stores-list-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.store-list-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #2746900f;padding:1.1rem 1.2rem 1rem;text-align:left;transition:box-shadow .2s,transform .2s}.store-list-card:hover{box-shadow:0 6px 18px #27469021;transform:translateY(-2px) scale(1.02)}.store-list-card h3{color:#1b2e59;color:var(--primary-dark);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.store-list-card .store-location{color:#4b5563;font-size:.98rem;margin-bottom:0}.badge{display:inline-block;font-size:.75rem;padding:.2rem .5rem;vertical-align:middle}.badge-soft{background:#27469014;border:1px solid #2746901f;color:#1b2e59}.badge-invert{background:#fff3;border:1px solid #ffffff59;color:#fff}.manager-info .badge+.badge{margin-left:.35rem}.area-manager-dashboard .form-section,.area-manager-dashboard .manager-card,.area-manager-dashboard .metric,.area-manager-dashboard .modal-content,.area-manager-dashboard .store-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e6eef8;border-radius:14px;box-shadow:0 10px 25px -12px #0220472e,0 6px 16px -12px #0220471f}.area-manager-dashboard .form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.area-manager-dashboard .form-group label{color:#1f2937;font-weight:600}.area-manager-dashboard .form-group input,.area-manager-dashboard .form-group select,.area-manager-dashboard .form-group textarea,.area-manager-dashboard .modal-content input,.area-manager-dashboard .modal-content select,.area-manager-dashboard .modal-content textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.area-manager-dashboard .form-group input::placeholder,.area-manager-dashboard .form-group textarea::placeholder,.area-manager-dashboard .modal-content input::placeholder,.area-manager-dashboard .modal-content textarea::placeholder{color:#9aa4b2}.area-manager-dashboard .form-group input:focus,.area-manager-dashboard .form-group select:focus,.area-manager-dashboard .form-group textarea:focus,.area-manager-dashboard .modal-content input:focus,.area-manager-dashboard .modal-content select:focus,.area-manager-dashboard .modal-content textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f624;outline:none}.area-manager-dashboard .form-group input:hover,.area-manager-dashboard .form-group select:hover,.area-manager-dashboard .form-group textarea:hover,.area-manager-dashboard .modal-content input:hover,.area-manager-dashboard .modal-content select:hover,.area-manager-dashboard .modal-content textarea:hover{border-color:#d1d6de}.area-manager-dashboard .form-group input:disabled,.area-manager-dashboard .form-group select:disabled,.area-manager-dashboard .form-group textarea:disabled,.area-manager-dashboard .modal-content input:disabled,.area-manager-dashboard .modal-content select:disabled,.area-manager-dashboard .modal-content textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.area-manager-dashboard .form-actions,.area-manager-dashboard .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.area-manager-dashboard h3{font-weight:700;letter-spacing:-.01em;margin-bottom:1rem;margin-top:.25rem}.area-manager-dashboard .form-group select,.area-manager-dashboard .modal-content select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%2364778b' d='m5.8 7.5 4.2 4.3 4.2-4.3 1.3 1.3-5.5 5.7-5.5-5.7z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:18px 18px;padding-right:2.2rem}.area-manager-dashboard .manager-card:hover,.area-manager-dashboard .metric:hover,.area-manager-dashboard .store-card:hover{box-shadow:0 14px 32px -14px #02204738,0 8px 18px -12px #02204724;transform:translateY(-1px)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subscription-form-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.subscription-form-content{animation:modalIn .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #fff3;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;transform:translateZ(0);width:calc(100% - 2rem);will-change:transform}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:.25rem;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.25rem;transition:all .2s}.close-button:hover{background-color:#f7fafc;color:#4a5568}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-body,.subscription-form{box-sizing:border-box;width:100%}.subscription-form{max-width:100%}:root{--primary-color:#4299e1;--primary-hover:#3182ce;--border-color:#e2e8f0;--text-color:#2d3748;--text-muted:#718096;--error-color:#e53e3e;--error-bg:#fff5f5;--success-color:#38a169;--success-bg:#f0fff4;--border-radius:0.375rem;--transition:all 0.2s ease-in-out;--login-bg-position:center;--login-bg-size:cover}*,:after,:before{box-sizing:border-box}body,html{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7fafc;color:#2d3748;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;overflow-x:hidden}form{width:100%}form input,form select,form textarea{display:block;max-width:100%;width:100%}.form-group label{color:#2d3748;color:var(--text-color)}.form-control{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:#fff;border:2px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;box-sizing:border-box;color:#2d3748;display:block;font-family:inherit;font-size:.9375rem;font-weight:400;height:48px;line-height:1.5;margin:0;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-control,.subscription-form *{max-width:100%}.table-responsive{overflow-x:auto;width:100%}select.form-control{background-position:right .75rem center;-webkit-print-color-adjust:exact;print-color-adjust:exact}textarea.form-control{height:auto;line-height:1.5;padding-top:.75rem}.subscriptions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%}.subscription-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;word-break:break-word}.form-control:focus{background-color:#fff;border-color:#4299e1;border-color:#a0c6ed;box-shadow:0 0 0 3px #4299e133;color:#2d3748;color:var(--text-color);outline:0}.form-row{display:flex;flex-wrap:wrap;margin:0 -.5rem;width:100%}.form-col,.form-row{box-sizing:border-box;max-width:100%}.form-col{flex:1 0;margin-bottom:1.25rem;min-width:0;overflow:hidden;padding:0 .5rem}.form-group{margin-bottom:1.25rem;max-width:100%;overflow:hidden;position:relative;width:100%}.form-group:last-child{margin-bottom:0}.form-group label{transition:all .2s ease}.form-group:focus-within label{color:#3182ce}.form-group label{color:#4a5568;display:block;font-size:.875rem;font-weight:500;line-height:1.5;margin-bottom:.5rem}.error-message{background-color:#fff5f5;border-left:3px solid #e53e3e;border-radius:.375rem;margin-bottom:1.25rem;padding:.75rem 1rem;width:90%}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}textarea.form-control{background-image:none;min-height:100px;padding:.625rem .875rem;resize:vertical}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.btn{align-items:center;border:2px solid #0000;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;justify-content:center;line-height:1.5;overflow:hidden;padding:.625rem 1.5rem;position:relative;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;z-index:1}.btn:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:-1}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,#4299e1,#3182ce);border:none;box-shadow:0 4px 6px -1px #4299e133,0 2px 4px -1px #4299e11a;color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #4299e133,0 4px 6px -2px #4299e11a;transform:translateY(-1px)}.btn-outline{background:#fff;border:2px solid #e2e8f0;box-shadow:0 1px 2px 0 #0000000d;color:#4a5568}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d;transform:translateY(-1px)}.form-actions{border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.error-message{color:#e53e3e;color:var(--error-color);font-size:.875rem;margin-top:.25rem}.is-invalid{border-color:#e53e3e!important;border-color:var(--error-color)!important}.invalid-feedback{color:#e53e3e;color:var(--error-color);display:block;font-size:.875rem;margin-top:.25rem;width:100%}@media (max-width:640px){.form-row{flex-direction:column;margin-left:0;margin-right:0}.form-col{margin-bottom:1rem;padding-left:0;padding-right:0}.form-actions{flex-direction:column}.btn{width:100%}}.centered-card,.dashboard{margin:0 auto;max-width:800px;padding:2rem}.centered-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-page button,.login-page select{font-size:1rem;margin:.5rem 0;padding:.5rem;width:200px}.dashboard header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding-bottom:1rem}.dashboard header button{cursor:pointer;padding:.4rem .8rem}.card,h1,h2{margin-top:1rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:1rem}.badge{background:#000;border-radius:999px;color:#fff;font-size:.8rem;margin-left:.5rem;padding:0 .5rem;text-transform:lowercase}.badge.inactive{background:#ddd;color:#333}.badge.paused{background:#bbb}.badge.paid{background:#222}.negative{color:#c00}table{border-collapse:collapse;margin-top:.5rem;width:100%}td,th{border:1px solid #eee;padding:.5rem .75rem;text-align:left}.overview-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1rem 0}.actions button{margin-right:.5rem;padding:.5rem 1rem}
/*# sourceMappingURL=main.204a8d3b.css.map*/