@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--bg-light:#e2e8f0;--bg-dark:#0f172a;--text-light:#1e293b;--text-dark:#f1f5f9;--primary-color:#3b82f6;--border-radius:8px;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-success:#22c55e;--color-success-hover:#16a34a;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-secondary:#64748b;--color-secondary-hover:#475569;--section-header-bg-light:#334155;--section-header-bg-dark:#1e293b;--section-header-text:#ffffff;--card-bg-light:#ffffff;--card-bg-dark:#1e293b;--card-border-light:#cbd5e1;--card-border-dark:#334155;--card-shadow-light:0 2px 4px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--card-shadow-dark:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--table-header-bg-light:#334155;--table-header-bg-dark:#1e293b;--table-row-bg-light:#ffffff;--table-row-bg-dark:#1e293b;--table-row-alt-bg-light:#f8fafc;--table-row-alt-bg-dark:#334155;--table-text-light:#334155;--table-text-dark:#f1f5f9;--table-border-light:#e2e8f0;--table-border-dark:#475569;--form-bg-light:#ffffff;--form-bg-dark:#1e293b;--form-input-bg-light:#ffffff;--form-input-bg-dark:#334155;--form-text-light:#334155;--form-text-dark:#f1f5f9;--form-border-light:#cbd5e1;--form-border-dark:#475569;--btn-sm-height:32px;--btn-sm-padding:6px 12px;--btn-sm-font:13px;--btn-md-height:38px;--btn-md-padding:8px 16px;--btn-md-font:14px;--btn-lg-height:44px;--btn-lg-padding:10px 20px;--btn-lg-font:15px}body{background-color:var(--bg-light);color:var(--text-light);transition:background-color .3s ease,color .3s ease}@media (prefers-color-scheme:dark){body{background-color:var(--bg-dark);color:var(--text-dark)}}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-light);transition:background-color .3s ease}@media (prefers-color-scheme:dark){.auth-container{background-color:var(--bg-dark)}}.auth-box{background:white;padding:40px;border-radius:var(--border-radius);box-shadow:0 8px 16px rgba(0,0,0,.3);width:90%;max-width:750px;min-width:400px;text-align:center;transition:background .3s ease,color .3s ease;display:flex;flex-direction:column;align-items:center;gap:20px}@media (prefers-color-scheme:dark){.auth-box{background:#2a2a2a;color:white;box-shadow:0 8px 16px rgba(255,255,255,.1)}}.auth-box form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:500px}.auth-box input{width:100%;padding:12px;font-size:16px;border-radius:8px;border:1px solid #ccc;transition:border .2s ease}.auth-box input:focus{border-color:var(--primary-color);outline:none}.auth-box button{width:100%;padding:12px;font-size:16px;font-weight:700}.auth-box img{margin-bottom:15px}@media (max-width:480px){.auth-box{width:95%;min-width:unset}}button{padding:10px 15px;font-size:14px;font-weight:600;background-color:white;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--border-radius);cursor:pointer;text-align:center;width:auto;transition:all .3s ease,transform .2s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.1)}button:hover{background-color:#ddd;box-shadow:0 8px 12px rgba(0,0,0,.2);transform:scale(1.05)}button:active{transform:scale(.95)}.queue-item button{transition:all .3s ease,transform .2s ease-in-out}.queue-item button:hover{box-shadow:0 8px 12px rgba(0,0,0,.2);transform:scale(1.05)}.queue-item button:active{transform:scale(.95)}table{background:var(--table-row-bg-light);color:var(--table-text-light);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){table{background:var(--table-row-bg-dark);color:var(--table-text-dark);box-shadow:0 2px 8px rgba(0,0,0,.2)}}table td,table th{padding:12px;border:1px solid var(--table-border-light);text-align:left}@media (prefers-color-scheme:dark){table td,table th{border:1px solid var(--table-border-dark)}}table th{background:var(--table-header-bg-light);color:white;font-weight:700}@media (prefers-color-scheme:dark){table th{background:var(--table-header-bg-dark)}}table tbody tr:nth-child(2n){background:var(--table-row-alt-bg-light)}@media (prefers-color-scheme:dark){table tbody tr:nth-child(2n){background:var(--table-row-alt-bg-dark)}}table tbody tr:hover{background-color:rgba(0,123,255,.05)}@media (prefers-color-scheme:dark){table tbody tr:hover{background-color:rgba(0,123,255,.1)}}.navbar{justify-content:flex-end;background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.75) 0,rgba(var(--color-primary-rgb,59,130,246),.55) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:10px 20px;border-radius:12px;height:50px;border:1px solid rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(var(--color-primary-rgb,59,130,246),.25),0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);position:relative;z-index:100;overflow:visible}.navbar,.navbar ul{display:flex;align-items:center;gap:10px}.navbar ul{list-style:none;padding:0;margin:0}.navbar li{display:inline-block}.navbar a,.navbar button{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffff;border:1px solid rgba(255,255,255,.35);font-weight:600;font-size:14px;line-height:1.2;padding:8px 14px;height:36px;box-sizing:border-box;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3);margin:2px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.2)}.navbar a:hover,.navbar button:hover{background:rgba(255,255,255,.35);box-shadow:0 8px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.5);transform:translateY(-2px) scale(1.02);border-color:rgba(255,255,255,.5)}.navbar a:active,.navbar button:active{transform:translateY(0) scale(.98);background:rgba(255,255,255,.15);box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.menu-toggle.active span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}body.sidebar-open{overflow:hidden;padding-right:15px}.navbar a,.navbar button{transition:all .3s ease}@media (max-width:768px){body{position:relative;overflow-x:hidden}}.dashboard-container{padding:15px;display:flex;flex-direction:column;gap:12px;max-width:1000px;margin:0 auto;width:100%}@media (max-width:768px){.dashboard-container{padding:10px;gap:10px}.dashboard-header{flex-direction:column;gap:5px;margin-bottom:5px}.dashboard-header>div{width:100%;margin-bottom:5px}.dashboard-container h1{font-size:1.2rem;margin-bottom:.5rem}.come-online-button,.welcome-message{display:inline-block;font-size:.9rem}.welcome-message{margin-right:5px;font-size:14px}.dashboard-section h3{font-size:1rem;padding:5px;margin:5px 0}.notification-settings{margin:0;font-size:13px}.store-filter-container{font-size:13px}.current-filter{margin-top:0;font-size:13px}.notification-settings,.store-filter-container{margin:5px 0}.dashboard-section table{font-size:14px}.dashboard-section td,.dashboard-section th{padding:6px 4px}.dashboard-section button{padding:5px 8px;font-size:12px;margin:2px}.button-group{flex-wrap:wrap}}.dashboard-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.dashboard-header-left{flex:1 1;min-width:200px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px}.dashboard-header-middle{flex:1 1;min-width:250px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.dashboard-header-right{flex:1 1;min-width:200px}.notification-settings{margin:4px 0;padding:8px 12px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.3);transition:all .2s ease}.notification-settings:hover{background:rgba(255,255,255,.2);border-color:rgba(var(--color-primary-rgb,59,130,246),.25)}.notification-settings .checkbox-container{display:flex;align-items:center;cursor:pointer}.notification-settings .checkbox-container input{margin-right:8px;cursor:pointer}.notification-blocked-warning{font-size:11px;color:#dc3545;margin-left:20px}@media (prefers-color-scheme:dark){.notification-settings{background:rgba(30,41,59,.35);border-color:rgba(255,255,255,.12);box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.08)}.notification-settings:hover{background:rgba(30,41,59,.45)}}.alerts-container{position:relative}.alerts-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:14px;color:inherit;min-width:100px}.alerts-toggle:hover{background:rgba(255,255,255,.2);border-color:rgba(var(--color-primary-rgb,59,130,246),.25)}.alerts-toggle .alerts-icon{font-size:16px}.alerts-toggle .alerts-arrow{font-size:10px;transition:transform .2s ease}.alerts-toggle.expanded .alerts-arrow{transform:rotate(180deg)}.alerts-panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease,margin .2s ease;margin-top:0}.alerts-panel.expanded{max-height:200px;opacity:1;margin-top:8px}.alerts-panel .notification-settings{margin:4px 0}@media (prefers-color-scheme:dark){.alerts-toggle{background:rgba(30,41,59,.35);border-color:rgba(255,255,255,.12);box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.08)}.alerts-toggle:hover{background:rgba(30,41,59,.45)}}body.theme-light .alerts-toggle{background:rgba(255,255,255,.5);border-color:rgba(var(--color-primary-rgb,59,130,246),.2);color:var(--text-light,#1e293b)}body.theme-light .alerts-toggle:hover{background:rgba(255,255,255,.6);border-color:rgba(var(--color-primary-rgb,59,130,246),.3)}body.theme-dark .alerts-toggle{background:rgba(30,41,59,.4);border-color:rgba(255,255,255,.15);color:var(--text-dark,#f1f5f9)}body.theme-dark .alerts-toggle:hover{background:rgba(30,41,59,.5)}.queue-position-display{margin-top:6px;padding:8px 12px;background:rgba(var(--color-primary-rgb,59,130,246),.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.2)}.queue-position-display .position-number{font-weight:700;font-size:1.2em;color:var(--color-primary,#3b82f6)}.current-user-highlight{background-color:rgba(255,255,0,.2);border:2px solid #ffc107;border-radius:4px}.current-user-indicator{color:#0056b3;font-weight:700}.current-user-button{border:2px solid #ffc107!important;box-shadow:0 0 5px rgba(255,193,7,.5)!important}.frozen-agent{background-color:rgba(0,191,255,.1);border-left:3px solid #00bfff}.frozen-indicator{color:#00bfff;font-weight:700}.frozen-position{font-size:.8em;color:#00bfff}.position-cell{font-weight:700}.no-agents{padding:10px}.dashboard-section table{width:100%;border-collapse:collapse}.dashboard-section td,.dashboard-section th{padding:8px;text-align:left}.logs-container{padding:20px;max-width:1200px;margin:0 auto;width:100%}@media (max-width:768px){.logs-container{padding:10px}}.logs-summary{margin:10px 0;font-size:14px}.loading-logs{text-align:center;padding:20px}.dashboard-section{background:rgba(255,255,255,.15);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:var(--text-light);padding:16px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.3);border-top-color:rgba(255,255,255,.5);width:100%;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.dashboard-section{background:rgba(15,23,42,.35);color:var(--text-dark);box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1);border-color:rgba(255,255,255,.1)}}.dashboard-section h3{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.75) 0,rgba(var(--color-primary-rgb,59,130,246),.55) 100%);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:#ffffff;font-size:15px;font-weight:600;text-align:center;padding:12px 20px;border-radius:10px;margin-bottom:12px;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);border-top-color:rgba(255,255,255,.5);box-shadow:0 8px 32px rgba(var(--color-primary-rgb,59,130,246),.3),0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3);text-shadow:0 1px 3px rgba(0,0,0,.3);position:relative;overflow:hidden}.dashboard-section h3:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:headerShimmer 4s ease-in-out infinite}@keyframes headerShimmer{0%,to{left:-100%}50%{left:150%}}@media (prefers-color-scheme:dark){.dashboard-section h3{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.65) 0,rgba(var(--color-primary-rgb,59,130,246),.45) 100%);border-color:rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.15)}}.queue-list{list-style:none;padding:0}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ccc;background:white;border-radius:var(--border-radius);margin-bottom:5px}@media (prefers-color-scheme:dark){.queue-item{background:#333;color:white;border-bottom:1px solid #555}}.queue-item button{font-size:14px;font-weight:600;padding:8px 12px;background-color:white;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.queue-item button:hover{background-color:#ddd;box-shadow:0 6px 10px rgba(0,0,0,.15)}.queue-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;padding:12px;border-radius:12px;background:radial-gradient(ellipse at 20% 30%,rgba(var(--color-primary-rgb,59,130,246),.15) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(var(--color-primary-rgb,59,130,246),.12) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(var(--color-primary-rgb,59,130,246),.08) 0,transparent 70%),linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),.05) 0,rgba(var(--color-primary-rgb,59,130,246),.1) 50%,rgba(var(--color-primary-rgb,59,130,246),.05) 100%)}.queue-card{background:rgba(255,255,255,.25)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-left:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);border-color:rgba(255,255,255,.8) rgba(255,255,255,.5) rgba(255,255,255,.5) rgba(255,255,255,.6);border-style:solid;border-width:1px;border-radius:16px;padding:14px 14px 10px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 20px rgba(255,255,255,.1);display:flex;flex-direction:column;min-height:80px;position:relative;overflow:hidden}.queue-card:before{height:50%;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.1) 60%,transparent);pointer-events:none;border-radius:16px 16px 100% 100%}.queue-card:after,.queue-card:before{content:"";position:absolute;top:0;left:0;right:0}.queue-card:after{height:3px;background:linear-gradient(90deg,var(--color-primary,#3b82f6),var(--color-primary-hover,#2563eb));border-radius:16px 16px 0 0}.queue-card:hover{transform:translateY(-4px) scale(1.02);background:rgba(255,255,255,.35)!important;box-shadow:0 16px 48px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 30px rgba(255,255,255,.15),0 0 40px rgba(var(--color-primary-rgb,59,130,246),.2);border-color:rgba(255,255,255,.7)}.queue-card.expanded{background:rgba(255,255,255,.4)!important;box-shadow:0 20px 60px rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 40px rgba(255,255,255,.2),0 0 50px rgba(var(--color-primary-rgb,59,130,246),.25);border-color:rgba(255,255,255,.8)}.queue-card.expanded:after{height:4px}.queue-card .card-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;position:relative}.queue-card .card-position{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-primary,#3b82f6);color:#fff;font-size:.9rem;font-weight:700;margin-bottom:6px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.queue-card .card-name{display:flex;flex-direction:column;align-items:center;line-height:1.3}.queue-card .card-name .first-name{font-size:.95rem;font-weight:500;color:var(--text-light,#1f2937)}.queue-card .card-name .last-name{font-size:.85rem;font-weight:400;color:var(--text-secondary-light,#6b7280)}.queue-card.on-break-card .card-name .first-name,.queue-card.on-break-card .card-name .last-name{font-style:italic;opacity:.85}.queue-card .card-name .break-text{font-size:.7rem;font-style:italic;color:#d97706;font-weight:500;margin-top:2px}.queue-card .card-store{font-size:.75rem;font-weight:600;color:var(--color-primary,#3b82f6);opacity:.8}.queue-card .card-status{font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.queue-card .card-status.break{background:#fbbf24;color:#78350f}.queue-card .card-status.frozen{background:#38bdf8;color:#0c4a6e;font-size:1rem}.queue-card .card-you{font-size:.65rem;font-weight:600;background:var(--color-primary,#3b82f6);color:white;padding:2px 6px;border-radius:4px;text-transform:uppercase}.queue-card .card-chevron{display:block;width:100%;text-align:center;font-size:.85rem;color:var(--color-primary,#3b82f6);opacity:.6;transition:all .3s ease;margin-top:6px;padding-top:4px}.queue-card:hover .card-chevron{opacity:1}.queue-card .card-chevron.expanded{transform:rotate(180deg);opacity:1}.queue-card .card-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-height:0;opacity:0;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);margin-top:0;padding-top:0}.queue-card .card-actions.expanded{max-height:400px;opacity:1;margin-top:10px;padding-top:10px;border-top:1px solid rgba(var(--color-primary-rgb,59,130,246),.25)}.queue-card .card-actions button{font-size:.72rem;padding:6px 8px;border-radius:6px;font-weight:600;white-space:normal;word-break:break-word;text-align:center;min-width:0;transition:all .2s ease}.queue-card .card-actions .btn-arrow{padding:6px 10px;min-width:32px}.queue-card.current-user-card{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.2) 0,rgba(255,255,255,.75) 100%)!important;border:2px solid var(--color-primary,#3b82f6);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6),0 0 20px rgba(var(--color-primary-rgb,59,130,246),.2)}.queue-card.on-break-card{background:linear-gradient(145deg,rgba(251,191,36,.2),rgba(255,255,255,.75))!important;border:1px solid rgba(251,191,36,.4);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6),0 0 15px rgba(251,191,36,.15)}.queue-card.frozen-card{background:linear-gradient(145deg,rgba(56,189,248,.15),rgba(255,255,255,.75))!important;border:1px solid rgba(56,189,248,.4);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6),0 0 15px rgba(56,189,248,.15)}.no-agents-card{grid-column:1/-1;text-align:center;padding:20px;font-style:italic;background:rgba(255,255,255,.7);border-radius:8px;border:1px dashed rgba(var(--color-primary-rgb,59,130,246),.3)}.no-agents-card,body.theme-light .no-agents-card{color:var(--text-secondary-light,#6b7280);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.theme-light .no-agents-card{background:rgba(255,255,255,.75);border-color:rgba(var(--color-primary-rgb,59,130,246),.25)}@media (prefers-color-scheme:dark){.queue-card{background:linear-gradient(145deg,rgba(30,41,59,.85),rgba(15,23,42,.75))!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--color-primary-rgb,59,130,246),.3);box-shadow:0 4px 20px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(var(--color-primary-rgb,59,130,246),.2)}.queue-card:hover{background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.8))!important;box-shadow:0 8px 32px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08),0 0 25px rgba(var(--color-primary-rgb,59,130,246),.2);border-color:rgba(var(--color-primary-rgb,59,130,246),.5)}.queue-card.expanded{background:linear-gradient(145deg,rgba(30,41,59,.92),rgba(15,23,42,.85))!important;box-shadow:0 12px 40px rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1),0 0 35px rgba(var(--color-primary-rgb,59,130,246),.25);border-color:rgba(var(--color-primary-rgb,59,130,246),.6)}.queue-card .card-name .first-name{color:var(--text-dark,#f9fafb)}.queue-card .card-name .last-name{color:var(--text-secondary-dark,#9ca3af)}.queue-card .card-chevron{color:var(--color-primary,#3b82f6)}.queue-card .card-position{background:var(--color-primary,#3b82f6);box-shadow:0 2px 8px rgba(0,0,0,.4)}.queue-card.current-user-card{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.35) 0,rgba(15,23,42,.85) 100%)!important;border:2px solid rgba(var(--color-primary-rgb,59,130,246),.6);box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08),0 0 25px rgba(var(--color-primary-rgb,59,130,246),.3)}.queue-card.on-break-card{background:linear-gradient(145deg,rgba(251,191,36,.25),rgba(15,23,42,.85))!important;border:1px solid rgba(251,191,36,.4);box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05),0 0 20px rgba(251,191,36,.15)}.queue-card.frozen-card{background:linear-gradient(145deg,rgba(56,189,248,.2),rgba(15,23,42,.85))!important;border:1px solid rgba(56,189,248,.4);box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05),0 0 20px rgba(56,189,248,.15)}.no-agents-card{background:rgba(31,41,55,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary-dark,#9ca3af);border-color:rgba(55,65,81,.5)}}body.theme-light .queue-card{background:rgba(255,255,255,.3)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-left:1px solid rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.6);border-color:rgba(255,255,255,.9) rgba(255,255,255,.6) rgba(255,255,255,.6) rgba(255,255,255,.7);border-style:solid;border-width:1px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,.15)!important}body.theme-light .queue-card:hover{background:rgba(255,255,255,.4)!important;border-color:rgba(255,255,255,.8);box-shadow:0 16px 48px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 30px rgba(255,255,255,.2),0 0 40px rgba(var(--color-primary-rgb,59,130,246),.15)!important}body.theme-light .queue-card.expanded{background:rgba(255,255,255,.45)!important;border-color:rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(0,0,0,.14),0 8px 24px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8),inset 0 0 40px rgba(255,255,255,.25),0 0 50px rgba(var(--color-primary-rgb,59,130,246),.2)!important}body.theme-light .queue-card .card-name .first-name{color:var(--text-light,#1f2937)}body.theme-light .queue-card .card-name .last-name{color:var(--text-secondary-light,#6b7280)}body.theme-light .queue-card .card-chevron{color:var(--color-primary,#3b82f6)}body.theme-light .queue-card.current-user-card{background:rgba(var(--color-primary-rgb,59,130,246),.15)!important;border-top:2px solid rgba(var(--color-primary-rgb,59,130,246),.5);border:2px solid rgba(var(--color-primary-rgb,59,130,246),.5);border-top-color:rgba(var(--color-primary-rgb,59,130,246),.6);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 30px rgba(var(--color-primary-rgb,59,130,246),.1),0 0 30px rgba(var(--color-primary-rgb,59,130,246),.2)!important}body.theme-light .queue-card.on-break-card{background:rgba(251,191,36,.15)!important;border:1px solid rgba(251,191,36,.5);border-top-color:rgba(251,191,36,.7);box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 20px rgba(251,191,36,.1),0 0 20px rgba(251,191,36,.15)!important}body.theme-light .queue-card.frozen-card{background:rgba(56,189,248,.12)!important;border:1px solid rgba(56,189,248,.5);border-top-color:rgba(56,189,248,.7);box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 20px rgba(56,189,248,.1),0 0 20px rgba(56,189,248,.12)!important}body.theme-dark .queue-card{background:rgba(15,23,42,.4)!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-left:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.15);border-color:rgba(255,255,255,.25) rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.2);border-style:solid;border-width:1px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15),inset 0 0 20px rgba(255,255,255,.03),0 0 20px rgba(var(--color-primary-rgb,59,130,246),.15)!important}body.theme-dark .queue-card:hover{background:rgba(15,23,42,.5)!important;border-color:rgba(255,255,255,.25);box-shadow:0 16px 48px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 30px rgba(255,255,255,.05),0 0 40px rgba(var(--color-primary-rgb,59,130,246),.25)!important}body.theme-dark .queue-card.expanded{background:rgba(15,23,42,.55)!important;border-color:rgba(255,255,255,.3);box-shadow:0 20px 60px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 40px rgba(255,255,255,.06),0 0 50px rgba(var(--color-primary-rgb,59,130,246),.3)!important}body.theme-dark .queue-card .card-name .first-name{color:var(--text-dark,#f9fafb)}body.theme-dark .queue-card .card-name .last-name{color:var(--text-secondary-dark,#9ca3af)}body.theme-dark .queue-card .card-chevron{color:var(--color-primary-light,#60a5fa)}body.theme-dark .queue-card .card-position{box-shadow:0 4px 12px rgba(0,0,0,.5)}body.theme-dark .queue-card.current-user-card{background:rgba(var(--color-primary-rgb,59,130,246),.25)!important;border-top:2px solid rgba(var(--color-primary-rgb,59,130,246),.5);border:2px solid rgba(var(--color-primary-rgb,59,130,246),.5);border-top-color:rgba(var(--color-primary-rgb,59,130,246),.6);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15),inset 0 0 30px rgba(var(--color-primary-rgb,59,130,246),.1),0 0 40px rgba(var(--color-primary-rgb,59,130,246),.3)!important}body.theme-dark .queue-card.on-break-card{background:rgba(251,191,36,.2)!important;border:1px solid rgba(251,191,36,.45);border-top-color:rgba(251,191,36,.6);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 20px rgba(251,191,36,.1),0 0 25px rgba(251,191,36,.2)!important}body.theme-dark .queue-card.frozen-card{background:rgba(56,189,248,.18)!important;border:1px solid rgba(56,189,248,.45);border-top-color:rgba(56,189,248,.6);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 20px rgba(56,189,248,.1),0 0 25px rgba(56,189,248,.2)!important}body.theme-dark .no-agents-card{background:rgba(31,41,55,.5);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:var(--text-secondary-dark,#9ca3af);border-color:rgba(255,255,255,.1)}body.theme-dark .queue-cards-grid{background:radial-gradient(ellipse at 20% 30%,rgba(var(--color-primary-rgb,59,130,246),.2) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(var(--color-primary-rgb,59,130,246),.15) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(var(--color-primary-rgb,59,130,246),.1) 0,transparent 70%)}@media (max-width:480px){.queue-cards-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.queue-card{padding:10px;min-height:70px}.queue-card .card-position{width:28px;height:28px;font-size:.8rem}.queue-card .card-name .first-name{font-size:.85rem}.queue-card .card-name .last-name{font-size:.75rem}.queue-card .card-actions button{font-size:.65rem;padding:5px 6px}.queue-card .card-chevron{font-size:.8rem}}@media (max-width:768px){.navbar{align-items:center}.navbar,.queue-item{flex-direction:column}.queue-item{align-items:flex-start}button{width:100%;text-align:center}}.login-container{justify-content:center;height:100vh;width:100vw;background-color:var(--bg-dark)}.login-box,.login-container{display:flex;align-items:center}.login-box{background:black;padding:30px;border-radius:var(--border-radius);box-shadow:0 6px 12px rgba(0,0,0,.2);text-align:center;width:100%;max-width:600px;min-width:400px;flex-direction:column}.login-logo{width:100px;height:auto;margin-bottom:10px}.login-title{font-size:22px;font-weight:700;color:var(--primary-color);margin-bottom:15px;text-align:center}.sales-container{padding:20px;max-width:1200px;margin:0 auto}.sales-container h1{margin-bottom:5px}.admin-note{color:#666;margin-bottom:20px;font-style:italic}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:5px}@media (prefers-color-scheme:dark){.filters{background-color:#333}}.search-bar{flex:1 1;min-width:200px;padding:8px;border:1px solid #ddd;background-color:white;color:#333}@media (prefers-color-scheme:dark){.search-bar{background-color:#444;color:white;border-color:#555}}.filters select{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:white;color:#333}@media (prefers-color-scheme:dark){.filters select{background-color:#444;color:white;border-color:#555}}.date-inputs{gap:8px}.date-inputs input{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:white;color:#333}@media (prefers-color-scheme:dark){.date-inputs input{background-color:#444;color:white;border-color:#555}}.sales-table{width:100%;border-collapse:collapse;margin-top:10px}.sales-table td,.sales-table th{padding:12px 15px;text-align:left;border-bottom:1px solid var(--table-border-light)}@media (prefers-color-scheme:dark){.sales-table td,.sales-table th{border-bottom:1px solid var(--table-border-dark)}}.sales-table th{background-color:var(--table-header-bg-light);color:white;position:-webkit-sticky;position:sticky;top:0}@media (prefers-color-scheme:dark){.sales-table th{background-color:var(--table-header-bg-dark)}}.sales-table tr:hover{background-color:rgba(0,123,255,.05)}@media (prefers-color-scheme:dark){.sales-table tr:hover{background-color:rgba(0,123,255,.1)}}.loading-cell,.no-data{text-align:center;padding:20px;color:#666}@media (prefers-color-scheme:dark){.loading-cell,.no-data{color:#aaa}}.action-buttons{display:flex;gap:8px}.cancel-btn,.delete-btn,.edit-btn,.save-btn,.submit-btn{padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.submit-btn{background-color:var(--color-success);color:white}.submit-btn:hover{background-color:var(--color-success-hover)}.edit-btn{background-color:#4caf50;color:white}.delete-btn{background-color:#f44336;color:white}.save-btn{background-color:var(--color-primary,#3b82f6);color:white}.cancel-btn{background-color:var(--color-secondary);color:white}.cancel-btn:hover{background-color:var(--color-secondary-hover)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text]{padding:10px 12px;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25);border-radius:10px;width:100%;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1e293b;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{outline:none;border-color:rgba(var(--color-primary-rgb,59,130,246),.5);background:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.15),inset 0 1px 2px rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text]{background:rgba(30,41,59,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(255,255,255,.15);color:#f1f5f9}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{background:rgba(30,41,59,.8);border-color:rgba(var(--color-primary-rgb,59,130,246),.5);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.2),inset 0 1px 2px rgba(0,0,0,.1)}}select{padding:10px 14px;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25);border-radius:10px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1e293b;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}select:hover{background:rgba(255,255,255,.65);border-color:rgba(var(--color-primary-rgb,59,130,246),.35)}select:focus{outline:none;border-color:rgba(var(--color-primary-rgb,59,130,246),.5);background:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.15),inset 0 1px 2px rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){select{background:rgba(30,41,59,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(255,255,255,.15);color:#f1f5f9}select:hover{background:rgba(30,41,59,.7);border-color:rgba(255,255,255,.2)}select:focus{background:rgba(30,41,59,.8);border-color:rgba(var(--color-primary-rgb,59,130,246),.5);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.2),inset 0 1px 2px rgba(0,0,0,.1)}}textarea{padding:12px;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25);border-radius:10px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1e293b;resize:vertical;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}textarea:focus{outline:none;border-color:rgba(var(--color-primary-rgb,59,130,246),.5);background:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.15),inset 0 1px 2px rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){textarea{background:rgba(30,41,59,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(255,255,255,.15);color:#f1f5f9}textarea:focus{background:rgba(30,41,59,.8);border-color:rgba(var(--color-primary-rgb,59,130,246),.5);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.2),inset 0 1px 2px rgba(0,0,0,.1)}}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.beback-sale-btn{background-color:var(--color-primary,#3b82f6);color:white;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:700}.beback-sale-btn:hover{background-color:#0b7dda}.beback-btn{background-color:var(--color-primary,#3b82f6)!important}.modal-description{color:#666;margin-bottom:20px}@media (prefers-color-scheme:dark){.modal-description{color:#aaa}}.sortable-header{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable-header:hover{background-color:rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){.sortable-header:hover{background-color:rgba(255,255,255,.1)}}.add-sale-btn{background-color:#4CAF50;color:white;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:700}.add-sale-btn:hover{background-color:#45a049}.total-sales{font-size:18px;font-weight:700}.export-excel-btn{padding:10px 15px;margin-left:10px}.modal-content{background-color:white;border-radius:5px;padding:20px;width:500px;max-width:90%;max-height:90vh;overflow-y:auto}@media (prefers-color-scheme:dark){.modal-content{background-color:#1a1a1a;color:#fff}}.modal-content h2{margin-top:0;border-bottom:1px solid #ddd;padding-bottom:10px}@media (prefers-color-scheme:dark){.modal-content h2{border-bottom-color:#444}}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px;font-weight:700}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}@media (prefers-color-scheme:dark){.form-group input,.form-group select{background-color:#333;color:#fff;border-color:#555}}.input-help{font-size:12px;color:#666;margin-top:2px}@media (prefers-color-scheme:dark){.input-help{color:#aaa}}.form-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.import-status-container{padding:20px;max-width:1200px;margin:0 auto}@media (prefers-color-scheme:dark){.import-status-container{color:#fff}}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{background:white;border:1px solid #ddd}@media (prefers-color-scheme:dark){.stat-card{background:#1a1a1a;border-color:#555;color:#fff}}.stat-card h3{margin:0 0 10px;color:#666;font-size:14px;text-transform:uppercase}@media (prefers-color-scheme:dark){.stat-card h3{color:#aaa}}.stat-number{font-size:32px}.import-logs-table{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.import-logs-table{background:#1a1a1a}}.import-logs-table table{width:100%;border-collapse:collapse}.import-logs-table th{background:#f5f5f5;padding:15px;text-align:left;font-weight:700;border-bottom:1px solid #ddd}@media (prefers-color-scheme:dark){.import-logs-table th{background:#333;color:#fff;border-bottom-color:#555}}.import-logs-table td{padding:15px;border-bottom:1px solid #eee;vertical-align:top}@media (prefers-color-scheme:dark){.import-logs-table td{border-bottom-color:#333;color:#fff}}.import-log-row:hover{background-color:#f9f9f9}@media (prefers-color-scheme:dark){.import-log-row:hover{background-color:#2a2a2a}}.details-btn,.reimport-btn{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.details-btn{background:rgba(var(--color-primary-rgb,59,130,246),.15);color:var(--color-primary,#3b82f6)}.reimport-btn{background:#e8f5e8;color:#388e3c}.reimport-btn:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.details-row{background:#fafafa}@media (prefers-color-scheme:dark){.details-row{background:#2a2a2a}}.details-content{padding:20px;overflow-x:auto;word-break:break-word}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.detail-section h4{margin:0 0 10px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}@media (prefers-color-scheme:dark){.detail-section h4{color:#fff;border-bottom-color:#555}}.detail-section p{margin:5px 0;font-size:14px;word-break:break-all}.error-section{margin-top:20px;padding:15px;background:#ffebee;border-radius:4px;border-left:4px solid #f44336}@media (prefers-color-scheme:dark){.error-section{background:#3a1a1a}}.error-message{font-family:monospace;background:white;padding:10px;border-radius:4px;margin-top:10px;overflow-x:auto}@media (prefers-color-scheme:dark){.error-message{background:#1a1a1a;color:#fff;border-color:#555}}.json-details{margin-top:20px}.json-details pre{background:white;padding:15px;border-radius:4px;overflow-x:auto;font-size:12px;border:1px solid #ddd}@media (prefers-color-scheme:dark){.json-details pre{background:#1a1a1a;color:#fff;border-color:#555}}.loading,.no-data{text-align:center;padding:40px;color:#666;font-style:italic}@media (prefers-color-scheme:dark){.loading,.no-data{color:#aaa}}@media (max-width:768px){.import-status-container{padding:10px;max-width:100%;overflow-x:hidden}.import-status-container h1{font-size:1.3rem}.summary-stats{grid-template-columns:1fr;gap:10px}.import-logs-table{margin:0 -10px;border-radius:0}.import-logs-table table{min-width:600px}.import-logs-table td,.import-logs-table th{padding:10px 8px;font-size:13px}.details-grid{grid-template-columns:1fr}}.admin-container{max-width:1200px;margin:0 auto;padding:20px}.loading-container{height:300px;font-size:18px}.not-authorized{text-align:center;padding:50px;background-color:#ffebee;border-radius:8px;margin:100px auto;max-width:600px}.admin-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.tab-button{border-bottom:2px solid transparent;margin-right:10px;transition:all .2s ease;color:var(--primary-color)}.tab-button:hover{background-color:rgba(0,123,255,.1)}.tab-button.active{border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-weight:700}.admin-section{margin-bottom:30px}.admin-section h2{margin-bottom:20px;color:var(--text-light)}@media (prefers-color-scheme:dark){.admin-section h2{color:var(--text-dark)}}.admin-table{width:100%;border-collapse:collapse;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);background-color:var(--table-row-bg-light);color:var(--table-text-light);border-radius:8px;overflow:hidden}@media (prefers-color-scheme:dark){.admin-table{background-color:var(--table-row-bg-dark);color:var(--table-text-dark);box-shadow:0 1px 3px rgba(255,255,255,.05)}}.admin-table td,.admin-table th{padding:12px;border:1px solid var(--table-border-light);text-align:left}@media (prefers-color-scheme:dark){.admin-table td,.admin-table th{border:1px solid var(--table-border-dark)}}.admin-table th{background-color:var(--table-header-bg-light);color:white;font-weight:700}@media (prefers-color-scheme:dark){.admin-table th{background-color:var(--table-header-bg-dark)}}.admin-table tr:nth-child(2n){background-color:var(--table-row-alt-bg-light)}@media (prefers-color-scheme:dark){.admin-table tr:nth-child(2n){background-color:var(--table-row-alt-bg-dark)}}.admin-table tr:hover{background-color:rgba(0,123,255,.05)}@media (prefers-color-scheme:dark){.admin-table tr:hover{background-color:rgba(0,123,255,.1)}}.search-bar{width:100%;padding:12px;margin-bottom:15px;border:1px solid var(--form-border-light);border-radius:4px;font-size:16px;background-color:var(--form-input-bg-light);color:var(--form-text-light)}@media (prefers-color-scheme:dark){.search-bar{border:1px solid var(--form-border-dark);background-color:var(--form-input-bg-dark);color:var(--form-text-dark)}}.edit-section{background:var(--form-bg-light);padding:20px;border-radius:5px;margin-top:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.inline-edit-input,.inline-edit-select{width:100%;padding:4px;border:1px solid #ccc;border-radius:4px}@media (prefers-color-scheme:dark){.edit-section{background:var(--form-bg-dark);box-shadow:0 2px 4px rgba(255,255,255,.05)}}.edit-section h3{margin-top:0;margin-bottom:15px;color:var(--form-text-light)}@media (prefers-color-scheme:dark){.edit-section h3{color:var(--form-text-dark)}}.edit-section label{display:block;margin-top:10px;margin-bottom:5px;font-weight:700;color:var(--form-text-light)}@media (prefers-color-scheme:dark){.edit-section label{color:var(--form-text-dark)}}.edit-section input,.edit-section select{width:100%;padding:10px;margin-top:5px;border:1px solid var(--form-border-light);border-radius:4px;font-size:16px;background-color:var(--form-input-bg-light);color:var(--form-text-light)}@media (prefers-color-scheme:dark){.edit-section input,.edit-section select{border:1px solid var(--form-border-dark);background-color:var(--form-input-bg-dark);color:var(--form-text-dark)}}.button-group{display:flex;gap:10px;margin-top:20px}.btn-add,.btn-add-user,.btn-cancel,.btn-delete,.btn-edit,.btn-save{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;color:white}.btn-save{background-color:#4caf50}.btn-save:hover{background-color:#45a049}.btn-cancel{background-color:#f44336}.btn-cancel:hover{background-color:#d32f2f}.btn-edit{background-color:var(--color-primary,#3b82f6)}.btn-edit:hover{background-color:var(--color-primary-hover,#2563eb)}.btn-delete{background-color:#f44336}.btn-delete:hover{background-color:#d32f2f}.btn-add{background-color:#4caf50;padding:10px 15px;margin-left:10px}.btn-add:hover{background-color:#45a049}.add-reason{margin-top:20px;display:flex;align-items:center;background-color:var(--form-bg-light);padding:15px;border-radius:4px}@media (prefers-color-scheme:dark){.add-reason{background-color:var(--form-bg-dark)}}.add-reason input[type=text]{flex:1 1;padding:10px;border:1px solid var(--form-border-light);border-radius:4px;font-size:16px;background-color:var(--form-input-bg-light);color:var(--form-text-light)}@media (prefers-color-scheme:dark){.add-reason input[type=text]{border:1px solid var(--form-border-dark);background-color:var(--form-input-bg-dark);color:var(--form-text-dark)}}.add-reason label{margin:0 15px;display:flex;align-items:center;cursor:pointer;color:var(--form-text-light)}@media (prefers-color-scheme:dark){.add-reason label{color:var(--form-text-dark)}}.add-reason input[type=checkbox]{margin-right:5px}.section-info{margin-bottom:24px;color:var(--form-text-light);line-height:1.6;background-color:rgba(0,123,255,.05);padding:16px;border-radius:8px;border-left:4px solid var(--primary-color)}@media (prefers-color-scheme:dark){.section-info{background-color:rgba(0,123,255,.1);color:var(--form-text-dark)}}.add-user-form{max-width:600px;background:var(--form-bg-light);padding:25px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto}@media (prefers-color-scheme:dark){.add-user-form{background:var(--form-bg-dark);box-shadow:0 4px 8px rgba(255,255,255,.05)}}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:16px;color:var(--form-text-light)}@media (prefers-color-scheme:dark){.form-group label{color:var(--form-text-dark)}}.form-input,.form-select{width:100%;padding:14px;border:1px solid var(--form-border-light);border-radius:8px;font-size:16px;background-color:var(--form-input-bg-light);color:var(--form-text-light);transition:border-color .3s,box-shadow .3s}.form-input:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,123,255,.25);outline:none}@media (prefers-color-scheme:dark){.form-input,.form-select{background-color:var(--form-input-bg-dark);color:var(--form-text-dark);border-color:var(--form-border-dark)}.form-input:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,123,255,.25)}}.form-select{height:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}@media (prefers-color-scheme:dark){.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}}.field-hint{font-size:14px;color:#666;margin-top:6px;line-height:1.4}@media (prefers-color-scheme:dark){.field-hint{color:#aaa}}.btn-add-user{background-color:#4caf50;color:white;padding:14px 28px;font-size:16px;font-weight:600;margin-top:15px;border-radius:8px;border:none;cursor:pointer;transition:all .3s;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.btn-add-user:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.btn-add-user:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,.2)}.status-message{padding:14px 16px;border-radius:8px;margin-bottom:20px;font-size:16px;font-weight:500}.status-message.success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.status-message.error{background-color:#ffebee;color:#c62828;border-left:4px solid #f44336}.store-filter-container{display:flex;flex-direction:row;align-items:center;gap:8px}.store-filter-dropdown{padding:10px 14px;border-radius:10px;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.35);background:rgba(255,255,255,.25);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);min-width:150px;color:#1e293b;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4)}.store-filter-dropdown:hover{background:rgba(255,255,255,.35);border-color:rgba(var(--color-primary-rgb,59,130,246),.5);box-shadow:0 6px 16px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.5)}.current-filter,.current-store{text-align:center;background:rgba(var(--color-primary-rgb,59,130,246),.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25);border-radius:8px;padding:4px 8px;background-color:rgba(0,123,255,.1);border-radius:var(--border-radius);font-weight:700;font-size:14px}@media (prefers-color-scheme:dark){.store-filter-dropdown{background:rgba(30,41,59,.5);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#f1f5f9;border-color:rgba(var(--color-primary-rgb,59,130,246),.4);box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}.store-filter-dropdown:hover{background:rgba(30,41,59,.65);border-color:rgba(var(--color-primary-rgb,59,130,246),.55)}.current-filter,.current-store{background:rgba(var(--color-primary-rgb,59,130,246),.2);border-color:rgba(var(--color-primary-rgb,59,130,246),.3)}}.store-filter-dropdown:focus{outline:none;border-color:rgba(var(--color-primary-rgb,59,130,246),.6);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.2),0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4)}.no-agents{text-align:center;padding:15px;font-style:italic;color:#777}.action-buttons,.button-group{display:flex;flex-wrap:wrap;gap:5px}.agent-on-break{color:#f44336;font-weight:700}.break-indicator{font-style:italic;font-size:.9em}.btn-break{background-color:#f44336;color:white}.btn-break,.btn-ready{border:none;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;font-weight:700}.btn-ready{background-color:#4caf50}.on-break{background-color:rgba(244,67,54,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-sm{height:var(--btn-sm-height);padding:var(--btn-sm-padding);font-size:var(--btn-sm-font)}.btn-md{height:var(--btn-md-height);padding:var(--btn-md-padding);font-size:var(--btn-md-font)}.btn-lg{height:var(--btn-lg-height);padding:var(--btn-lg-padding);font-size:var(--btn-lg-font)}.btn-primary{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.85) 0,rgba(var(--color-primary-rgb,59,130,246),.65) 100%);color:white;border-color:rgba(var(--color-primary-rgb,59,130,246),.5)}.btn-primary:hover{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.95) 0,rgba(var(--color-primary-rgb,59,130,246),.78) 100%);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--color-primary-rgb,59,130,246),.4),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-blue,.btn-danger,.btn-green,.btn-primary,.btn-ready,.btn-red,.btn-secondary,.btn-start-glass,.btn-success,.btn-warning,.btn-yellow{position:relative;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.1);transition:all .25s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-green,.btn-success{background:linear-gradient(145deg,rgba(34,197,94,.85),rgba(22,163,74,.75));color:white;border-color:rgba(134,239,172,.4)}.btn-green:hover,.btn-success:hover{background:linear-gradient(145deg,rgba(34,197,94,.95),rgba(22,163,74,.88));transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,197,94,.35),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-start-glass{background:linear-gradient(145deg,rgba(34,197,94,.85),rgba(22,163,74,.75));color:white;border-color:rgba(134,239,172,.4);font-weight:700;padding:10px 24px;border-radius:10px;font-size:15px;letter-spacing:.5px;cursor:pointer}.btn-start-glass:hover{background:linear-gradient(145deg,rgba(34,197,94,.95),rgba(22,163,74,.88));transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,197,94,.35),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-start-glass:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.3),inset 0 2px 4px rgba(0,0,0,.1)}.btn-start-glass:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-warning,.btn-yellow{background:linear-gradient(145deg,rgba(245,158,11,.85),rgba(217,119,6,.75));color:#1e293b;border-color:rgba(253,224,71,.5);text-shadow:0 1px 1px rgba(255,255,255,.3)}.btn-warning:hover,.btn-yellow:hover{background:linear-gradient(145deg,rgba(245,158,11,.95),rgba(217,119,6,.88));transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.35),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-danger,.btn-red{background:linear-gradient(145deg,rgba(239,68,68,.85),rgba(220,38,38,.75));color:white;border-color:rgba(252,165,165,.4)}.btn-danger:hover,.btn-red:hover{background:linear-gradient(145deg,rgba(239,68,68,.95),rgba(220,38,38,.88));transform:translateY(-2px);box-shadow:0 8px 24px rgba(239,68,68,.35),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-secondary{background:linear-gradient(145deg,rgba(100,116,139,.85),rgba(71,85,105,.75));color:white;border-color:rgba(203,213,225,.4)}.btn-secondary:hover{background:linear-gradient(145deg,rgba(100,116,139,.95),rgba(71,85,105,.88));transform:translateY(-2px);box-shadow:0 8px 24px rgba(100,116,139,.35),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-blue{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.85) 0,rgba(var(--color-primary-rgb,59,130,246),.65) 100%);color:white;border-color:rgba(var(--color-primary-rgb,59,130,246),.5)}.btn-blue:hover{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.95) 0,rgba(var(--color-primary-rgb,59,130,246),.78) 100%);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--color-primary-rgb,59,130,246),.4),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-ready{background:linear-gradient(145deg,rgba(16,185,129,.85),rgba(5,150,105,.75));color:white;border-color:rgba(110,231,183,.4)}.btn-ready:hover{background:linear-gradient(145deg,rgba(16,185,129,.95),rgba(5,150,105,.88));transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.35),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-blue:active,.btn-danger:active,.btn-green:active,.btn-primary:active,.btn-ready:active,.btn-red:active,.btn-secondary:active,.btn-start-glass:active,.btn-success:active,.btn-warning:active,.btn-yellow:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.3),inset 0 2px 4px rgba(0,0,0,.1)}@media (max-width:768px){.btn-blue,.btn-green,.btn-md,.btn-primary,.btn-red,.btn-secondary,.btn-start-glass,.btn-yellow{height:auto;min-height:32px;padding:6px 10px;font-size:12px;white-space:nowrap}.action-buttons button{height:auto;min-height:28px;padding:5px 8px;font-size:11px;margin:2px;white-space:nowrap}}@media (max-width:400px){.action-buttons button{white-space:normal;line-height:1.2;padding:6px}}.btn-arrow,.btn-icon{width:32px;height:32px;padding:0;font-size:14px;display:inline-flex;align-items:center;justify-content:center}@media (max-width:768px){.btn-arrow,.btn-icon{width:28px;height:28px;font-size:12px}}@media (prefers-color-scheme:dark){.no-agents{color:#aaa}.on-break{background-color:rgba(244,67,54,.2)}}.welcome-message{text-align:center;margin-bottom:8px;padding:8px 12px;background-color:rgba(0,123,255,.1);border-radius:var(--border-radius);font-size:16px}@media (max-width:768px){.welcome-message{margin-bottom:5px;padding:6px 10px;font-size:14px}}.user-name{font-weight:700;color:var(--primary-color)}@media (prefers-color-scheme:dark){.welcome-message{background-color:rgba(0,123,255,.2)}}.dropdown-toggle{background:rgba(255,255,255,.2)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffff!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:8px!important;cursor:pointer;font-size:14px!important;line-height:1.2!important;height:36px!important;box-sizing:border-box!important;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3);margin:2px;display:flex!important;align-items:center;gap:5px;font-weight:600;padding:8px 14px!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dropdown-toggle:hover{background:rgba(255,255,255,.35)!important;box-shadow:0 8px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.5);transform:translateY(-2px) scale(1.02);border-color:rgba(255,255,255,.5)!important}.dropdown-toggle:active{transform:translateY(0) scale(.98);background:rgba(255,255,255,.15)!important;box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:1000;min-width:200px;padding:.5rem 0;margin:8px 0 0;list-style:none;background-color:#222;border:1px solid #333;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.3)}.dropdown-menu li{display:block;width:100%;margin:0!important}.dropdown-menu li a{display:block;padding:10px 16px;text-decoration:none;color:white!important;transition:background-color .2s;background-color:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;text-align:left;font-weight:400!important;margin:0!important}.dropdown-menu li a:hover{background-color:#444!important;transform:none!important;box-shadow:none!important}@media (max-width:768px){.navbar ul{flex-direction:column;align-items:stretch;width:100%}.dropdown-menu{position:static;transform:none;margin-top:0;width:100%}.dropdown-toggle,.navbar a,.navbar button{width:100%;margin:2px 0}}.trends-container{padding:20px;max-width:1200px;margin:0 auto}.primary-filters{padding:16px;margin-bottom:20px;background-color:#1e293b;border-radius:8px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-cols-1{grid-template-columns:1fr}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.filter-group{margin-bottom:12px}.block{display:block}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.mb-1{margin-bottom:.25rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.select-input{padding:8px 12px;border:1px solid #4b5563;border-radius:4px;background-color:#1e293b;color:#f1f5f9;width:100%}.mr-2{margin-right:.5rem}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.w-full{width:100%}.date-input{padding:8px 12px;border:1px solid #4b5563;border-radius:4px;background-color:#1e293b;color:#f1f5f9}.apply-btn{padding:8px 16px;border-radius:4px;background-color:#2563eb;color:white;border:none;cursor:pointer;font-weight:500}.apply-btn:hover{background-color:#1d4ed8}.loading-indicator,.no-data{padding:32px;text-align:center;color:#94a3b8}.metric-selector{margin-bottom:16px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.gap-3{gap:12px}.metric-card{padding:12px;border-radius:8px;border-width:2px;cursor:pointer;transition:all .2s;background-color:#1e293b;border-color:#475569;color:#f1f5f9}.metric-card.active,.metric-card:hover{border-color:#3b82f6}.metric-card.active{background-color:#1e40af}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.text-gray-800{color:#f1f5f9}.view-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #475569;padding-bottom:8px}.tab-button{padding:8px 16px;background-color:transparent;color:#94a3b8}.tab-button.active-tab{border-bottom:2px solid #3b82f6;color:#3b82f6}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4b5563;border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:white;border-radius:50%}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translateX(20px)}.text-blue-600{color:#3b82f6}.text-gray-500{color:#94a3b8}.chart-container{padding:16px;margin-bottom:20px}.agent-toggle-container,.chart-container{border:1px solid #475569;border-radius:8px;background-color:#1e293b}.agent-toggle-container{margin-top:16px;padding:12px}.agent-toggles{display:flex;flex-wrap:wrap;gap:8px}table{width:100%;border-collapse:collapse;margin-bottom:20px}td,th{padding:12px;text-align:left;border:1px solid #475569}th{font-weight:600}th,tr:nth-child(odd){background-color:#1e293b}tr:nth-child(2n){background-color:#2d3748}@media (max-width:767px){.view-controls{flex-direction:column;gap:12px;align-items:flex-start}.chart-type-switch{align-self:flex-end}}@media (prefers-color-scheme:light){table tbody tr:nth-child(odd){color:white!important}table tbody tr:nth-child(2n){color:var(--table-text-light)!important}table tbody tr:nth-child(odd),table th{color:white!important}table tbody tr:nth-child(2n){color:var(--table-text-light)!important}table th{color:white!important}table tbody tr:hover{background-color:rgba(0,123,255,.1)!important;color:var(--table-text-light)!important}table tbody tr:nth-child(odd):hover{color:white!important;background-color:rgba(0,123,255,.3)!important}tr[style*="rgba(255, 255, 0, 0.2)"],tr[style*="rgba(255, 255, 0, 0.2)"] td{color:#000000!important}}.visitor-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(0,0,0,.4) 0,rgba(var(--color-primary-rgb,59,130,246),.15) 50%,rgba(0,0,0,.5) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.visitor-form-container{background:rgba(255,255,255,.85);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:24px;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.6);border-top-color:rgba(255,255,255,.8);box-shadow:0 24px 80px rgba(0,0,0,.25),0 8px 32px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.6);animation:modalSlideUp .35s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.visitor-form-container h2{margin-top:0;color:#1e293b;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.5)}.form-description{margin-bottom:20px;color:#475569}.btn-close{position:absolute;top:12px;right:12px;background:rgba(239,68,68,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.3);border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer;color:#ef4444;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-close:hover{background:rgba(239,68,68,.25);transform:scale(1.1)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;margin-top:5px;border-radius:10px;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25);background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1e293b;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:rgba(var(--color-primary-rgb,59,130,246),.5);background:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.15),inset 0 1px 2px rgba(0,0,0,.05)}.form-group{margin-bottom:16px}.form-group label{color:#334155;font-weight:500}.form-actions{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid rgba(var(--color-primary-rgb,59,130,246),.15)}.btn-submit{background:linear-gradient(145deg,rgba(34,197,94,.85),rgba(22,163,74,.75));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:white;padding:12px 20px;border:1px solid rgba(134,239,172,.4);border-radius:10px;cursor:pointer;font-weight:600;transition:all .25s ease;box-shadow:0 4px 16px rgba(34,197,94,.3),inset 0 1px 0 rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-submit:hover{background:linear-gradient(145deg,rgba(34,197,94,.95),rgba(22,163,74,.88));transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,197,94,.4),inset 0 1px 0 rgba(255,255,255,.4)}.btn-confirm-skip,.btn-skip{background:linear-gradient(145deg,rgba(239,68,68,.85),rgba(220,38,38,.75));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:white;padding:12px 20px;border:1px solid rgba(252,165,165,.4);border-radius:10px;cursor:pointer;font-weight:600;transition:all .25s ease;box-shadow:0 4px 16px rgba(239,68,68,.3),inset 0 1px 0 rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-confirm-skip:hover,.btn-skip:hover{background:linear-gradient(145deg,rgba(239,68,68,.95),rgba(220,38,38,.88));transform:translateY(-2px)}.btn-back{background:linear-gradient(145deg,rgba(59,130,246,.85),rgba(37,99,235,.75));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:white;padding:12px 20px;border:1px solid rgba(147,197,253,.4);border-radius:10px;cursor:pointer;font-weight:600;transition:all .25s ease;box-shadow:0 4px 16px rgba(59,130,246,.3),inset 0 1px 0 rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-back:hover{background:linear-gradient(145deg,rgba(59,130,246,.95),rgba(37,99,235,.88));transform:translateY(-2px)}.error-message{color:#dc2626;margin-bottom:15px;padding:12px 16px;background:rgba(254,226,226,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(252,165,165,.5);border-radius:10px;font-weight:500}.checkbox-group{display:flex;align-items:center}.checkbox-group input{margin-right:10px}.skip-form{padding:16px;background:rgba(var(--color-primary-rgb,59,130,246),.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--color-primary-rgb,59,130,246),.15);border-radius:12px;margin-bottom:20px}@media (prefers-color-scheme:dark){.visitor-form-container{background:rgba(15,23,42,.85);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);color:#f1f5f9;border-color:rgba(255,255,255,.15);box-shadow:0 24px 80px rgba(0,0,0,.5),0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1)}.visitor-form-container h2,.visitor-form-container label,.visitor-form-container p{color:#f1f5f9}.visitor-form-container h2{text-shadow:0 1px 3px rgba(0,0,0,.3)}.form-description{color:#94a3b8}.form-input,.form-select,.form-textarea{background:rgba(30,41,59,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f1f5f9;border-color:rgba(255,255,255,.15)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:rgba(30,41,59,.8);border-color:rgba(var(--color-primary-rgb,59,130,246),.5);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.2),inset 0 1px 2px rgba(0,0,0,.1)}.form-input::placeholder{color:#64748b}.skip-form{background:rgba(var(--color-primary-rgb,59,130,246),.12);border-color:rgba(var(--color-primary-rgb,59,130,246),.2);color:#f1f5f9}.visitor-form-container .btn-close{color:#f0f0f0}}.visitors-table-container{margin-top:20px}.visitors-table{box-shadow:0 0 20px rgba(0,0,0,.15)}.visitors-table thead tr{background-color:var(--color-primary,#3b82f6);color:white;text-align:left}.visitors-table td,.visitors-table th{padding:12px 15px}.visitors-table tbody tr{border-bottom:1px solid #dddddd}.visitors-table tbody tr:nth-of-type(2n){background-color:rgba(0,0,0,.05)}.visitors-table tbody tr:last-of-type{border-bottom:2px solid var(--color-primary,#3b82f6)}@media (prefers-color-scheme:dark){.visitors-table thead tr{background-color:#1e88e5}.visitors-table tbody tr:nth-of-type(2n){background-color:rgba(255,255,255,.05)}.visitors-table tbody tr{border-bottom:1px solid #444}.visitors-table tbody tr:last-of-type{border-bottom:2px solid #1e88e5}}.filters-container{display:flex;flex-wrap:wrap;gap:15px;padding:15px;background-color:#f5f5f5}.filter-group{min-width:200px}.date-range{min-width:300px}.date-inputs{gap:10px}.date-input{flex:1 1}.filter-input,.filter-select{border:1px solid #ddd;margin-top:5px}.filter-button{margin-top:auto;padding:8px 15px;background-color:#4CAF50}.filter-button.reset{background-color:#f44336}.visitors-table-container{overflow-x:auto}.visitors-table{width:100%;border-collapse:collapse}.visitors-table td,.visitors-table th{padding:12px;border:1px solid #ddd;text-align:left}.visitors-table th{background-color:#f2f2f2}.visitors-table tr:nth-child(2n){background-color:#f9f9f9}.visitors-table tr.expanded{background-color:#e6f7ff}.more-info-button{padding:6px 12px;background-color:var(--color-primary,#3b82f6);color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.more-info-button:hover{background-color:var(--color-primary-hover,#2563eb)}.expanded-row{background-color:#f0f8ff}.expanded-content{display:flex;flex-wrap:wrap;gap:20px;padding:15px}.detail-section{flex:1 1;min-width:250px}.detail-section h4{margin-top:0;margin-bottom:10px;color:var(--color-primary,#3b82f6)}.detail-section h4 .edit-btn{width:auto!important;min-width:unset;padding:4px 12px;display:inline-block;margin-left:10px;font-size:12px;vertical-align:middle}.detail-section>.edit-btn{width:auto!important;min-width:80px;padding:6px 20px;display:block;margin:0 auto 15px}@media (prefers-color-scheme:dark){.filters-container{background-color:#333;color:#f0f0f0}.filter-input,.filter-select{border-color:#555}.filter-input,.filter-select,.visitors-table th{background-color:#444;color:#f0f0f0}.visitors-table td{border-color:#555}.visitors-table tr:nth-child(2n){background-color:#333}.visitors-table tr.expanded{background-color:#1e3a5c}.expanded-row{background-color:#2a3e52}.detail-section h4{color:#64b5f6}}.assignment-select{width:auto;min-width:200px;max-width:300px;padding:4px;border-radius:4px;border:1px solid #ccc}.glass-expanded-content .detail-section{padding-left:15px}@media (prefers-color-scheme:dark){.assignment-select{background-color:#333;color:#f0f0f0;border-color:#555}}.filters-header{margin-bottom:15px}.toggle-filters-btn{background-color:#f0f0f0;border:1px solid #ccc}.toggle-filters-btn:hover{background-color:#e0e0e0}@media (prefers-color-scheme:dark){.toggle-filters-btn{background-color:#444;border-color:#555;color:#f0f0f0}.toggle-filters-btn:hover{background-color:#555}}.legacy-note{background-color:#f8f8f8;padding:10px;border-left:3px solid #ccc;margin-bottom:15px}.notes-list{margin-bottom:15px;max-height:300px;border:1px solid #ddd;border-radius:4px}.note-item{padding:8px 12px;border-bottom:1px solid #eee}.note-item:last-child{border-bottom:none}.note-header{font-size:12px;color:#666;margin-bottom:4px}.note-author,.note-timestamp{display:inline-block;margin-right:5px}.note-text{white-space:pre-wrap}.add-note-form{margin-top:15px;display:flex;flex-direction:column;gap:10px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row button{width:auto!important;flex:0 0 auto}.note-textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;margin-bottom:0;resize:vertical}.add-note-button{background-color:#4CAF50;color:white;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;width:auto!important;font-size:13px}.add-note-button:disabled{background-color:#cccccc;cursor:not-allowed}@media (prefers-color-scheme:dark){.legacy-note{background-color:#2a2a2a;border-left-color:#555}.notes-list{border-color:#555}.note-item{border-bottom-color:#444}.note-header{color:#aaa}.note-textarea{background-color:#333;color:#f0f0f0;border-color:#555}.add-note-button:disabled{background-color:#555;color:#888}}.filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:15px}.filter-group{margin-bottom:0}.filter-buttons{margin-left:auto}.filter-input,.filter-select{min-width:200px}.filters-header{margin-bottom:10px}.filters-content{display:flex;flex-wrap:wrap;align-items:center}.filter-group{flex:0 0 auto;margin-bottom:10px;margin-right:10px}.filter-buttons{margin-top:5px}.filter-input,.filter-select{width:auto;min-width:180px}.date-inputs{display:flex;align-items:center;gap:5px}.date-input{width:140px}.stats-table th{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:20px}.stats-table th:hover{background-color:rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){.stats-table th:hover{background-color:rgba(255,255,255,.1)}}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.tab-header h2{margin:0}.export-excel-btn{background-color:#4CAF50;color:white;padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px;transition:background-color .2s}.export-excel-btn:hover{background-color:#45a049}@media (prefers-color-scheme:dark){.export-excel-btn{background-color:#388e3c}.export-excel-btn:hover{background-color:#2e7d32}}@media (max-width:600px){.tab-header{flex-direction:column;align-items:flex-start}.tab-header h2{margin-bottom:10px}}.delete-visitor-btn{background-color:#dc3545;color:white;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:700;margin-top:10px}.delete-visitor-btn:hover{background-color:#c82333}.admin-actions{margin-top:10px;padding-top:10px;border-top:1px solid #ddd}@media (prefers-color-scheme:dark){.admin-actions{border-top-color:#555}}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px 0;gap:5px}.page-button{padding:8px 12px;background-color:#e2e8f0;border:1px solid #cbd5e1;cursor:pointer;border-radius:6px;font-weight:500;transition:all .2s ease;color:#1e293b;width:auto!important;min-width:auto;flex-shrink:0}.page-button:hover{background-color:#cbd5e1}.page-button:disabled{opacity:.5;cursor:not-allowed}.page-button.active{background-color:#3b82f6;color:white;border-color:#3b82f6}@media (prefers-color-scheme:dark){.page-button{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.page-button:hover{background-color:#4b5563}.page-button.active{background-color:#3b82f6;color:white;border-color:#3b82f6}}.ellipsis{padding:8px 12px;color:inherit}@media (max-width:768px){.pagination{flex-direction:row!important;flex-wrap:wrap;gap:4px}.page-button{padding:6px 10px;font-size:13px;width:auto!important;min-width:unset}.ellipsis{padding:6px 8px}}.visitors-summary{margin:10px 0;font-size:14px;color:#666}.per-page-selector{display:flex;align-items:center;gap:5px;margin-bottom:15px}.bulk-actions{display:flex;align-items:center;margin:15px 0;gap:15px}.selected-count{font-size:14px;color:#666}.bulk-delete-btn{background-color:#ff4d4f;color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.bulk-delete-btn:hover{background-color:#ff7875}.bulk-delete-btn:disabled{background-color:#d9d9d9;cursor:not-allowed}.pagination-controls{margin-top:20px;padding-top:15px}.filter-divider{margin:20px 0;border:0;border-top:1px solid #444}@media (prefers-color-scheme:dark){.filter-divider{border-top-color:#555}}.filters-content .pagination .page-button{margin:0 2px;padding:5px 10px;border-radius:4px;cursor:pointer}.filters-content .pagination .page-button.active{background-color:#4CAF50;color:white}.changelog-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.changelog-modal-container{background-color:white;border-radius:.5rem;padding:1.5rem;max-width:32rem;width:100%;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.changelog-modal-container{background-color:#2a2a2a;color:#f0f0f0;border:1px solid #444}.changelog-modal-container input,.changelog-modal-container select,.changelog-modal-container textarea{background-color:#333!important;color:#f0f0f0!important;border-color:#555!important}.changelog-modal-container label{color:#f0f0f0!important}}.changelog-modal-header{margin-bottom:1rem}.changelog-modal-title{font-size:1.25rem;font-weight:600;text-align:center}.totals-row{background-color:rgba(0,0,0,.05);font-weight:700}@media (prefers-color-scheme:dark){.totals-row{background-color:rgba(255,255,255,.1)}}.modal-overlay{background-color:rgba(0,0,0,.5)}.modal-container{padding:20px;border-radius:8px;max-width:500px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.cancel-button{background-color:#f44336}.cancel-button,.confirm-button{color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.confirm-button{background-color:#4CAF50}.confirm-button:disabled{background-color:#cccccc;cursor:not-allowed}.error-message{color:#f44336;margin-top:5px}.move-to-customer-button{background-color:#4CAF50;color:white;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-left:0;width:auto!important;font-size:13px}@media (prefers-color-scheme:dark){.modal-container{background-color:#333;color:white}}.search-container{margin-bottom:30px}.search-form{margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:8px}.search-input-group{margin-bottom:15px}.search-input{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:4px 0 0 4px}.search-button{padding:10px 20px;background-color:#4CAF50;border-radius:0 4px 4px 0}.search-button:hover{background-color:#45a049}.search-filters{display:flex;flex-wrap:wrap;gap:15px}.search-results h2{margin-bottom:15px}.status-badge{padding:3px 8px;font-size:.8em;font-weight:700;text-transform:capitalize}.status-badge.visitor{background-color:#ffc107;color:#333}.status-badge.customer{background-color:#4CAF50;color:white}@media (prefers-color-scheme:dark){.search-form{background-color:#333;color:#f0f0f0}.search-input{background-color:#444;color:#f0f0f0;border-color:#555}.search-input::placeholder{color:#aaa}.status-badge.visitor{background-color:#b28600;color:#fff}}.summary{margin:10px 0;font-size:14px;color:#64748b}@media (prefers-color-scheme:dark){.summary{color:#9ca3af}}.import-section{margin:20px 0;padding:20px;border:1px solid #ddd;border-radius:8px}.file-input{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%;max-width:300px}.import-btn,.preview-btn{background-color:#4CAF50;color:white;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.import-btn:disabled,.preview-btn:disabled{background-color:#ccc;cursor:not-allowed}.import-btn:hover:not(:disabled),.preview-btn:hover:not(:disabled){background-color:#45a049}.import-results,.preview-results{background-color:#f9f9f9;padding:15px;border-radius:4px;margin:10px 0;color:#333}.import-results p,.preview-results p{color:#333!important;margin:5px 0}.import-results strong,.preview-results strong{color:#000!important}@media (prefers-color-scheme:dark){.import-results,.preview-results{background-color:#2a2a2a;color:#f0f0f0!important}.import-results p,.preview-results p{color:#f0f0f0!important}.import-results strong,.preview-results strong{color:#fff!important}}.errors{background-color:#ffe6e6}.errors,.existing-customers{padding:10px;border-radius:4px;margin:10px 0;color:#333!important}.existing-customers{background-color:#fff3cd}.errors ul,.existing-customers ul{margin:5px 0;padding-left:20px}.errors li,.existing-customers li{color:#333!important}@media (prefers-color-scheme:dark){.errors{background-color:#4a1a1a}.errors,.errors li{color:#ffcccc!important}.existing-customers{background-color:#4a4a1a}.existing-customers,.existing-customers li{color:#ffffcc!important}}.preview-btn{background-color:var(--color-primary,#3b82f6)!important;color:white!important;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700}.preview-btn:hover:not(:disabled){background-color:#0b7dda!important}.preview-btn:disabled{background-color:#ccc!important;cursor:not-allowed}:root{--background-primary:white;--background-secondary:#f5f5f5;--header-background:#e0e0e0;--row-even:#f9f9f9;--row-odd:white;--border-color:#ccc;--text-primary:#333;--text-secondary:#666;--accent-color:var(--color-primary,#3b82f6)}@media (prefers-color-scheme:dark){:root{--background-primary:#2a2a2a;--background-secondary:#1e1e1e;--header-background:#3a3a3a;--row-even:#252525;--row-odd:#2a2a2a;--border-color:#555;--text-primary:#f0f0f0;--text-secondary:#bbb;--accent-color:#64b5f6}}.mypage-container{margin:0 auto}.mypage-header{text-align:center;margin-bottom:30px}.mypage-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:var(--text-primary,#333)}.mypage-subtitle{font-size:1.2rem;color:var(--text-secondary,#666);margin:0}.mypage-content{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr}.coming-soon-card{background:var(--background-primary,white);border:1px solid var(--border-color,#ddd);border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.coming-soon-title{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary,#333)}.feature-list{list-style:none;padding:0;margin:0}.feature-item{padding:12px 0;border-bottom:1px solid var(--border-color,#eee);font-size:1.1rem;color:var(--text-primary,#333)}.feature-item:last-child{border-bottom:none}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:var(--text-primary,#333)}@media (max-width:768px){.mypage-container{padding:15px}.mypage-title{font-size:2rem}.mypage-subtitle{font-size:1rem}.coming-soon-card{padding:15px}}@media (prefers-color-scheme:dark){.coming-soon-card{background-color:#2a2a2a;border-color:#555}}.mypage-container{padding:20px;max-width:1000px;margin:20px auto 0}body>div:first-child nav:not(:first-of-type){display:none!important}.view-as-container{background:var(--background-secondary,#f5f5f5);border:1px solid var(--border-color,#ddd);border-radius:8px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;position:relative;z-index:1}.view-as-label{font-weight:700;color:var(--text-primary,#333);white-space:nowrap}.view-as-select{flex:1 1;padding:8px 12px;border:1px solid var(--border-color,#ccc);border-radius:4px;background:var(--background-primary,white);color:var(--text-primary,#333);font-size:14px}.view-as-select:focus{outline:none;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 5px rgba(var(--color-primary-rgb,59,130,246),.3)}@media (prefers-color-scheme:dark){.view-as-container{background-color:#333;border-color:#555}.view-as-select{background-color:#2a2a2a;border-color:#555;color:#f0f0f0}}@media (max-width:768px){.view-as-container{flex-direction:column;align-items:stretch;gap:8px}.view-as-label{text-align:center}}.time-range-container{background:var(--background-secondary,#f5f5f5);border:1px solid var(--border-color,#ddd);border-radius:8px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.time-range-label{font-weight:700;color:var(--text-primary,#333);white-space:nowrap}.date-input,.time-range-select{padding:8px 12px;border:1px solid var(--border-color,#ccc);border-radius:4px;background:var(--background-primary,white);color:var(--text-primary,#333);font-size:14px}.custom-date-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats-section{margin-bottom:30px}.stats-title{font-size:1.5rem;margin-bottom:20px;color:var(--text-primary,#333)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px}.stat-card{background:var(--background-primary,white);border:1px solid var(--border-color,#ddd);border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary,#3b82f6);margin-bottom:8px}.stat-label{font-size:.9rem;color:var(--text-secondary,#666);font-weight:500}.no-stats,.stats-loading{text-align:center;padding:40px;color:var(--text-secondary,#666);font-style:italic}@media (prefers-color-scheme:dark){.time-range-container{background-color:#333;border-color:#555}.date-input,.time-range-select{color:#f0f0f0}.date-input,.stat-card,.time-range-select{background-color:#2a2a2a;border-color:#555}}@media (max-width:768px){.time-range-container{flex-direction:column;align-items:stretch}.custom-date-range{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card{padding:15px}.stat-number{font-size:1.5rem}}.followup-section{margin-bottom:30px}.followup-title{font-size:1.5rem;margin-bottom:20px;color:var(--text-primary,#333)}.followup-list{display:flex;flex-direction:column;gap:15px}.followup-card{background:var(--background-primary,white);border:1px solid var(--border-color,#ddd);border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease}.followup-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.followup-card.overdue{border-left:4px solid #f44336;background-color:#ffebee}.followup-card.today{border-left:4px solid #ff9800;background-color:#fff3e0}.followup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.visitor-name{font-size:1.2rem;font-weight:700;color:var(--text-primary,#333)}.followup-date{font-weight:500;color:var(--color-primary,#3b82f6)}.followup-date.overdue-text{color:#f44336;font-weight:700}.followup-date.today-text{color:#ff9800;font-weight:700}.visitor-details{display:flex;flex-direction:column;gap:8px}.detail-item{font-size:.9rem;color:var(--text-secondary,#666)}.detail-item strong{color:var(--text-primary,#333)}.contact-info{display:flex;gap:15px;flex-wrap:wrap}.contact-info .email,.contact-info .phone{font-size:.9rem;color:var(--text-secondary,#666)}.followup-loading,.no-followups{text-align:center;padding:40px;color:var(--text-secondary,#666);font-style:italic}@media (prefers-color-scheme:dark){.followup-card{background-color:#2a2a2a;border-color:#555}.followup-card.overdue{background-color:#2d1b1b}.followup-card.today{background-color:#2d2419}}@media (max-width:768px){.followup-header{flex-direction:column;align-items:flex-start}.contact-info{flex-direction:column;gap:5px}}.notepad-section{background:var(--card-background,#fff);border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.notepad-title{margin:0 0 20px;color:var(--text-primary,#333);font-size:1.5em;font-weight:600}.add-note-container{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.notepad-textarea{width:100%;min-height:80px;padding:12px;border:2px solid var(--border-color,#ddd);border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;background:var(--input-background,#fff);color:var(--text-primary,#333);transition:border-color .2s ease}.notepad-textarea:focus{outline:none;border-color:var(--color-primary,#3b82f6)}.notepad-textarea::placeholder{color:var(--text-secondary,#666)}.add-note-btn{align-self:flex-start;background-color:#4CAF50;color:white;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.add-note-btn:hover:not(:disabled){background-color:#45a049}.add-note-btn:disabled{background-color:#cccccc;cursor:not-allowed}.notes-loading{text-align:center;padding:20px;color:var(--text-secondary,#666);font-style:italic}.notes-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.note-card{background:var(--note-background,#f8f9fa);border:1px solid var(--border-color,#e9ecef);border-radius:6px;padding:12px;transition:box-shadow .2s ease}.note-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-timestamp{font-size:.85em;color:var(--text-secondary,#666);font-weight:500}.delete-note-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;transition:background-color .2s ease;font-size:.9em}.delete-note-btn:hover{background-color:rgba(244,67,54,.1)}.note-content{color:var(--text-primary,#333);line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.no-notes{text-align:center;padding:40px 20px;color:var(--text-secondary,#666);font-style:italic}@media (prefers-color-scheme:dark){.notepad-section{--card-background:#2a2a2a;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--border-color:#555;--input-background:#333;--note-background:#333;--accent-color:#4CAF50}.notepad-textarea{background-color:var(--input-background);color:var(--text-primary)}.note-card,.notepad-textarea{border-color:var(--border-color)}.note-card{background-color:var(--note-background)}}@media (max-width:768px){.notepad-section{padding:15px;margin:15px 0}.notepad-title{font-size:1.3em}.add-note-container{gap:8px}.notepad-textarea{font-size:16px}.add-note-btn{padding:12px 20px;width:100%}.notes-list{max-height:300px}.note-card{padding:10px}.note-header{flex-direction:column;align-items:flex-start;gap:5px}.delete-note-btn{align-self:flex-end;margin-top:-5px}}.daily-quote-section{margin:20px 0;display:flex;justify-content:center;align-items:center}.quote-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px 30px;max-width:700px;width:100%;text-align:center;box-shadow:0 10px 25px rgba(102,126,234,.3);position:relative;overflow:hidden}.quote-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);pointer-events:none}.quote-icon{font-size:2.2rem;margin-bottom:15px;animation:sparkle 2s ease-in-out infinite alternate}@keyframes sparkle{0%{transform:scale(1)}to{transform:scale(1.1)}}.quote-text{font-size:1.3rem;font-weight:500;color:white;margin:0 0 15px;text-shadow:0 2px 4px rgba(0,0,0,.2);word-wrap:break-word;overflow-wrap:break-word}.quote-author,.quote-text{position:relative;z-index:1}.quote-author{font-size:1.1rem;color:rgba(255,255,255,.9);font-weight:600;margin-bottom:10px}.quote-category{background:rgba(255,255,255,.2);color:white;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);position:relative;z-index:1}@media (prefers-color-scheme:dark){.quote-container{background:linear-gradient(135deg,#2D3748,#4A5568);box-shadow:0 15px 35px rgba(45,55,72,.4)}.quote-container:before{background:radial-gradient(circle,rgba(255,255,255,.05) 0,transparent 70%)}}@media (max-width:768px){.quote-container{padding:25px 15px;margin:20px 10px}.quote-text{font-size:1.1rem;word-wrap:break-word;overflow-wrap:break-word}.quote-author{font-size:1rem}.quote-icon{font-size:2rem}}.add-quote-section{background:var(--card-background,#f8f9fa);border-radius:8px;padding:20px;margin-bottom:30px;border:1px solid var(--border-color,#e9ecef)}.quote-form{display:flex;flex-direction:column;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;gap:15px}.form-textarea{width:100%;min-height:80px;padding:12px;border:1px solid var(--border-color,#ddd);border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;background:var(--input-background,#fff);color:var(--text-primary,#333)}.form-textarea:focus{outline:none;border-color:var(--color-primary,#3b82f6)}.field-hint{font-size:.85em;color:var(--text-secondary,#666);margin-top:4px;font-style:italic}.btn-add-quote{background-color:#4CAF50;color:white;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;align-self:flex-start;transition:background-color .2s ease}.btn-add-quote:hover{background-color:#45a049}.quotes-list-section{margin-top:30px}.quotes-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.quotes-table{width:100%;border-collapse:collapse;background:var(--card-background,#fff)}.quotes-table td,.quotes-table th{padding:12px;text-align:left;border-bottom:1px solid var(--border-color,#e9ecef)}.quotes-table th{background-color:var(--header-background,#f8f9fa);font-weight:600;color:var(--text-primary,#333)}.quote-text{max-width:300px;font-style:italic;line-height:1.4}.category-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.category-customer-service{background-color:#e3f2fd;color:#1976d2}.category-teamwork{background-color:#f3e5f5;color:#7b1fa2}.category-hard-work{background-color:#fff3e0;color:#f57c00}.category-leadership{background-color:#e8f5e8;color:#388e3c}.category-kindness{background-color:#fce4ec;color:#c2185b}.category-sales{background-color:#e1f5fe;color:#0277bd}.category-personal-growth{background-color:#f1f8e9;color:#689f38}.category-success{background-color:#fff8e1;color:#ffa000}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:500;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.btn-toggle{margin-right:8px;padding:6px 12px;border:none;border-radius:4px;font-size:.85em;cursor:pointer;transition:background-color .2s ease}.btn-activate{background-color:#28a745;color:white}.btn-activate:hover{background-color:#218838}.btn-deactivate{background-color:#ffc107;color:#212529}.btn-deactivate:hover{background-color:#e0a800}.inactive-quote{opacity:.6}.no-quotes{text-align:center;color:var(--text-secondary,#666);font-style:italic;padding:40px 20px}@media (prefers-color-scheme:dark){.add-quote-section{--card-background:#2a2a2a;--border-color:#555}.form-textarea{--input-background:#333;--text-primary:#f0f0f0;--border-color:#555}.quotes-table{--card-background:#2a2a2a}.quotes-table th{--header-background:#333;--text-primary:#f0f0f0}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.quotes-table-container{font-size:.9em}.quote-text{max-width:200px}}.leaderboard-section{background:var(--card-background,#fff);border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.leaderboard-title{margin:0 0 20px;color:var(--text-primary,#333);font-size:1.5em;font-weight:600}.leaderboard-controls{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.leaderboard-dropdown-group{display:flex;align-items:center;gap:8px}.leaderboard-label{font-weight:500;color:var(--text-primary,#333);white-space:nowrap}.leaderboard-select{padding:8px 12px;border:1px solid var(--border-color,#ddd);border-radius:4px;background:var(--input-background,#fff);color:var(--text-primary,#333);font-size:14px}.leaderboard-select:focus{outline:none;border-color:var(--color-primary,#3b82f6)}.leaderboard-table-container{margin-bottom:15px}.leaderboard-table{width:100%;border-collapse:collapse;background:var(--table-background,#fff);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.leaderboard-table th{background-color:var(--color-primary,#3b82f6);color:white;padding:12px;text-align:left;font-weight:600}.leaderboard-table td{padding:12px;border-bottom:1px solid var(--border-color,#eee)}.leaderboard-table tr:nth-child(2n){background-color:var(--row-alt-background,#f9f9f9)}.leaderboard-table tr:hover{background-color:rgba(33,150,243,.05)}.current-user-row{background-color:rgba(255,193,7,.3)!important;font-weight:700}.current-user-row:hover{background-color:rgba(255,193,7,.4)!important}.view-full-list-btn{background-color:#4CAF50;color:white;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.view-full-list-btn:hover{background-color:#45a049}.leaderboard-loading,.no-leaderboard-data{text-align:center;padding:40px;color:var(--text-secondary,#666);font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:white;border-radius:12px;width:90%;max-width:700px;max-height:85vh;box-shadow:0 20px 40px rgba(0,0,0,.3);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),.95) 0,rgba(var(--color-primary-rgb,59,130,246),.8) 100%);color:white}.modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.modal-close-btn{background:rgba(255,255,255,.2);border:none;font-size:18px;cursor:pointer;color:white;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s ease}.modal-close-btn:hover{background:rgba(255,255,255,.3)}.modal-content{padding:0}.full-list-container{max-height:500px;overflow-y:auto}.full-leaderboard-table{width:100%;border-collapse:collapse;background:white}.full-leaderboard-table th{background-color:#f8f9fa;color:var(--color-primary,#3b82f6);padding:15px 20px;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef;position:-webkit-sticky;position:sticky;top:0}.full-leaderboard-table td{padding:15px 20px;border-bottom:1px solid #f1f3f4;font-size:.95rem}.full-leaderboard-table tr:hover{background-color:#f8f9fa}.full-leaderboard-table tr:nth-child(2n){background-color:#fafbfc}.full-leaderboard-table tr:nth-child(2n):hover{background-color:#f5f6f7}.current-user-highlight{background:linear-gradient(135deg,#FFC107,#FF9800)!important;color:white!important;font-weight:700;box-shadow:inset 0 0 0 2px rgba(255,193,7,.3)}.current-user-highlight:hover{background:linear-gradient(135deg,#FFB300,#FF8F00)!important}.current-user-highlight td{border-bottom-color:rgba(255,255,255,.2)}@media (prefers-color-scheme:dark){.modal-container{background-color:#2a2a2a;color:#f0f0f0}.full-leaderboard-table{background:#2a2a2a}.full-leaderboard-table th{background-color:#333;color:#64b5f6;border-bottom-color:#555}.full-leaderboard-table td{border-bottom-color:#444}.full-leaderboard-table tr:hover{background-color:#333}.full-leaderboard-table tr:nth-child(2n){background-color:#2d2d2d}.full-leaderboard-table tr:nth-child(2n):hover{background-color:#363636}.leaderboard-section{--card-background:#2a2a2a;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--border-color:#555;--input-background:#333;--table-background:#2a2a2a;--row-alt-background:#333;--hover-background:#444}.modal-container{--card-background:#2a2a2a;--text-primary:#f0f0f0;--border-color:#555;--hover-background:#444}}@media (max-width:768px){.leaderboard-controls{flex-direction:column;gap:15px}.leaderboard-dropdown-group{flex-direction:column;align-items:flex-start;gap:5px}.leaderboard-select{width:100%}.leaderboard-table td,.leaderboard-table th{padding:8px;font-size:14px}.modal-container{width:95%;max-height:90vh}.modal-content,.modal-header{padding:15px}}.tab-navigation{display:flex;border-bottom:2px solid #ddd;margin-top:20px}.tab-button{background:none;padding:12px 24px;font-size:16px;font-weight:500;color:#666;border:none;border-bottom:3px solid transparent;transition:all .3s ease}.tab-button:hover{color:#333;background-color:#f5f5f5}.tab-button.active{color:var(--color-primary,#3b82f6);border-bottom-color:var(--color-primary,#3b82f6);background-color:rgba(var(--color-primary-rgb,59,130,246),.05)}@media (prefers-color-scheme:dark){.tab-navigation{border-bottom-color:#555}.tab-button{color:#aaa}.tab-button:hover{color:#fff;background-color:#333}.tab-button.active{color:#4CAF50;border-bottom-color:#4CAF50;background-color:#1a2b1a}}:root{--warning-bg:#fff3cd;--warning-border:#ffeaa7;--warning-text:#856404;--success-text:#155724}@media (prefers-color-scheme:dark){:root{--warning-bg:#664d03;--warning-border:#ffecb5;--warning-text:#ffecb5;--success-text:#75dd99}}.btn-deactivate{background-color:#ff9800;color:white;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:400;margin:0 4px;min-width:auto}.btn-deactivate:hover{background-color:#f57c00}.btn-deactivate:active{background-color:#ef6c00}@media (prefers-color-scheme:dark){.btn-deactivate{background-color:#ff9800;color:white}.btn-deactivate:hover{background-color:#f57c00}}.inventory-page{max-width:800px;margin:0 auto;padding:20px}.search-section{margin:30px 0}.search-box{display:flex;gap:10px;max-width:500px;margin:0 auto;width:100%;padding:0 10px}@media (max-width:768px){.search-box{max-width:100%;padding:0 20px}.search-input{flex:3 1;min-width:0}.search-button{flex:1 1;padding:12px 8px;font-size:14px;white-space:nowrap}}.search-input{flex:1 1;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;min-width:0}@media (max-width:768px){.search-input{padding:14px 12px;font-size:16px}}.search-button{padding:12px 20px;background:var(--color-primary,#3b82f6);color:white;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.search-button:hover{background:var(--color-primary-hover,#2563eb)}.search-button:disabled{background:#ccc;cursor:not-allowed}.results-section{margin-top:30px}.no-results{text-align:center;color:#666}@media (prefers-color-scheme:dark){.search-input{background:#333;color:#fff;border-color:#555}.results-section{background:linear-gradient(135deg,rgba(33,150,243,.15),rgba(156,39,176,.15));border-color:rgba(33,150,243,.4)}}.inventory-search-container{display:flex;gap:8px;max-width:600px;margin:0 auto;width:100%;padding:0 15px}.inventory-search-input{flex:4 1;padding:14px 12px;border:2px solid #ddd;border-radius:6px;font-size:16px;min-width:0}.inventory-search-button{flex:1 1;padding:14px 8px;background:var(--color-primary,#3b82f6);color:white;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap;min-width:100px;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease}.inventory-search-button:hover{background:var(--color-primary-hover,#2563eb)}.inventory-search-button:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.inventory-search-container{padding:0 20px;gap:6px}.inventory-search-input{flex:3 1}.inventory-search-button{flex:1 1;padding:14px 4px;font-size:12px}}@media (prefers-color-scheme:dark){.inventory-search-input{background:#333;color:#fff;border-color:#555}}.search-input-group{display:flex;gap:8px;width:100%}.search-input-group .search-input{flex:4 1;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;min-width:0}.search-input-group .search-button{flex:1 1;padding:12px 8px;background:var(--color-primary,#3b82f6);color:white;border:none;border-radius:6px;cursor:pointer;font-weight:700;white-space:nowrap;min-width:80px;transition:background-color .2s ease}.search-input-group .search-button:hover{background:var(--color-primary-hover,#2563eb)}.search-input-group .search-button:disabled{background:#6c757d;cursor:not-allowed}@media (max-width:768px){.search-input-group{gap:6px}.search-input-group .search-input{flex:3 1}.search-input-group .search-button{flex:1 1;padding:12px 4px;font-size:12px}}@media (prefers-color-scheme:dark){.search-input-group .search-input{background:#333;color:#fff;border-color:#555}}.results-summary{background-color:#d4edda;border:1px solid #c3e6cb;padding:10px;border-radius:5px;margin-bottom:15px;font-weight:700;color:#155724}.inventory-results-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:14px}.inventory-results-table td,.inventory-results-table th{border:1px solid var(--table-border-light);padding:12px;text-align:left}.inventory-results-table th{background-color:var(--section-header-bg-light)!important;font-weight:600!important;color:var(--section-header-text)!important;border-bottom:2px solid var(--table-border-light)!important}.inventory-results-table tbody tr:nth-child(2n){background-color:var(--table-row-alt-bg-light)}.inventory-results-table tbody tr:hover{background-color:rgba(59,130,246,.08)}.item-available{background-color:#f8fff9}.item-unavailable{background-color:#fff5f5}.qty-positive{color:#28a745;font-weight:700}.qty-zero{color:#dc3545;font-weight:700}.status-available{color:#28a745;font-weight:700}.status-ordered{color:#ffc107;font-weight:700}.status-unavailable{color:#dc3545;font-weight:700}.error-help{margin-top:20px;padding:15px;border-radius:8px;border-left:4px solid}.ip-restriction-help{background-color:#fff3cd;border-left-color:#ffc107;color:#856404}.connection-error-help{background-color:#f8d7da;border-left-color:#dc3545;color:#721c24}.timeout-error-help{background-color:rgba(var(--color-primary-rgb,59,130,246),.15);border-left-color:var(--color-primary,#3b82f6);color:var(--color-primary,#3b82f6)}.error-help h4{margin-top:0;margin-bottom:10px}.error-help ul{margin:10px 0;padding-left:20px}.error-help li{margin-bottom:5px}@media (max-width:768px){.inventory-results-table{font-size:12px}.inventory-results-table td,.inventory-results-table th{padding:8px}}@media (prefers-color-scheme:dark){.results-summary{background-color:#2d5a2d;border-color:#3a6b3a;color:#b8e6b8}.inventory-results-table th{background-color:var(--section-header-bg-dark)!important;color:var(--section-header-text)!important;border-bottom:2px solid var(--table-border-dark)!important}.inventory-results-table td{border-color:var(--table-border-dark)}.inventory-results-table tbody tr:nth-child(2n){background-color:var(--table-row-alt-bg-dark)}.inventory-results-table tbody tr:hover{background-color:rgba(59,130,246,.15)}.item-available{background-color:#1a3a1a}.item-unavailable{background-color:#3a1a1a}.ip-restriction-help{background-color:#3d3d2d;color:#fff3cd}.connection-error-help{background-color:#3d2d2d;color:#f8d7da}.timeout-error-help{background-color:#2d3d4d;color:#cce5ff}}.search-type-selector{display:flex;justify-content:center;gap:30px;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.radio-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#495057}.radio-label input[type=radio]{margin-right:8px;transform:scale(1.2);accent-color:var(--color-primary,#3b82f6)}.radio-text{font-size:16px}.radio-label:hover{color:var(--color-primary,#3b82f6)}@media (max-width:768px){.search-type-selector{flex-direction:column;gap:15px;text-align:center}}@media (prefers-color-scheme:dark){.search-type-selector{background-color:#2d3748}.radio-label{color:#e2e8f0}.radio-label:hover{color:#63b3ed}}.loading-container{padding:20px;text-align:center}.container{padding:20px;max-width:1200px;margin:0 auto}.page-header{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}@media (max-width:768px){.page-header{font-size:1.1rem}}.changelog-page-container,.customers-page-container,.delivery-slots-page-container,.inventory-page-container,.search-page-container,.visitors-page-container{max-width:1000px!important;margin:0 auto;padding:15px}.tab-navigation{margin-bottom:20px}.tab-button{background-color:#f8f9fa;border:1px solid #dee2e6;padding:10px 20px;margin-right:5px;cursor:pointer;border-radius:4px 4px 0 0}.tab-button.active{background-color:var(--color-primary,#3b82f6);color:white;border-bottom:1px solid var(--color-primary,#3b82f6)}.tab-button:hover{background-color:#e9ecef}.tab-button.active:hover{background-color:var(--color-primary-hover,#2563eb)}.filters-container{background-color:var(--background-secondary,#f5f5f5);border:1px solid var(--border-color,#ddd);border-radius:8px;margin-bottom:20px}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color,#ddd)}.filters-header h3{margin:0;color:var(--text-primary,#000)}.toggle-filters-btn{background-color:var(--color-primary,#3b82f6);color:white;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .2s ease}.toggle-filters-btn:hover{background-color:var(--color-primary-hover,#2563eb)}.filters-content{padding:20px;display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.5fr;grid-gap:15px;gap:15px;align-items:end}.filter-buttons{gap:10px}@media (max-width:768px){.filters-content{grid-template-columns:1fr;gap:10px}.filter-buttons{flex-direction:column}}.filter-group{display:flex;flex-direction:column}.filter-group label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-primary,#000)}.filter-input,.filter-select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:var(--background-primary,white);color:var(--text-primary,#000)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb,59,130,246),.25)}.filter-buttons{display:flex;align-items:end}.filter-button{background-color:var(--color-primary,#3b82f6);color:white;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;width:100%;transition:background-color .2s ease;font-weight:700}.filter-button:hover{background-color:#0056b3}.filter-button.loading{background-color:#ccc;cursor:not-allowed}.results-section{margin-top:20px;background:linear-gradient(135deg,rgba(33,150,243,.1),rgba(156,39,176,.1));border:1px solid rgba(33,150,243,.3);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:20px}.results-summary{background-color:var(--background-secondary,#f9f9f9);padding:15px;border-radius:4px;margin-bottom:20px;border:1px solid var(--border-color,#ddd)}.results-summary p{margin:0;font-weight:700;color:var(--text-primary,#000)}.loading-state{text-align:center;padding:20px}.loading-state p{color:var(--text-primary,#000)}.table-container{overflow-x:auto;margin-bottom:20px}.inventory-table{width:100%;border-collapse:collapse;background-color:var(--card-bg-light);border:1px solid var(--table-border-light);color:var(--table-text-light)}.inventory-table thead tr{background-color:var(--section-header-bg-light);color:var(--section-header-text)}.inventory-table tbody tr:nth-child(2n){background-color:var(--table-row-alt-bg-light)}.inventory-table tbody tr:hover{background-color:rgba(59,130,246,.08)}@media (prefers-color-scheme:dark){.inventory-table{background-color:var(--card-bg-dark);border-color:var(--table-border-dark);color:var(--table-text-dark)}.inventory-table thead tr{background-color:var(--section-header-bg-dark)}.inventory-table tbody tr:nth-child(2n){background-color:var(--table-row-alt-bg-dark)}.inventory-table tbody tr:hover{background-color:rgba(59,130,246,.15)}}.inventory-table th{padding:12px;text-align:left;border-bottom:2px solid var(--border-color,#dee2e6);color:var(--text-primary,#000)!important;font-weight:700}.inventory-table td{padding:10px;color:var(--text-primary,#000);border-bottom:1px solid var(--border-color,#dee2e6)}.inventory-table tbody tr.even{background-color:var(--background-primary,#fff)}.inventory-table tbody tr.odd{background-color:var(--background-secondary,#f8f9fa)}.inventory-table tbody tr:hover{background-color:var(--hover-color,#e9ecef)}.no-data-state{text-align:center;padding:40px;background-color:var(--background-secondary,#f8f9fa);border-radius:4px;border:1px solid var(--border-color,#dee2e6)}.no-data-icon{font-size:18px;margin:0 0 10px}.no-data-text{margin:0;color:var(--text-secondary,#6c757d)}@media (prefers-color-scheme:dark){.filters-container{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.filters-header{border-bottom-color:rgba(255,255,255,.2)}.filter-input,.filter-select{background-color:#333;color:#f0f0f0;border-color:#555}.no-data-state,.results-summary{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}.inventory-table{font-size:.9em}.inventory-table td,.inventory-table th{padding:8px}}.export-button{background-color:#28a745!important}.export-button:hover{background-color:#218838!important}.export-button:disabled{background-color:#ccc!important;cursor:not-allowed!important}.inventory-row-clickable{transition:background-color .2s ease;cursor:pointer}.inventory-row-clickable:hover{background-color:rgba(66,165,245,.1)!important}.expanded-row{background-color:transparent!important}.expanded-content-wrapper{width:100%;padding:15px;background-color:var(--background-secondary);border-left:3px solid var(--color-primary,#3b82f6);margin:0}.expanded-details{display:grid;grid-template-columns:2fr 1fr 2fr;grid-gap:15px;gap:15px;width:100%}.detail-box{background-color:var(--background-primary);border:1px solid var(--border-color,#666);padding:12px;min-height:80px}.detail-box-header{font-weight:600;color:var(--color-primary,#3b82f6);margin-bottom:8px;display:flex;align-items:center;gap:6px;font-size:.9rem;padding-bottom:6px;border-bottom:1px solid var(--border-color,#666)}.detail-box-content{color:var(--text-primary);font-size:.85rem;line-height:1.4;word-wrap:break-word;margin-top:8px}@media (max-width:768px){.expanded-details{grid-template-columns:1fr;gap:12px}.expanded-content-wrapper{padding:12px}.detail-box{min-height:60px;padding:10px}}@media (prefers-color-scheme:dark){.expanded-content-wrapper{background-color:#2a2a2a;border-left-color:#42A5F5}.detail-box{background-color:#1a1a1a;border-color:#555}.detail-box-header{color:#42A5F5;border-bottom-color:#555}.detail-box-content{color:#e0e0e0}}@media (max-width:768px){.results-section{overflow-x:hidden;width:100%;margin:0 -10px;padding:0 10px;box-sizing:border-box}.inventory-results-table{font-size:.7rem!important;width:100%!important;table-layout:fixed!important}.inventory-results-table td,.inventory-results-table th{padding:4px 2px!important;font-size:.7rem!important;word-break:break-word!important;overflow:hidden!important}.inventory-results-table td:first-child,.inventory-results-table th:first-child{width:25%!important}.inventory-results-table td:nth-child(2),.inventory-results-table td:nth-child(3),.inventory-results-table td:nth-child(4),.inventory-results-table th:nth-child(2),.inventory-results-table th:nth-child(3),.inventory-results-table th:nth-child(4){width:15%!important}.inventory-results-table td:nth-child(5),.inventory-results-table th:nth-child(5){width:30%!important}.inventory-page{padding:10px;overflow-x:hidden}}.customers-page-container{max-width:100%;overflow-x:hidden}.quote-content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%}.quote-left-side{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.quote-right-side{display:flex;align-items:center;justify-content:center}.quote-avatar-container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.quote-avatar{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.9);box-shadow:0 6px 20px rgba(0,0,0,.3);object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.quote-avatar:hover{transform:scale(1.08);box-shadow:0 8px 25px rgba(0,0,0,.4)}.quote-avatar-label{margin-top:10px;font-size:1rem;color:rgba(255,255,255,.95);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}@media (max-width:768px){.quote-content-wrapper{flex-direction:column;gap:20px}.quote-left-side{align-items:center;text-align:center}.quote-avatar{width:90px;height:90px}.quote-avatar-label{font-size:.9rem}}.compact-filters{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:15px;overflow:hidden;position:relative;z-index:1}@media (prefers-color-scheme:dark){.compact-filters{background-color:#2d2d2d;border-color:#444}}.compact-filters-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px}.compact-filters-header:hover{background-color:rgba(0,0,0,.03)}@media (prefers-color-scheme:dark){.compact-filters-header:hover{background-color:rgba(255,255,255,.05)}}.filter-toggle-btn{display:flex;align-items:center;gap:8px;background:var(--color-primary,#3b82f6);color:white;border:none;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;box-shadow:none;transform:none}.filter-toggle-btn:hover{background:var(--color-primary-hover,#2563eb);transform:none;box-shadow:none}.filter-toggle-btn:active{transform:none}.filter-toggle-icon{font-size:10px;transition:transform .2s ease}.filter-toggle-icon.expanded{transform:rotate(180deg)}.filter-count-badge{background:#dc3545;color:white;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:5px}.active-filter-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1;overflow:hidden}.filter-chip{display:inline-flex;align-items:center;gap:4px;background:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:12px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme:dark){.filter-chip{background:#444;color:#e0e0e0}}.filter-chip-remove{background:none;border:none;color:#6c757d;cursor:pointer;padding:0;margin:0;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:background-color .2s ease;transform:none;box-shadow:none}.filter-chip-remove:hover{background:rgba(0,0,0,.1);color:#dc3545;transform:none;box-shadow:none}@media (prefers-color-scheme:dark){.filter-chip-remove{color:#aaa}.filter-chip-remove:hover{background:rgba(255,255,255,.1);color:#ff6b6b}}.filter-reset-btn{background:transparent;border:1px solid #dc3545;color:#dc3545;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;transform:none;box-shadow:none}.filter-reset-btn:hover{background:#dc3545;color:white;transform:none;box-shadow:none}.compact-filters-content{display:none;padding:15px;border-top:1px solid #dee2e6;animation:slideDown .2s ease-out}.compact-filters-content.expanded{display:block}@media (prefers-color-scheme:dark){.compact-filters-content{border-top-color:#444}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.compact-search-row{margin-bottom:12px}.compact-search-input{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:white;transition:border-color .2s ease,box-shadow .2s ease}.compact-search-input:focus{outline:none;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.1)}@media (prefers-color-scheme:dark){.compact-search-input{background:#333;border-color:#555;color:#f0f0f0}.compact-search-input:focus{border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.2)}}.compact-filter-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:12px}@media (max-width:400px){.compact-filter-grid{grid-template-columns:1fr}}.compact-filter-group{display:flex;flex-direction:column;gap:4px}.compact-filter-group label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}@media (prefers-color-scheme:dark){.compact-filter-group label{color:#aaa}}.compact-filter-group input[type=date],.compact-filter-group select{padding:8px 10px;border:1px solid #ced4da;border-radius:6px;font-size:13px;background:white;cursor:pointer;transition:border-color .2s ease}.compact-filter-group input[type=date]:focus,.compact-filter-group select:focus{outline:none;border-color:var(--color-primary,#3b82f6)}.compact-date-row{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.compact-date-row input[type=date]{padding:8px 10px;border:1px solid #ced4da;border-radius:6px;font-size:13px;background:white;flex:1 1;min-width:120px}.compact-date-row span{color:#6c757d;font-size:13px}.compact-date-row .apply-filters-btn{padding:8px 16px;background-color:var(--color-primary);color:white;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.compact-date-row .apply-filters-btn:hover{background-color:var(--color-primary-hover)}@media (prefers-color-scheme:dark){.compact-date-row input[type=date]{background:#333;border-color:#555;color:#f0f0f0}.compact-date-row span{color:#aaa}.compact-filter-group input[type=date],.compact-filter-group select{background:#333;border-color:#555;color:#f0f0f0}}.compact-date-range{grid-column:1/-1;display:flex;align-items:center;gap:8px}.compact-date-range label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;min-width:40px}.compact-date-range input[type=date]{flex:1 1;min-width:0}.compact-date-range .date-separator{color:#6c757d;font-size:12px}@media (max-width:400px){.compact-date-range{flex-direction:column;align-items:stretch}.compact-date-range .date-separator{display:none}}.compact-checkbox-group{display:flex;align-items:center;gap:6px;padding:8px 0}.compact-checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.compact-checkbox-group label{font-size:13px;font-weight:500;text-transform:none;cursor:pointer}.compact-filter-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:10px;border-top:1px solid #dee2e6}@media (prefers-color-scheme:dark){.compact-filter-actions{border-top-color:#444}}.compact-apply-btn{background:var(--color-primary,#3b82f6);color:white;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;flex:1 1;max-width:150px;transform:none;box-shadow:none}.compact-apply-btn:hover{background:#0056b3;transform:none;box-shadow:none}.compact-reset-btn{background:transparent;color:#6c757d;border:1px solid #6c757d;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;transform:none;box-shadow:none}.compact-reset-btn:hover{background:#6c757d;color:white;transform:none;box-shadow:none}.compact-table-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px}.compact-per-page{display:flex;align-items:center;gap:6px}.compact-per-page select{padding:5px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;background:white}@media (prefers-color-scheme:dark){.compact-per-page select{background:#333;border-color:#555;color:#f0f0f0}}.compact-summary{color:#6c757d}@media (prefers-color-scheme:dark){.compact-summary{color:#aaa}}@media (max-width:768px){.hide-on-mobile{display:none!important}.customers-table td,.customers-table th,.visitors-table td,.visitors-table th{padding:8px 6px;font-size:13px}.more-info-button{padding:6px 10px;font-size:12px}.customers-table-container,.visitors-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.assignment-select{font-size:12px;padding:4px 6px;max-width:100px}.expanded-content{flex-direction:column!important;gap:15px!important;padding:10px!important}.detail-section{flex:none!important;width:100%!important;min-width:unset!important}.detail-section table{font-size:.85em!important}.detail-section table td,.detail-section table th{padding:6px!important}.search-results-table-container{width:100%}.search-results-table{width:100%;font-size:12px}.search-results-table td,.search-results-table th{padding:6px 4px;word-wrap:break-word;overflow-wrap:break-word}.search-results-table .hide-on-mobile{display:none!important}.search-results-table .more-info-button{padding:5px 8px;font-size:11px;white-space:nowrap}.search-results-table .expanded-row>td{padding:0!important}.search-results-table .expanded-row .expanded-content{width:100%;box-sizing:border-box}}.delivery-slots-page{max-width:900px;margin:0 auto;padding:20px}.delivery-slots-page h1{margin-bottom:10px}.delivery-slots-page>p{color:#666;margin-bottom:20px}@media (prefers-color-scheme:dark){.delivery-slots-page>p{color:#aaa}}.delivery-search-container{display:flex;gap:10px;max-width:700px;margin:0 auto;width:100%;padding:0 15px;flex-wrap:wrap}.delivery-search-input{flex:2 1;min-width:150px}.delivery-days-select,.delivery-search-input{padding:14px 12px;border:2px solid #ddd;border-radius:6px;font-size:16px}.delivery-days-select{flex:1 1;min-width:110px;background:white;cursor:pointer}.delivery-search-button{flex:1 1;padding:14px 16px;background:var(--color-primary,#3b82f6);color:white;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap;min-width:100px;transition:background-color .2s ease}.delivery-search-button:hover{background:var(--color-primary-hover,#2563eb)}.delivery-search-button:disabled{background:#ccc;cursor:not-allowed}@media (prefers-color-scheme:dark){.delivery-days-select,.delivery-search-input{background:#333;color:#fff;border-color:#555}}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.delivery-results-table{width:100%;min-width:500px;border-collapse:collapse;margin-top:15px}.delivery-results-table td,.delivery-results-table th{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.delivery-results-table th{background:#333;color:white;font-weight:600}.delivery-results-table tbody tr:nth-child(odd){background:rgba(255,255,255,.03)}.delivery-results-table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.12)}.delivery-results-table tbody tr:hover{background:rgba(var(--color-primary-rgb,59,130,246),.18)}.slots-high{color:#4CAF50;font-weight:700}.slots-low{color:#FF9800;font-weight:700}.slots-zero{color:#f44336;font-weight:700}.slots-badge{margin-left:8px}@media (prefers-color-scheme:dark){.delivery-results-table th{background:#222}.delivery-results-table td{border-color:#444}.delivery-results-table tbody tr:nth-child(odd){background:rgba(255,255,255,.02)}.delivery-results-table tbody tr:nth-child(2n){background:rgba(255,255,255,.08)}.delivery-results-table tbody tr:hover{background:rgba(33,150,243,.2)}}@media (prefers-color-scheme:light){.delivery-results-table tbody tr:nth-child(odd){background:#fff}.delivery-results-table tbody tr:nth-child(2n){background:#f5f5f5}.delivery-results-table td{color:#333;border-color:#ddd}.delivery-results-table tbody tr:hover{background:rgba(33,150,243,.1)}.delivery-slots-page h1,.delivery-slots-page h3{color:#222}.delivery-slots-page>p{color:#666}.results-section{background:linear-gradient(135deg,rgba(33,150,243,.08),rgba(156,39,176,.08));border-color:rgba(33,150,243,.25)}.results-summary{color:#333}.delivery-days-select,.delivery-search-input{background:#fff;color:#333;border-color:#ccc}.slots-high{color:#2e7d32}.slots-low{color:#e65100}.slots-zero{color:#c62828}}@media (max-width:768px){.delivery-slots-page{padding:15px 10px;max-width:100%;margin:0}.delivery-slots-page h1{text-align:center;font-size:1.5rem}.delivery-slots-page>p{text-align:center}.delivery-search-container{flex-direction:column;padding:0;gap:12px;max-width:100%}.delivery-days-select,.delivery-search-button,.delivery-search-input{width:100%;flex:none;box-sizing:border-box}.search-section{padding:0 10px}.results-section{margin:20px 10px;padding:15px}.results-summary{text-align:center;font-size:14px}.delivery-results-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.delivery-results-table td,.delivery-results-table th{padding:10px 12px;font-size:14px;white-space:nowrap}.delivery-results-table td:nth-child(2),.delivery-results-table th:nth-child(2){display:none}}.detail-box-action{display:flex;align-items:center;justify-content:center}.delivery-slots-link-button{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(102,126,234,.3)}.delivery-slots-link-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.delivery-slots-link-button:active{transform:translateY(0)}.inventory-notes{margin-top:30px;padding:20px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),.1) 0,rgba(var(--color-primary-rgb,59,130,246),.05) 100%);border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.inventory-notes h4{margin:0 0 15px;color:var(--color-primary,#3b82f6);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(var(--color-primary-rgb,59,130,246),.2)}.inventory-notes ul{margin:0;padding:0;list-style:none}.inventory-notes li{padding:10px 15px;margin-bottom:8px;background:rgba(255,255,255,.05);border-radius:8px;border-left:3px solid var(--color-primary,#3b82f6);font-size:.9rem;line-height:1.5;color:var(--text-primary,#e0e0e0)}.inventory-notes li:last-child{margin-bottom:0}.inventory-notes li strong{color:var(--color-primary,#3b82f6)}@media (prefers-color-scheme:dark){.inventory-notes{background:linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),.15) 0,rgba(var(--color-primary-rgb,59,130,246),.08) 100%);border-color:rgba(var(--color-primary-rgb,59,130,246),.35)}.inventory-notes li{background:rgba(0,0,0,.2)}}@media (prefers-color-scheme:light){.inventory-notes{background:linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),.08) 0,rgba(var(--color-primary-rgb,59,130,246),.04) 100%);border-color:rgba(var(--color-primary-rgb,59,130,246),.2)}.inventory-notes h4{color:var(--color-primary,#3b82f6)}.inventory-notes li{background:rgba(255,255,255,.7);color:#333}.inventory-notes li strong{color:var(--color-primary,#3b82f6)}}@media (max-width:768px){.inventory-notes{margin-top:20px;padding:15px}.inventory-notes h4{font-size:1rem}.inventory-notes li{padding:8px 12px;font-size:.85rem}}.glass-table{width:100%;border-collapse:separate;border-spacing:0;background:rgba(255,255,255,.15);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.3);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3)}.glass-table thead{background:linear-gradient(135deg,rgba(15,23,42,.85) 0,rgba(var(--color-primary-rgb,59,130,246),.55) 100%);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.glass-table th{color:#ffffff;font-weight:600;padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.2)}.glass-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.glass-table tbody tr{transition:background-color .2s ease}.glass-table tbody tr:hover{background:rgba(var(--color-primary-rgb,59,130,246),.1)}.glass-table tbody tr:last-child td{border-bottom:none}body.theme-light .glass-table{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6)}body.theme-light .glass-table thead{background:linear-gradient(135deg,rgba(51,65,85,.9) 0,rgba(var(--color-primary-rgb,59,130,246),.7) 100%)}body.theme-light .glass-table td{color:var(--text-light,#1e293b);border-bottom:1px solid rgba(0,0,0,.08)}body.theme-light .glass-table tbody tr:hover{background:rgba(var(--color-primary-rgb,59,130,246),.12)}body.theme-dark .glass-table{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}body.theme-dark .glass-table thead{background:linear-gradient(135deg,rgba(15,23,42,.95) 0,rgba(var(--color-primary-rgb,59,130,246),.45) 100%)}body.theme-dark .glass-table td{color:var(--text-dark,#f1f5f9);border-bottom:1px solid rgba(255,255,255,.08)}body.theme-dark .glass-table tbody tr:hover{background:rgba(var(--color-primary-rgb,59,130,246),.15)}.glass-table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.08)}.glass-table tbody tr:nth-child(odd){background:transparent}body.theme-light .glass-table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.18)}body.theme-light .glass-table tbody tr:nth-child(odd){background:rgba(255,255,255,.7)}body.theme-dark .glass-table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.15)}body.theme-dark .glass-table tbody tr:nth-child(odd){background:rgba(15,23,42,.5)}.glass-filter-container{background:rgba(255,255,255,.2);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.4)}body.theme-light .glass-filter-container{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.7)}body.theme-dark .glass-filter-container{background:rgba(15,23,42,.45);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}.glass-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.glass-modal{background:rgba(255,255,255,.25);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-top-color:rgba(255,255,255,.8);border-radius:16px;padding:24px;max-width:90%;max-height:90vh;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.5)}body.theme-light .glass-modal{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);border-top-color:rgba(255,255,255,.9);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.7)}body.theme-dark .glass-modal{background:rgba(15,23,42,.55);border:1px solid rgba(255,255,255,.2);border-top-color:rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15)}.glass-card{background:rgba(255,255,255,.2);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-top-color:rgba(255,255,255,.7);border-radius:12px;padding:16px;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .2s ease,box-shadow .2s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.5)}body.theme-light .glass-card{background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.6);border-top-color:rgba(255,255,255,.85);box-shadow:0 4px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.6)}body.theme-light .glass-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.7)}body.theme-dark .glass-card{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.15);border-top-color:rgba(255,255,255,.25);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}body.theme-dark .glass-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15)}.glass-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.25);border-radius:12px;margin-top:16px}.glass-pagination button{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 14px;color:inherit;font-weight:500;cursor:pointer;transition:all .2s ease}.glass-pagination button:hover:not(:disabled){background:rgba(var(--color-primary-rgb,59,130,246),.3);border-color:rgba(var(--color-primary-rgb,59,130,246),.5)}.glass-pagination button:disabled{opacity:.5;cursor:not-allowed}.glass-pagination button.active{background:rgba(var(--color-primary-rgb,59,130,246),.4);border-color:rgba(var(--color-primary-rgb,59,130,246),.6)}body.theme-light .glass-pagination{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.5)}body.theme-light .glass-pagination button{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.6);color:var(--text-light,#1e293b)}body.theme-dark .glass-pagination{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.12)}body.theme-dark .glass-pagination button{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);color:var(--text-dark,#f1f5f9)}.glass-file-upload{background:rgba(255,255,255,.15);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:2px dashed rgba(var(--color-primary-rgb,59,130,246),.4);border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.glass-file-upload:hover{background:rgba(var(--color-primary-rgb,59,130,246),.1);border-color:rgba(var(--color-primary-rgb,59,130,246),.6)}.glass-file-upload.dragover{background:rgba(var(--color-primary-rgb,59,130,246),.2);border-color:rgba(var(--color-primary-rgb,59,130,246),.8);transform:scale(1.02)}body.theme-light .glass-file-upload{background:rgba(255,255,255,.5);border-color:rgba(var(--color-primary-rgb,59,130,246),.35)}body.theme-dark .glass-file-upload{background:rgba(15,23,42,.4);border-color:rgba(var(--color-primary-rgb,59,130,246),.3)}.glass-input{background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 14px;color:inherit;font-size:14px;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.glass-input:focus{outline:none;border-color:rgba(var(--color-primary-rgb,59,130,246),.6);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.15),inset 0 1px 0 rgba(255,255,255,.2)}.glass-input::placeholder{color:rgba(128,128,128,.7)}body.theme-light .glass-input{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);color:var(--text-light,#1e293b)}body.theme-light .glass-input::placeholder{color:rgba(100,116,139,.7)}body.theme-dark .glass-input{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);color:var(--text-dark,#f1f5f9)}body.theme-dark .glass-input::placeholder{color:rgba(148,163,184,.7)}.glass-select{background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 14px;color:inherit;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.glass-select:focus{outline:none;border-color:rgba(var(--color-primary-rgb,59,130,246),.6)}body.theme-light .glass-select{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);color:var(--text-light,#1e293b)}body.theme-dark .glass-select{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);color:var(--text-dark,#f1f5f9)}.glass-section{background:rgba(255,255,255,.15);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.4)}body.theme-light .glass-section{background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.7)}body.theme-dark .glass-section{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}.glass-section-header{background:linear-gradient(135deg,rgba(15,23,42,.85) 0,rgba(var(--color-primary-rgb,59,130,246),.55) 100%);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:#ffffff;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-weight:600;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}body.theme-light .glass-section-header{background:linear-gradient(135deg,rgba(51,65,85,.9) 0,rgba(var(--color-primary-rgb,59,130,246),.7) 100%)}body.theme-dark .glass-section-header{background:linear-gradient(135deg,rgba(15,23,42,.95) 0,rgba(var(--color-primary-rgb,59,130,246),.45) 100%)}.glass-tabs{display:flex;gap:8px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:6px;margin-bottom:16px}.glass-tab{background:transparent;border:1px solid transparent;border-radius:8px;padding:10px 18px;color:inherit;font-weight:500;cursor:pointer;transition:all .2s ease}.glass-tab:hover:not(.active){background:rgba(255,255,255,.15)}.glass-tab.active{background:rgba(var(--color-primary-rgb,59,130,246),.35);border-color:rgba(var(--color-primary-rgb,59,130,246),.5);color:#ffffff}body.theme-light .glass-tabs{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.5)}body.theme-light .glass-tab{color:var(--text-light,#1e293b)}body.theme-light .glass-tab:hover:not(.active){background:rgba(255,255,255,.4)}body.theme-light .glass-tab.active{background:rgba(var(--color-primary-rgb,59,130,246),.5);color:#ffffff}body.theme-dark .glass-tabs{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.1)}body.theme-dark .glass-tab{color:var(--text-dark,#f1f5f9)}body.theme-dark .glass-tab:hover:not(.active){background:rgba(255,255,255,.1)}.glass-btn{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 18px;color:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3)}.glass-btn:hover{background:rgba(var(--color-primary-rgb,59,130,246),.25);border-color:rgba(var(--color-primary-rgb,59,130,246),.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.4)}.glass-btn:active{transform:translateY(0)}.glass-btn-primary{background:rgba(var(--color-primary-rgb,59,130,246),.4);border-color:rgba(var(--color-primary-rgb,59,130,246),.5);color:#ffffff}.glass-btn-primary:hover{background:rgba(var(--color-primary-rgb,59,130,246),.55);border-color:rgba(var(--color-primary-rgb,59,130,246),.7)}.glass-btn-success{background:rgba(34,197,94,.4);border-color:rgba(34,197,94,.5);color:#ffffff}.glass-btn-success:hover{background:rgba(34,197,94,.55);border-color:rgba(34,197,94,.7)}.glass-btn-danger{background:rgba(239,68,68,.4);border-color:rgba(239,68,68,.5);color:#ffffff}.glass-btn-danger:hover{background:rgba(239,68,68,.55);border-color:rgba(239,68,68,.7)}.glass-btn-warning{background:rgba(245,158,11,.4);border-color:rgba(245,158,11,.5);color:#ffffff}.glass-btn-warning:hover{background:rgba(245,158,11,.55);border-color:rgba(245,158,11,.7)}body.theme-light .glass-btn{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);color:var(--text-light,#1e293b)}body.theme-dark .glass-btn{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.15);color:var(--text-dark,#f1f5f9)}.glass-expanded-content{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:16px;margin-top:8px}body.theme-light .glass-expanded-content{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.5)}body.theme-dark .glass-expanded-content{background:rgba(15,23,42,.35);border:1px solid rgba(255,255,255,.1)}.glass-stat-card{background:rgba(255,255,255,.2);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-top-color:rgba(255,255,255,.7);border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .2s ease,box-shadow .2s ease}.glass-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.5)}.glass-stat-card .stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),1) 0,rgba(var(--color-primary-rgb,59,130,246),.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-stat-card .stat-label{font-size:.9rem;color:rgba(128,128,128,.9);margin-top:4px}body.theme-light .glass-stat-card{background:rgba(255,255,255,.85);border:1px solid rgba(var(--color-primary-rgb,59,130,246),.2);border-top:1px solid rgba(255,255,255,.95);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.8)}body.theme-light .glass-stat-card .stat-label{color:rgba(100,116,139,.9)}body.theme-dark .glass-stat-card{background:rgba(15,23,42,.45);border:1px solid rgba(255,255,255,.15);border-top-color:rgba(255,255,255,.25)}body.theme-dark .glass-stat-card .stat-label{color:rgba(148,163,184,.9)}.theme-mcallen{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#60a5fa;--color-primary-rgb:59,130,246;--theme-accent:#60a5fa;--theme-gradient:linear-gradient(135deg,#3b82f6,#1d4ed8);--theme-tint-light:#eff6ff;--theme-tint-dark:#172554}.theme-brownsville{--color-primary:#22c55e;--color-primary-hover:#16a34a;--color-primary-light:#4ade80;--color-primary-rgb:34,197,94;--theme-accent:#4ade80;--theme-gradient:linear-gradient(135deg,#22c55e,#15803d);--theme-tint-light:#f0fdf4;--theme-tint-dark:#14532d}.theme-laredo{--color-primary:#a855f7;--color-primary-hover:#9333ea;--color-primary-light:#c084fc;--color-primary-rgb:168,85,247;--theme-accent:#c084fc;--theme-gradient:linear-gradient(135deg,#a855f7,#7c3aed);--theme-tint-light:#faf5ff;--theme-tint-dark:#3b0764}.theme-harlingen{--color-primary:#f97316;--color-primary-hover:#ea580c;--color-primary-light:#fb923c;--color-primary-rgb:249,115,22;--theme-accent:#fb923c;--theme-gradient:linear-gradient(135deg,#f97316,#c2410c);--theme-tint-light:#fff7ed;--theme-tint-dark:#431407}.theme-riogrande{--color-primary:#ef4444;--color-primary-hover:#dc2626;--color-primary-light:#f87171;--color-primary-rgb:239,68,68;--theme-accent:#f87171;--theme-gradient:linear-gradient(135deg,#ef4444,#b91c1c);--theme-tint-light:#fef2f2;--theme-tint-dark:#450a0a}.theme-alice{--color-primary:#14b8a6;--color-primary-hover:#0d9488;--color-primary-light:#2dd4bf;--color-primary-rgb:20,184,166;--theme-accent:#2dd4bf;--theme-gradient:linear-gradient(135deg,#14b8a6,#0f766e);--theme-tint-light:#f0fdfa;--theme-tint-dark:#134e4a}.theme-clearance{--color-primary:#84cc16;--color-primary-hover:#65a30d;--color-primary-light:#a3e635;--color-primary-rgb:132,204,22;--theme-accent:#a3e635;--theme-gradient:linear-gradient(135deg,#84cc16,#4d7c0f);--theme-tint-light:#f7fee7;--theme-tint-dark:#1a2e05}.theme-lacks{--color-primary:#FABD0F;--color-primary-hover:#e6ac0e;--color-primary-light:#fcd34d;--color-primary-rgb:250,189,15;--theme-accent:#FF5C36;--theme-gradient:linear-gradient(135deg,#FABD0F,#d69e00);--theme-tint-light:#fefce8;--theme-tint-dark:#1c1917;--lacks-cta:#FF5C36;--lacks-accent-blue:#6C93A2;--lacks-accent-light:#B0D5E0}.theme-lacks .btn-primary,.theme-lacks .btn-primary:hover,.theme-lacks .page-button.active,.theme-lacks button.btn-primary,.theme-lacks button.btn-primary:hover{color:#000000!important}body.theme-light{background-color:var(--theme-tint-light,#e2e8f0)!important;background-image:radial-gradient(rgba(var(--color-primary-rgb,59,130,246),.25) 1.5px,transparent 1.5px);background-size:22px 22px;background-attachment:fixed;color:#1e293b!important}body.theme-light table{background:#ffffff!important;color:#334155!important}body.theme-light table th{background:var(--color-primary,#334155)!important;color:#ffffff!important}body.theme-light table td{border-color:#e2e8f0!important;color:#334155!important}body.theme-light table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.1)!important}body.theme-light table tbody tr:nth-child(odd){background:#ffffff!important}body.theme-light table tbody tr:hover{background-color:rgba(var(--color-primary-rgb,59,130,246),.15)!important}body.theme-light .dashboard-section table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.15)!important}body.theme-light .dashboard-section table tbody tr:nth-child(odd){background:rgba(255,255,255,.98)!important}body.theme-light .dashboard-section table tbody tr:hover{background-color:rgba(var(--color-primary-rgb,59,130,246),.22)!important}body.theme-light input,body.theme-light select,body.theme-light textarea{background:rgba(255,255,255,.6)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1e293b!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.2)!important;border-radius:10px}body.theme-light input:focus,body.theme-light select:focus,body.theme-light textarea:focus{background:rgba(255,255,255,.8)!important;border-color:rgba(var(--color-primary-rgb,59,130,246),.45)!important;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.12),inset 0 1px 2px rgba(0,0,0,.05)!important}body.theme-light input::placeholder,body.theme-light textarea::placeholder{color:#94a3b8!important}body.theme-light .auth-box,body.theme-light .card-section,body.theme-light .compact-filters,body.theme-light .filter-container,body.theme-light .results-section,body.theme-light .results-summary,body.theme-light .table-container{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.05) 0,rgba(var(--color-primary-rgb,59,130,246),.02) 50%,#ffffff 100%)!important;color:#1e293b!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.12)!important;box-shadow:0 2px 6px rgba(0,0,0,.04),0 0 0 1px rgba(var(--color-primary-rgb,59,130,246),.05)!important}body.theme-light .dashboard-section,body.theme-light .settings-section{background:rgba(255,255,255,.25)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#1e293b!important;border:1px solid rgba(255,255,255,.4)!important;border-top-color:rgba(255,255,255,.6)!important;box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5)!important}body.theme-light .dashboard-section h3{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.85) 0,rgba(var(--color-primary-rgb,59,130,246),.65) 100%)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:#ffffff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 8px 32px rgba(var(--color-primary-rgb,59,130,246),.3),inset 0 1px 0 rgba(255,255,255,.3)!important}body.theme-light .container,body.theme-light .dashboard-container,body.theme-light .import-status-container,body.theme-light .logs-container,body.theme-light .mypage-container,body.theme-light .sales-container,body.theme-light .stats-container,body.theme-light .ux-settings-container{background-color:transparent!important;color:#1e293b!important}body.theme-light h1,body.theme-light h2,body.theme-light h3,body.theme-light h4{color:#1e293b!important}body.theme-light label,body.theme-light p,body.theme-light span:not(.filter-chip):not(.filter-count-badge){color:#334155!important}body.theme-light .no-agents,body.theme-light .no-data,body.theme-light .no-stats{color:#64748b!important}body.theme-light .btn-primary{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.9) 0,rgba(var(--color-primary-rgb,59,130,246),.7) 100%)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.5)!important;box-shadow:0 4px 16px rgba(var(--color-primary-rgb,59,130,246),.25),inset 0 1px 0 rgba(255,255,255,.35)!important}body.theme-light .btn-primary:hover{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.98) 0,rgba(var(--color-primary-rgb,59,130,246),.82) 100%)!important;box-shadow:0 8px 24px rgba(var(--color-primary-rgb,59,130,246),.35),inset 0 1px 0 rgba(255,255,255,.45)!important}body.theme-light .btn-green,body.theme-light .btn-success{background:linear-gradient(145deg,rgba(34,197,94,.9),rgba(22,163,74,.75))!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(134,239,172,.45)!important;box-shadow:0 4px 16px rgba(34,197,94,.25),inset 0 1px 0 rgba(255,255,255,.35)!important}body.theme-light .btn-green:hover,body.theme-light .btn-success:hover{background:linear-gradient(145deg,rgba(34,197,94,.98),rgba(22,163,74,.88))!important;box-shadow:0 8px 24px rgba(34,197,94,.35),inset 0 1px 0 rgba(255,255,255,.45)!important}body.theme-light .btn-warning,body.theme-light .btn-yellow{background:linear-gradient(145deg,rgba(245,158,11,.9),rgba(217,119,6,.75))!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#1e293b!important;border:1px solid rgba(253,224,71,.55)!important;box-shadow:0 4px 16px rgba(245,158,11,.25),inset 0 1px 0 rgba(255,255,255,.4)!important;text-shadow:0 1px 1px rgba(255,255,255,.3)!important}body.theme-light .btn-warning:hover,body.theme-light .btn-yellow:hover{background:linear-gradient(145deg,rgba(245,158,11,.98),rgba(217,119,6,.88))!important;box-shadow:0 8px 24px rgba(245,158,11,.35),inset 0 1px 0 rgba(255,255,255,.5)!important}body.theme-light .btn-danger,body.theme-light .btn-red{background:linear-gradient(145deg,rgba(239,68,68,.9),rgba(220,38,38,.75))!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(252,165,165,.45)!important;box-shadow:0 4px 16px rgba(239,68,68,.25),inset 0 1px 0 rgba(255,255,255,.35)!important}body.theme-light .btn-danger:hover,body.theme-light .btn-red:hover{background:linear-gradient(145deg,rgba(239,68,68,.98),rgba(220,38,38,.88))!important;box-shadow:0 8px 24px rgba(239,68,68,.35),inset 0 1px 0 rgba(255,255,255,.45)!important}body.theme-light .btn-secondary{background:linear-gradient(145deg,rgba(100,116,139,.9),rgba(71,85,105,.75))!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(203,213,225,.45)!important;box-shadow:0 4px 16px rgba(100,116,139,.25),inset 0 1px 0 rgba(255,255,255,.35)!important}body.theme-light .btn-secondary:hover{background:linear-gradient(145deg,rgba(100,116,139,.98),rgba(71,85,105,.88))!important;box-shadow:0 8px 24px rgba(100,116,139,.35),inset 0 1px 0 rgba(255,255,255,.45)!important}body.theme-light .btn-blue{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.9) 0,rgba(var(--color-primary-rgb,59,130,246),.7) 100%)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.5)!important;box-shadow:0 4px 16px rgba(var(--color-primary-rgb,59,130,246),.25),inset 0 1px 0 rgba(255,255,255,.35)!important}body.theme-light .btn-blue:hover{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.98) 0,rgba(var(--color-primary-rgb,59,130,246),.82) 100%)!important;box-shadow:0 8px 24px rgba(var(--color-primary-rgb,59,130,246),.35),inset 0 1px 0 rgba(255,255,255,.45)!important}body.theme-light .navbar{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.8) 0,rgba(var(--color-primary-rgb,59,130,246),.6) 100%)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px rgba(var(--color-primary-rgb,59,130,246),.25),inset 0 1px 0 rgba(255,255,255,.25)!important}body.theme-light .tab-button{background-color:#f1f5f9!important;color:#475569!important;border-color:#cbd5e1!important}body.theme-light .tab-button.active{background-color:var(--color-primary,#3b82f6)!important;color:#ffffff!important;border-color:var(--color-primary,#3b82f6)!important}body.theme-light .tab-button:hover:not(.active){background-color:#e2e8f0!important}body.theme-light .compact-filters-header{background-color:#f8fafc!important;border-color:#e2e8f0!important}body.theme-light .filter-toggle-btn{color:#334155!important}body.theme-light .filter-chip{background-color:var(--color-primary,#3b82f6)!important;color:#ffffff!important}body.theme-light .compact-filters-content{background-color:#ffffff!important;border-color:#e2e8f0!important}body.theme-light .compact-filter-group label{color:#475569!important}body.theme-light .page-button{background-color:#ffffff!important;color:#334155!important;border-color:#cbd5e1!important}body.theme-light .page-button:hover{background-color:#f1f5f9!important}body.theme-light .page-button.active{background-color:var(--color-primary,#3b82f6)!important;color:#ffffff!important;border-color:var(--color-primary,#3b82f6)!important}body.theme-light .modal-content{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);color:#1e293b!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 24px 80px rgba(0,0,0,.2),0 8px 32px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)!important;border-radius:20px!important}body.theme-light .modal-overlay{background:linear-gradient(145deg,rgba(0,0,0,.35) 0,rgba(var(--color-primary-rgb,59,130,246),.15) 50%,rgba(0,0,0,.4) 100%)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body.theme-light .visitor-form-container{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 24px 80px rgba(0,0,0,.2),0 8px 32px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)!important}body.theme-dark{background-color:var(--theme-tint-dark,#0f172a)!important;background-image:radial-gradient(rgba(var(--color-primary-rgb,59,130,246),.18) 1.5px,transparent 1.5px);background-size:22px 22px;background-attachment:fixed;color:#f1f5f9!important}body.theme-dark table{background:#0f172a!important;color:#f1f5f9!important}body.theme-dark table th{background:var(--color-primary,#1e293b)!important;color:#ffffff!important}body.theme-dark table td{border-color:#475569!important;color:#f1f5f9!important}body.theme-dark table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.15)!important}body.theme-dark table tbody tr:nth-child(odd){background:#0f172a!important}body.theme-dark table tbody tr:hover{background-color:rgba(var(--color-primary-rgb,59,130,246),.25)!important}body.theme-dark .dashboard-section table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.22)!important}body.theme-dark .dashboard-section table tbody tr:nth-child(odd){background:rgba(15,23,42,.85)!important}body.theme-dark .dashboard-section table tbody tr:hover{background-color:rgba(var(--color-primary-rgb,59,130,246),.32)!important}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:rgba(30,41,59,.6)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f1f5f9!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px}body.theme-dark input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus{background:rgba(30,41,59,.75)!important;border-color:rgba(var(--color-primary-rgb,59,130,246),.5)!important;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.2),inset 0 1px 2px rgba(0,0,0,.1)!important}body.theme-dark input::placeholder,body.theme-dark textarea::placeholder{color:#94a3b8!important}body.theme-dark .auth-box,body.theme-dark .card-section,body.theme-dark .compact-filters,body.theme-dark .filter-container,body.theme-dark .results-section,body.theme-dark .results-summary,body.theme-dark .table-container{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.1) 0,rgba(var(--color-primary-rgb,59,130,246),.03) 50%,#0f172a 100%)!important;color:#f1f5f9!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.18)!important;box-shadow:0 2px 6px rgba(0,0,0,.2),0 0 0 1px rgba(var(--color-primary-rgb,59,130,246),.08)!important}body.theme-dark .dashboard-section,body.theme-dark .settings-section{background:rgba(15,23,42,.45)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#f1f5f9!important;border:1px solid rgba(255,255,255,.12)!important;border-top-color:rgba(255,255,255,.18)!important;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important}body.theme-dark .dashboard-section h3{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.7) 0,rgba(var(--color-primary-rgb,59,130,246),.5) 100%)!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:#ffffff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15)!important}body.theme-dark .container,body.theme-dark .dashboard-container,body.theme-dark .import-status-container,body.theme-dark .logs-container,body.theme-dark .mypage-container,body.theme-dark .sales-container,body.theme-dark .stats-container,body.theme-dark .ux-settings-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4{color:#f1f5f9!important}body.theme-dark label,body.theme-dark p,body.theme-dark span:not(.filter-chip):not(.filter-count-badge){color:#cbd5e1!important}body.theme-dark .no-agents,body.theme-dark .no-data,body.theme-dark .no-stats{color:#94a3b8!important}body.theme-dark .btn-primary{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.85) 0,rgba(var(--color-primary-rgb,59,130,246),.65) 100%)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.5)!important;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2)!important}body.theme-dark .btn-primary:hover{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.95) 0,rgba(var(--color-primary-rgb,59,130,246),.78) 100%)!important;box-shadow:0 8px 24px rgba(var(--color-primary-rgb,59,130,246),.35),inset 0 1px 0 rgba(255,255,255,.3)!important}body.theme-dark .btn-green,body.theme-dark .btn-success{background:linear-gradient(145deg,rgba(34,197,94,.85),rgba(22,163,74,.7))!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(134,239,172,.35)!important;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2)!important}body.theme-dark .btn-green:hover,body.theme-dark .btn-success:hover{background:linear-gradient(145deg,rgba(34,197,94,.95),rgba(22,163,74,.85))!important;box-shadow:0 8px 24px rgba(34,197,94,.35),inset 0 1px 0 rgba(255,255,255,.3)!important}body.theme-dark .btn-warning,body.theme-dark .btn-yellow{background:linear-gradient(145deg,rgba(245,158,11,.85),rgba(217,119,6,.7))!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#1e293b!important;border:1px solid rgba(253,224,71,.45)!important;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25)!important;text-shadow:0 1px 1px rgba(255,255,255,.3)!important}body.theme-dark .btn-warning:hover,body.theme-dark .btn-yellow:hover{background:linear-gradient(145deg,rgba(245,158,11,.95),rgba(217,119,6,.85))!important;box-shadow:0 8px 24px rgba(245,158,11,.35),inset 0 1px 0 rgba(255,255,255,.35)!important}body.theme-dark .btn-danger,body.theme-dark .btn-red{background:linear-gradient(145deg,rgba(239,68,68,.85),rgba(220,38,38,.7))!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(252,165,165,.35)!important;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2)!important}body.theme-dark .btn-danger:hover,body.theme-dark .btn-red:hover{background:linear-gradient(145deg,rgba(239,68,68,.95),rgba(220,38,38,.85))!important;box-shadow:0 8px 24px rgba(239,68,68,.35),inset 0 1px 0 rgba(255,255,255,.3)!important}body.theme-dark .btn-secondary{background:linear-gradient(145deg,rgba(100,116,139,.85),rgba(71,85,105,.7))!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(203,213,225,.3)!important;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.15)!important}body.theme-dark .btn-secondary:hover{background:linear-gradient(145deg,rgba(100,116,139,.95),rgba(71,85,105,.85))!important;box-shadow:0 8px 24px rgba(100,116,139,.35),inset 0 1px 0 rgba(255,255,255,.25)!important}body.theme-dark .btn-blue{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.85) 0,rgba(var(--color-primary-rgb,59,130,246),.65) 100%)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#ffffff!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.5)!important;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2)!important}body.theme-dark .btn-blue:hover{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.95) 0,rgba(var(--color-primary-rgb,59,130,246),.78) 100%)!important;box-shadow:0 8px 24px rgba(var(--color-primary-rgb,59,130,246),.35),inset 0 1px 0 rgba(255,255,255,.3)!important}body.theme-dark .navbar{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.65) 0,rgba(var(--color-primary-rgb,59,130,246),.45) 100%)!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)!important}body.theme-dark .tab-button{background-color:#334155!important;color:#cbd5e1!important;border-color:#475569!important}body.theme-dark .tab-button.active{background-color:var(--color-primary,#3b82f6)!important;color:#ffffff!important;border-color:var(--color-primary,#3b82f6)!important}body.theme-dark .tab-button:hover:not(.active){background-color:#475569!important}body.theme-dark .compact-filters-header{background-color:#1e293b!important;border-color:#334155!important}body.theme-dark .filter-toggle-btn{color:#f1f5f9!important}body.theme-dark .filter-chip{background-color:var(--color-primary,#3b82f6)!important;color:#ffffff!important}body.theme-dark .compact-filters-content{background-color:#1e293b!important;border-color:#334155!important}body.theme-dark .compact-filter-group label{color:#cbd5e1!important}body.theme-dark .page-button{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-dark .page-button:hover{background-color:#475569!important}body.theme-dark .page-button.active{background-color:var(--color-primary,#3b82f6)!important;color:#ffffff!important;border-color:var(--color-primary,#3b82f6)!important}body.theme-dark .modal-content{background:rgba(15,23,42,.88)!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);color:#f1f5f9!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 24px 80px rgba(0,0,0,.5),0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1)!important;border-radius:20px!important}body.theme-dark .modal-overlay{background:linear-gradient(145deg,rgba(0,0,0,.5) 0,rgba(var(--color-primary-rgb,59,130,246),.12) 50%,rgba(0,0,0,.55) 100%)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body.theme-dark .visitor-form-container{background:rgba(15,23,42,.88)!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 24px 80px rgba(0,0,0,.5),0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1)!important}.ux-settings-container{max-width:800px;margin:0 auto;padding:20px}.ux-settings-container h1{font-size:1.75rem;margin-bottom:8px}.settings-section,.ux-settings-container .settings-subtitle{margin-bottom:24px}.settings-section{border-radius:12px;padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid}.settings-section h2{font-size:1.1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.mode-toggle-group{display:flex;gap:12px;flex-wrap:wrap}.mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 24px;border:2px solid;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:100px}.mode-btn:hover{transform:translateY(-2px)}.mode-btn.active,.mode-btn:hover{border-color:var(--color-primary,#3b82f6)!important}.mode-btn.active{background:rgba(var(--color-primary-rgb,59,130,246),.1)!important}.mode-btn .mode-icon{font-size:24px;margin-bottom:8px}.mode-btn .mode-label{font-size:14px;font-weight:500}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;gap:16px}.theme-swatch{display:flex;flex-direction:column;align-items:center;padding:16px;border:2px solid;border-radius:12px;cursor:pointer;transition:all .2s ease}.theme-swatch:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.theme-swatch.active{border-color:var(--color-primary,#3b82f6)!important;border-width:3px}.theme-swatch .color-preview{width:48px;height:48px;border-radius:50%;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.15);position:relative}.theme-swatch .color-preview:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.3)}.theme-swatch.active .color-preview:after{content:"✓";display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:14px;background:rgba(0,0,0,.2)}.theme-swatch .theme-name{font-size:14px;font-weight:600;margin-bottom:4px}.theme-swatch .theme-desc{font-size:11px;text-align:center}.preview-section{margin-top:24px;padding:20px;border:1px dashed;border-radius:8px}.preview-section h3{font-size:.9rem;margin-bottom:16px}.preview-buttons{display:flex;gap:12px;flex-wrap:wrap}.preview-buttons button{padding:8px 16px;font-size:13px}.preview-table{width:100%;border-collapse:collapse;margin-top:12px;border-radius:8px;overflow:hidden}.preview-table td,.preview-table th{padding:10px;text-align:left}body.theme-light .preview-table{background:#ffffff!important}body.theme-light .preview-table th{background:var(--color-primary,#334155)!important;color:#ffffff!important}body.theme-light .preview-table td{color:#334155!important;border:1px solid #e2e8f0!important}body.theme-light .preview-table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.06)!important}body.theme-light .preview-table tbody tr:nth-child(odd){background:#ffffff!important}body.theme-dark .preview-table{background:#1e293b!important}body.theme-dark .preview-table th{background:var(--color-primary,#1e293b)!important;color:#ffffff!important}body.theme-dark .preview-table td{color:#f1f5f9!important;border:1px solid #475569!important}body.theme-dark .preview-table tbody tr:nth-child(2n){background:rgba(var(--color-primary-rgb,59,130,246),.12)!important}body.theme-dark .preview-table tbody tr:nth-child(odd){background:#1e293b!important}body.theme-light .settings-section{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.03) 0,rgba(var(--color-primary-rgb),.06) 100%)!important;border-color:rgba(var(--color-primary-rgb),.2)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04),0 0 0 1px rgba(var(--color-primary-rgb),.05)!important}body.theme-light .mode-btn,body.theme-light .theme-swatch{background:#ffffff!important;border-color:#cbd5e1!important}body.theme-light .preview-section{border-color:rgba(var(--color-primary-rgb),.15)!important;background:rgba(var(--color-primary-rgb),.04)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03)!important}body.theme-dark .settings-section{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08) 0,rgba(var(--color-primary-rgb),.12) 100%)!important;border-color:rgba(var(--color-primary-rgb),.25)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),0 0 0 1px rgba(var(--color-primary-rgb),.1)!important}body.theme-dark .mode-btn,body.theme-dark .theme-swatch{background:#334155!important;border-color:#475569!important}body.theme-dark .preview-section{border-color:rgba(var(--color-primary-rgb),.2)!important;background:rgba(var(--color-primary-rgb),.06)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1)!important}@media (max-width:768px){.ux-settings-container{padding:16px}.theme-grid{grid-template-columns:repeat(2,1fr)}.mode-toggle-group{justify-content:center}.mode-btn{flex:1 1;min-width:80px;padding:12px 16px}}body.theme-light .inventory-table{background:#ffffff!important}body.theme-light .inventory-table th{background:var(--color-primary,#334155)!important;color:#ffffff!important}body.theme-light .inventory-table td{color:#334155!important;background:#ffffff!important}body.theme-light .inventory-table tbody tr:nth-child(2n),body.theme-light .inventory-table tr.even{background:rgba(var(--color-primary-rgb,59,130,246),.06)!important}body.theme-light .inventory-table tbody tr:nth-child(odd),body.theme-light .inventory-table tr.odd{background:#ffffff!important}body.theme-dark .inventory-table{background:#1e293b!important}body.theme-dark .inventory-table th{background:var(--color-primary,#1e293b)!important;color:#ffffff!important}body.theme-dark .inventory-table td{color:#f1f5f9!important;background:#1e293b!important}body.theme-dark .inventory-table tbody tr:nth-child(2n),body.theme-dark .inventory-table tr.even{background:rgba(var(--color-primary-rgb,59,130,246),.12)!important}body.theme-dark .inventory-table tbody tr:nth-child(odd),body.theme-dark .inventory-table tr.odd{background:#1e293b!important}body.theme-light .inventory-notes{background:linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),.1) 0,rgba(var(--color-primary-rgb,59,130,246),.05) 100%)!important;border-color:rgba(var(--color-primary-rgb,59,130,246),.2)!important}body.theme-light .inventory-notes h4{color:var(--color-primary,#3b82f6)!important}body.theme-light .inventory-notes li{background:rgba(255,255,255,.8)!important;color:#1e293b!important;border-left-color:var(--color-primary,#3b82f6)!important}body.theme-light .inventory-notes li strong{color:var(--color-primary,#3b82f6)!important}body.theme-dark .inventory-notes{background:linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),.15) 0,rgba(var(--color-primary-rgb,59,130,246),.08) 100%)!important;border-color:rgba(var(--color-primary-rgb,59,130,246),.35)!important}body.theme-dark .inventory-notes h4{color:var(--color-primary,#60a5fa)!important}body.theme-dark .inventory-notes li{background:rgba(15,23,42,.5)!important;color:#f1f5f9!important;border-left-color:var(--color-primary,#60a5fa)!important}body.theme-dark .inventory-notes li strong{color:var(--color-primary,#60a5fa)!important}body.theme-light .search-type-selector{background:rgba(var(--color-primary-rgb,59,130,246),.08)!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.15)}body.theme-light .radio-label{color:#1e293b!important}body.theme-light .radio-label:hover{color:var(--color-primary,#3b82f6)!important}body.theme-dark .search-type-selector{background:rgba(var(--color-primary-rgb,59,130,246),.12)!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25)}body.theme-dark .radio-label{color:#f1f5f9!important}body.theme-dark .radio-label:hover{color:var(--color-primary,#60a5fa)!important}body.theme-light .stats-table{background:#ffffff!important}body.theme-light .stats-table th{background:var(--color-primary,#334155)!important;color:#ffffff!important}body.theme-light .stats-table td{color:#334155!important}body.theme-light .stats-table .totals-row{background:#f1f5f9!important}body.theme-dark .stats-table{background:#1e293b!important}body.theme-dark .stats-table th{background:var(--color-primary,#1e293b)!important;color:#ffffff!important}body.theme-dark .stats-table td{color:#f1f5f9!important}body.theme-dark .stats-table .totals-row{background:#334155!important}body.theme-light .sales-table{background:#ffffff!important}body.theme-light .sales-table th{background:var(--color-primary,#334155)!important;color:#ffffff!important}body.theme-light .sales-table td{color:#334155!important}body.theme-light .filters{background:#ffffff!important;border-color:#cbd5e1!important}body.theme-light .sales-header{color:#1e293b!important}body.theme-dark .sales-table{background:#1e293b!important}body.theme-dark .sales-table th{background:var(--color-primary,#1e293b)!important;color:#ffffff!important}body.theme-dark .sales-table td{color:#f1f5f9!important}body.theme-dark .filters{background:#1e293b!important;border-color:#334155!important}body.theme-dark .sales-header{color:#f1f5f9!important}body.theme-light .totals-row td{background:#f1f5f9!important;color:#1e293b!important;font-weight:700}body.theme-dark .totals-row td{background:#334155!important;color:#f1f5f9!important;font-weight:700}body.theme-light .admin-note,body.theme-light .input-help,body.theme-light .modal-description{color:#64748b!important}body.theme-dark .admin-note,body.theme-dark .input-help,body.theme-dark .modal-description{color:#94a3b8!important}body.theme-light .search-form{background-color:#ffffff!important;color:#1e293b!important;border:1px solid #cbd5e1!important}body.theme-light .search-input{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-light .search-input::placeholder{color:#94a3b8!important}body.theme-light .filter-group label,body.theme-light .search-filters label{color:#334155!important}body.theme-light .filter-select{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-dark .search-form{background-color:#1e293b!important;color:#f1f5f9!important;border:1px solid #334155!important}body.theme-dark .search-input{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-dark .search-input::placeholder{color:#94a3b8!important}body.theme-dark .filter-group label,body.theme-dark .search-filters label{color:#cbd5e1!important}body.theme-dark .filter-select{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-light .stat-card{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.15) 0,rgba(var(--color-primary-rgb,59,130,246),.08) 50%,rgba(255,255,255,.98) 100%)!important;color:#1e293b!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25)!important;box-shadow:0 2px 8px rgba(0,0,0,.1),0 0 0 1px rgba(var(--color-primary-rgb,59,130,246),.12)!important}body.theme-light .stat-number{color:var(--color-primary,#3b82f6)!important}body.theme-light .stat-label{color:#475569!important}body.theme-dark .stat-card{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.12) 0,rgba(var(--color-primary-rgb,59,130,246),.04) 50%,#0f172a 100%)!important;color:#f1f5f9!important;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.2)!important;box-shadow:0 2px 6px rgba(0,0,0,.2),0 0 0 1px rgba(var(--color-primary-rgb,59,130,246),.1)!important}body.theme-dark .stat-number{color:var(--color-primary,#60a5fa)!important}body.theme-dark .stat-label{color:#94a3b8!important}body.theme-light .date-input,body.theme-light .time-range-container,body.theme-light .time-range-select{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-dark .time-range-container{background-color:#1e293b!important;color:#f1f5f9!important;border-color:#334155!important}body.theme-dark .date-input,body.theme-dark .time-range-select{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-light .followup-card{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-light .followup-card.overdue{background-color:#fef2f2!important;border-left-color:#ef4444!important}body.theme-light .followup-card.today{background-color:#fffbeb!important;border-left-color:#f59e0b!important}body.theme-light .detail-item strong,body.theme-light .visitor-name{color:#1e293b!important}body.theme-light .contact-info .email,body.theme-light .contact-info .phone,body.theme-light .detail-item{color:#475569!important}body.theme-dark .followup-card{background-color:#1e293b!important;color:#f1f5f9!important;border-color:#334155!important}body.theme-dark .followup-card.overdue{background-color:rgba(239,68,68,.15)!important;border-left-color:#ef4444!important}body.theme-dark .followup-card.today{background-color:rgba(245,158,11,.15)!important;border-left-color:#f59e0b!important}body.theme-dark .detail-item strong,body.theme-dark .visitor-name{color:#f1f5f9!important}body.theme-dark .contact-info .email,body.theme-dark .contact-info .phone,body.theme-dark .detail-item{color:#94a3b8!important}body.theme-light .notepad-section,body.theme-light .notepad-textarea{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-light .note-card{background-color:#f8fafc!important;color:#1e293b!important;border-color:#e2e8f0!important}body.theme-dark .notepad-section{background-color:#1e293b!important;color:#f1f5f9!important;border-color:#334155!important}body.theme-dark .note-card,body.theme-dark .notepad-textarea{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-light .leaderboard-section,body.theme-light .leaderboard-select{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-light .leaderboard-table{background-color:#ffffff!important}body.theme-light .leaderboard-table th{background-color:var(--color-primary,#334155)!important;color:#ffffff!important}body.theme-light .leaderboard-table td{color:#1e293b!important;border-color:#e2e8f0!important}body.theme-light .leaderboard-table tr:nth-child(2n){background-color:rgba(var(--color-primary-rgb,59,130,246),.15)!important}body.theme-light .leaderboard-table tr:nth-child(odd){background-color:rgba(255,255,255,.8)!important}body.theme-light .current-user-row{background-color:rgba(var(--color-primary-rgb,59,130,246),.15)!important}body.theme-dark .leaderboard-section{background-color:#1e293b!important;color:#f1f5f9!important;border-color:#334155!important}body.theme-dark .leaderboard-select{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-dark .leaderboard-table{background-color:#1e293b!important}body.theme-dark .leaderboard-table th{background-color:var(--color-primary,#1e293b)!important;color:#ffffff!important}body.theme-dark .leaderboard-table td{color:#f1f5f9!important;border-color:#475569!important}body.theme-dark .leaderboard-table tr:nth-child(2n){background-color:rgba(var(--color-primary-rgb,59,130,246),.12)!important}body.theme-dark .leaderboard-table tr:nth-child(odd){background-color:rgba(15,23,42,.6)!important}body.theme-dark .current-user-row{background-color:rgba(var(--color-primary-rgb,59,130,246),.25)!important}body.theme-light .daily-quote-section{background-color:transparent!important;color:#1e293b!important;border:none!important}body.theme-light .quote-text{color:#1e293b!important}body.theme-light .quote-author{color:#475569!important}body.theme-dark .daily-quote-section{background-color:transparent!important;color:#f1f5f9!important;border:none!important}body.theme-dark .quote-text{color:#f1f5f9!important}body.theme-dark .quote-author{color:#94a3b8!important}body.theme-light .view-as-container{background-color:#f8fafc!important;color:#1e293b!important}body.theme-light .view-as-select{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-dark .view-as-container{background-color:#334155!important;color:#f1f5f9!important}body.theme-dark .view-as-select{background-color:#475569!important;color:#f1f5f9!important;border-color:#64748b!important}body.theme-light .coming-soon-card{background-color:#f8fafc!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-dark .coming-soon-card{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-light .quote-container{background:linear-gradient(135deg,var(--color-primary,#3b82f6) 0,var(--color-primary-hover,#2563eb) 100%)!important;box-shadow:0 10px 25px rgba(var(--color-primary-rgb,59,130,246),.3)!important}body.theme-light .quote-container:before{background:radial-gradient(circle,rgba(255,255,255,.15) 0,transparent 70%)!important}body.theme-dark .quote-container{background:linear-gradient(135deg,#334155,#1e293b)!important;box-shadow:0 10px 25px rgba(0,0,0,.4)!important}body.theme-dark .quote-container:before{background:radial-gradient(circle,rgba(255,255,255,.05) 0,transparent 70%)!important}body.theme-light .auth-container{background-color:var(--theme-tint-light,#e2e8f0)!important}body.theme-light .auth-box{background-color:#ffffff!important;color:#1e293b!important;box-shadow:0 8px 16px rgba(0,0,0,.15)!important}body.theme-light .auth-box input{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-dark .auth-container{background-color:var(--theme-tint-dark,#0f172a)!important}body.theme-dark .auth-box{background-color:#1e293b!important;color:#f1f5f9!important;box-shadow:0 8px 16px rgba(0,0,0,.4)!important}body.theme-dark .auth-box input{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-light .admin-container{background-color:transparent!important;color:#1e293b!important}body.theme-light .admin-section{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.08) 0,rgba(var(--color-primary-rgb,59,130,246),.03) 50%,#ffffff 100%)!important;color:#1e293b!important;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.15)!important;box-shadow:0 2px 8px rgba(0,0,0,.06),0 0 0 1px rgba(var(--color-primary-rgb,59,130,246),.08)!important}body.theme-light .admin-section h2{background:var(--color-primary,#3b82f6)!important;color:#ffffff!important;padding:8px 16px;border-radius:6px;margin-bottom:16px}body.theme-light .admin-tabs{border-bottom-color:#e2e8f0!important}body.theme-light .admin-table{background-color:#ffffff!important;color:#334155!important}body.theme-light .admin-table th{background-color:var(--color-primary,#334155)!important;color:#ffffff!important}body.theme-light .admin-table td{border-color:#e2e8f0!important;color:#334155!important}body.theme-light .admin-table tr:nth-child(2n){background-color:rgba(var(--color-primary-rgb,59,130,246),.06)!important}body.theme-light .admin-table tr:hover{background-color:rgba(var(--color-primary-rgb,59,130,246),.1)!important}body.theme-dark .admin-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark .admin-section{background:linear-gradient(145deg,rgba(var(--color-primary-rgb,59,130,246),.15) 0,rgba(var(--color-primary-rgb,59,130,246),.05) 50%,#0f172a 100%)!important;color:#f1f5f9!important;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.25)!important;box-shadow:0 2px 8px rgba(0,0,0,.3),0 0 0 1px rgba(var(--color-primary-rgb,59,130,246),.15)!important}body.theme-dark .admin-section h2{background:var(--color-primary,#3b82f6)!important;color:#ffffff!important;padding:8px 16px;border-radius:6px;margin-bottom:16px}body.theme-dark .admin-tabs{border-bottom-color:#334155!important}body.theme-dark .admin-table{background-color:#1e293b!important;color:#f1f5f9!important}body.theme-dark .admin-table th{background-color:var(--color-primary,#1e293b)!important;color:#ffffff!important}body.theme-dark .admin-table td{border-color:#475569!important;color:#f1f5f9!important}body.theme-dark .admin-table tr:nth-child(2n){background-color:rgba(var(--color-primary-rgb,59,130,246),.12)!important}body.theme-dark .admin-table tr:hover{background-color:rgba(var(--color-primary-rgb,59,130,246),.18)!important}body.theme-light .edit-section{background-color:#f8fafc!important;color:#1e293b!important;box-shadow:0 2px 4px rgba(0,0,0,.08)!important}body.theme-light .edit-section h3{color:#1e293b!important}body.theme-light .edit-section label{color:#334155!important}body.theme-light .edit-section input,body.theme-light .edit-section select{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-dark .edit-section{background-color:#334155!important;color:#f1f5f9!important;box-shadow:0 2px 4px rgba(0,0,0,.3)!important}body.theme-dark .edit-section h3{color:#f1f5f9!important}body.theme-dark .edit-section label{color:#cbd5e1!important}body.theme-dark .edit-section input,body.theme-dark .edit-section select{background-color:#475569!important;color:#f1f5f9!important;border-color:#64748b!important}body.theme-light .add-reason{background-color:#f8fafc!important}body.theme-light .add-reason input[type=text]{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-light .add-reason label{color:#334155!important}body.theme-dark .add-reason{background-color:#334155!important}body.theme-dark .add-reason input[type=text]{background-color:#475569!important;color:#f1f5f9!important;border-color:#64748b!important}body.theme-dark .add-reason label{color:#cbd5e1!important}body.theme-light .not-authorized{background-color:#fef2f2!important;color:#991b1b!important}body.theme-dark .not-authorized{background-color:rgba(239,68,68,.15)!important;color:#fca5a5!important}body.theme-light .section-info{color:#475569!important;background-color:rgba(var(--color-primary-rgb,59,130,246),.05)!important}body.theme-dark .section-info{color:#94a3b8!important;background-color:rgba(var(--color-primary-rgb,59,130,246),.1)!important}body.theme-light .field-hint{color:#64748b!important}body.theme-dark .field-hint{color:#94a3b8!important}body.theme-light .add-user-form{background-color:#ffffff!important}body.theme-light .add-user-form .form-input,body.theme-light .add-user-form .form-select{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-dark .add-user-form{background-color:#1e293b!important}body.theme-dark .add-user-form .form-input,body.theme-dark .add-user-form .form-select{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-light .add-quote-section{background-color:#f8fafc!important;border-color:#e2e8f0!important}body.theme-light .quote-form .form-textarea{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-light .quotes-table{background-color:#ffffff!important}body.theme-light .quotes-table th{background-color:#f1f5f9!important;color:#334155!important}body.theme-light .quotes-table td{border-color:#e2e8f0!important;color:#334155!important}body.theme-dark .add-quote-section{background-color:#334155!important;border-color:#475569!important}body.theme-dark .quote-form .form-textarea{background-color:#475569!important;color:#f1f5f9!important;border-color:#64748b!important}body.theme-dark .quotes-table{background-color:#1e293b!important}body.theme-dark .quotes-table th{background-color:#334155!important;color:#f1f5f9!important}body.theme-dark .quotes-table td{border-color:#475569!important;color:#f1f5f9!important}body.theme-light .import-status-container{color:#1e293b!important}body.theme-light .import-logs-table{background-color:#ffffff!important}body.theme-light .import-logs-table th{background-color:#f1f5f9!important}body.theme-light .import-logs-table td,body.theme-light .import-logs-table th{color:#334155!important;border-bottom-color:#e2e8f0!important}body.theme-light .details-row,body.theme-light .import-log-row:hover{background-color:#f8fafc!important}body.theme-light .detail-section h4{color:#1e293b!important;border-bottom-color:#e2e8f0!important}body.theme-light .error-section{background-color:#fef2f2!important}body.theme-light .error-message{background-color:#ffffff!important;color:#991b1b!important;border-color:#fecaca!important}body.theme-light .json-details pre{background-color:#f8fafc!important;color:#334155!important;border-color:#e2e8f0!important}body.theme-dark .import-status-container{color:#f1f5f9!important}body.theme-dark .import-logs-table{background-color:#1e293b!important}body.theme-dark .import-logs-table th{background-color:#334155!important;color:#f1f5f9!important;border-bottom-color:#475569!important}body.theme-dark .import-logs-table td{color:#f1f5f9!important;border-bottom-color:#334155!important}body.theme-dark .details-row,body.theme-dark .import-log-row:hover{background-color:#334155!important}body.theme-dark .detail-section h4{color:#f1f5f9!important;border-bottom-color:#475569!important}body.theme-dark .error-section{background-color:rgba(239,68,68,.15)!important}body.theme-dark .error-message{background-color:#1e293b!important;color:#fca5a5!important;border-color:#7f1d1d!important}body.theme-dark .json-details pre{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-light .queue-item{background-color:#ffffff!important;color:#334155!important;border-bottom-color:#e2e8f0!important}body.theme-dark .queue-item{background-color:#334155!important;color:#f1f5f9!important;border-bottom-color:#475569!important}body.theme-light .date-inputs input,body.theme-light .form-group input,body.theme-light .form-group select,body.theme-light .inline-edit-input,body.theme-light .inline-edit-select{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-light .modal-content h2{border-bottom-color:#e2e8f0!important}body.theme-light .sortable-header:hover{background-color:rgba(0,0,0,.05)!important}body.theme-dark .date-inputs input,body.theme-dark .form-group input,body.theme-dark .form-group select,body.theme-dark .inline-edit-input,body.theme-dark .inline-edit-select{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.theme-dark .modal-content h2{border-bottom-color:#475569!important}body.theme-dark .sortable-header:hover{background-color:rgba(255,255,255,.1)!important}body.theme-light .loading,body.theme-light .loading-cell,body.theme-light .loading-container{color:#64748b!important}body.theme-light .status-message.success{background-color:#dcfce7!important;color:#166534!important}body.theme-light .status-message.error{background-color:#fef2f2!important;color:#991b1b!important}body.theme-dark .loading,body.theme-dark .loading-cell,body.theme-dark .loading-container{color:#94a3b8!important}body.theme-dark .status-message.success{background-color:rgba(34,197,94,.15)!important;color:#86efac!important}body.theme-dark .status-message.error{background-color:rgba(239,68,68,.15)!important;color:#fca5a5!important}body.theme-light .changelog-container{background-color:transparent!important;color:#1e293b!important}body.theme-light .changelog-entry{background-color:#ffffff!important;border-color:#e2e8f0!important}body.theme-light .changelog-entry h3{color:#1e293b!important}body.theme-light .changelog-entry ul li{color:#475569!important}body.theme-dark .changelog-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark .changelog-entry{background-color:#1e293b!important;border-color:#334155!important}body.theme-dark .changelog-entry h3{color:#f1f5f9!important}body.theme-dark .changelog-entry ul li{color:#cbd5e1!important}body.theme-light .trends-container{background-color:transparent!important;color:#1e293b!important}body.theme-light .trends-section{border-color:#e2e8f0!important}body.theme-light .trends-chart-container,body.theme-light .trends-section{background-color:#ffffff!important}body.theme-dark .trends-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark .trends-section{border-color:#334155!important}body.theme-dark .trends-chart-container,body.theme-dark .trends-section{background-color:#1e293b!important}body.theme-light .delivery-container,body.theme-light .delivery-search-container{background-color:transparent!important;color:#1e293b!important}body.theme-light .delivery-form{border-color:#e2e8f0!important}body.theme-light .delivery-form,body.theme-light .delivery-table{background-color:#ffffff!important}body.theme-light .delivery-table th{background-color:var(--color-primary,#334155)!important;color:#ffffff!important}body.theme-light .delivery-table td{color:#334155!important;border-color:#e2e8f0!important}body.theme-dark .delivery-container,body.theme-dark .delivery-search-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark .delivery-form{border-color:#334155!important}body.theme-dark .delivery-form,body.theme-dark .delivery-table{background-color:#1e293b!important}body.theme-dark .delivery-table th{background-color:var(--color-primary,#1e293b)!important;color:#ffffff!important}body.theme-dark .delivery-table td{color:#f1f5f9!important;border-color:#475569!important}body.theme-light .status-times-container{background-color:transparent!important;color:#1e293b!important}body.theme-light .status-times-section{background-color:#ffffff!important;border-color:#e2e8f0!important}body.theme-dark .status-times-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark .status-times-section{background-color:#1e293b!important;border-color:#334155!important}body.theme-light .wdhi-container{background-color:transparent!important;color:#1e293b!important}body.theme-light .wdhi-section{background-color:#ffffff!important;border-color:#e2e8f0!important}body.theme-dark .wdhi-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark .wdhi-section{background-color:#1e293b!important;border-color:#334155!important}body.theme-light .customers-container,body.theme-light .visitors-container{background-color:transparent!important;color:#1e293b!important}body.theme-light .expanded-content{background-color:#f8fafc!important;color:#1e293b!important}body.theme-light .expanded-content .detail-section{background-color:#ffffff!important;border-color:#e2e8f0!important}body.theme-light .add-note-form{background-color:#f8fafc!important}body.theme-light .add-note-form textarea{background-color:#ffffff!important;color:#1e293b!important;border-color:#cbd5e1!important}body.theme-dark .customers-container,body.theme-dark .visitors-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark .expanded-content{background-color:#0f172a!important;color:#f1f5f9!important}body.theme-dark .expanded-content .detail-section{background-color:#1e293b!important;border-color:#334155!important}body.theme-dark .add-note-form{background-color:#334155!important}body.theme-dark .add-note-form textarea{background-color:#475569!important;color:#f1f5f9!important;border-color:#64748b!important}body.theme-light .dbcopy-container{background-color:transparent!important;color:#1e293b!important}body.theme-light .dbcopy-section{background-color:#ffffff!important;border-color:#e2e8f0!important}body.theme-dark .dbcopy-container{background-color:transparent!important;color:#f1f5f9!important}body.theme-dark .dbcopy-section{background-color:#1e293b!important;border-color:#334155!important}