@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:#f4f4f4;--bg-dark:#1e1e1e;--text-light:#000;--text-dark:#fff;--primary-color:#007bff;--border-radius:10px;--table-header-bg-light:#007bff;--table-header-bg-dark:#0056b3;--table-row-bg-light:#ffffff;--table-row-bg-dark:#333333;--table-row-alt-bg-light:#f9f9f9;--table-row-alt-bg-dark:#444444;--table-text-light:#333333;--table-text-dark:#f0f0f0;--table-border-light:#dddddd;--table-border-dark:#555555;--form-bg-light:#ffffff;--form-bg-dark:#2a2a2a;--form-input-bg-light:#ffffff;--form-input-bg-dark:#333333;--form-text-light:#333333;--form-text-dark:#f0f0f0;--form-border-light:#dddddd;--form-border-dark:#555555}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 input{width:100%;max-width:500px;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%;max-width:500px;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-color:var(--primary-color);padding:10px 20px;border-radius:8px;height:50px}.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-color:white;color:var(--primary-color);border:2px solid var(--primary-color);font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .3s ease,transform .2s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:2px;display:inline-block}.navbar a:hover,.navbar button:hover{background-color:#ddd;box-shadow:0 8px 12px rgba(0,0,0,.2);transform:scale(1.05)}.navbar a:active,.navbar button:active{transform:scale(.95)}.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:20px;display:flex;flex-direction:column;gap:15px}.dashboard-section{background:white;padding:15px;border-radius:var(--border-radius);box-shadow:0 2px 6px rgba(0,0,0,.1);width:100%}@media (prefers-color-scheme:dark){.dashboard-section{background:#2a2a2a;color:white}}.dashboard-section h3{background:#004085;color:white;font-size:20px;font-weight:700;text-align:center;padding:12px;border-radius:var(--border-radius);margin-bottom:10px;text-transform:uppercase}.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)}@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{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.edit-btn{background-color:#4caf50;color:white}.delete-btn{background-color:#f44336;color:white}.save-btn{background-color:#2196f3;color:white}.cancel-btn{background-color:#9e9e9e;color:white}input[type=number],input[type=text]{padding:6px;border:1px solid var(--form-border-light);border-radius:4px;width:100%;background-color:var(--form-input-bg-light);color:var(--form-text-light)}@media (prefers-color-scheme:dark){input[type=number],input[type=text]{border:1px solid var(--form-border-dark);background-color:var(--form-input-bg-dark);color:var(--form-text-dark)}}.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:#2196f3}.btn-edit:hover{background-color:#0b7dda}.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{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.store-filter-dropdown{padding:8px;border-radius:var(--border-radius);border:2px solid var(--primary-color);background-color:white;min-width:150px}.current-filter,.current-store{text-align:center;margin-bottom:20px;padding:8px;background-color:rgba(0,123,255,.1);border-radius:var(--border-radius);font-weight:700}@media (prefers-color-scheme:dark){.store-filter-dropdown{background-color:#333;color:white;border-color:var(--primary-color)}.current-filter,.current-store{background-color:rgba(0,123,255,.2)}}.store-filter-dropdown:focus{outline:none;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.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}.btn-break,.btn-ready{color:white;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-primary{background-color:var(--primary-color);color:white;border:none}.btn-green{background-color:#4caf50}.btn-green,.btn-red{color:white;border:none}.btn-red{background-color:#f44336}.btn-yellow{background-color:#ffc107;color:black;border:none}@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:15px;padding:10px;background-color:rgba(0,123,255,.1);border-radius:var(--border-radius);font-size:18px}.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-color:white!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;border-radius:8px!important;cursor:pointer;text-decoration:none;transition:all .3s ease,transform .2s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:2px;display:flex!important;align-items:center;gap:5px;font-weight:700}.dropdown-toggle:hover{background-color:#ddd!important;box-shadow:0 8px 12px rgba(0,0,0,.2);transform:scale(1.05)}.dropdown-toggle:active{transform:scale(.95)}.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-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.visitor-form-container{background-color:white;padding:20px;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.2)}.visitor-form-container h2{margin-top:0;color:#333}.form-description{margin-bottom:20px;color:#666}.btn-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.form-input,.form-select,.form-textarea{width:100%;padding:8px;margin-top:5px;border-radius:4px;border:1px solid #ccc}.form-group{margin-bottom:15px}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-submit{background-color:#4CAF50}.btn-confirm-skip,.btn-skip,.btn-submit{color:white;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.btn-confirm-skip,.btn-skip{background-color:#f44336}.btn-back{background-color:#2196F3;color:white;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.error-message{margin-bottom:15px;padding:10px;background-color:#ffebee;border-radius:4px}.checkbox-group{display:flex;align-items:center}.checkbox-group input{margin-right:10px}.skip-form{padding:15px;background-color:#f5f5f5;border-radius:4px;margin-bottom:20px}@media (prefers-color-scheme:dark){.visitor-form-container{background-color:#2a2a2a;color:#f0f0f0}.visitor-form-container h2,.visitor-form-container label,.visitor-form-container p{color:#f0f0f0}.form-input,.form-select,.form-textarea{background-color:#333;color:#f0f0f0;border-color:#555}.form-input::placeholder{color:#888}.skip-form{background-color:#333}.skip-form,.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:#007bff;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 #007bff}@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:#2196F3;color:white;border:none;border-radius:4px;cursor:pointer}.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:#2196F3}@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:100%;padding:4px;border-radius:4px;border:1px solid #ccc}@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}.note-textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;margin-bottom:8px;resize:vertical}.add-note-button{background-color:#4CAF50;color:white;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}.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)}}.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}}.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:8px 16px;border-radius:4px;cursor:pointer;margin-left:10px}@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}}.pagination{display:flex;justify-content:center;margin:20px 0;gap:5px}.page-button{padding:8px 12px;background-color:#f0f0f0;border:1px solid #ddd;cursor:pointer;border-radius:4px}.page-button:hover{background-color:#e0e0e0}.page-button.active{background-color:#0070f3;color:white;border-color:#0070f3}.ellipsis{padding:8px 12px}.summary{margin:10px 0;font-size:14px;color:#666}.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:#2196F3!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:#2196F3}@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:1200px;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}.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:#2196F3;box-shadow:0 0 5px rgba(33,150,243,.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:#2196F3;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:#2196F3}.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(--accent-color,#2196F3)}.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(--accent-color,#2196F3)}.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:#2196F3}.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:#2196F3;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,#2196F3,#1976D2);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:#2196F3;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:#2196F3;border-bottom-color:#2196F3;background-color:#f8f9ff}@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:#2196F3;color:white;border:none;border-radius:6px;cursor:pointer;font-weight:700}.search-button:hover{background:#1976D2}.search-button:disabled{background:#ccc;cursor:not-allowed}.results-section{margin-top:30px;padding:20px;border:1px solid #ddd;border-radius:6px}.no-results{text-align:center;color:#666}@media (prefers-color-scheme:dark){.search-input{background:#333;color:#fff;border-color:#555}.results-section{background:#2a2a2a;border-color:#555}}.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:#2196F3;color:white;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap;min-width:80px}.inventory-search-button:hover{background:#1976D2}.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:#007bff;color:white;border:none;border-radius:6px;cursor:pointer;font-weight:700;white-space:nowrap;min-width:80px}.search-input-group .search-button:hover{background:#0056b3}.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 #ddd;padding:12px;text-align:left}.inventory-results-table th{background-color:#e9ecef!important;font-weight:700!important;color:#212529!important;border-bottom:2px solid #495057!important}.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:#cce5ff;border-left-color:#007bff;color:#004085}.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:#495057!important;color:#f8f9fa!important;border-bottom:2px solid #6c757d!important}.inventory-results-table td{border-color:#555}.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)}.radio-text{font-size:16px}.radio-label:hover{color:#007bff}@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}.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:#007bff;color:white;border-bottom:1px solid #007bff}.tab-button:hover{background-color:#e9ecef}.tab-button.active:hover{background-color:#0056b3}.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:#007bff;color:white;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9em}.toggle-filters-btn:hover{background-color:#0056b3}.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:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.filter-buttons{display:flex;align-items:end}.filter-button{background-color:#007bff;color:white;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;width:100%;font-weight:700}.filter-button:hover{background-color:#0056b3}.filter-button.loading{background-color:#ccc;cursor:not-allowed}.results-section{margin-top: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(--background-primary,white);border:1px solid var(--border-color,#dee2e6);color:var(--text-primary,#000)}.inventory-table thead tr{background-color:var(--background-secondary,#f8f9fa)}.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 #2196f3;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:#2196F3;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}@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:#007bff;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:#0056b3;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:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}@media (prefers-color-scheme:dark){.compact-search-input{background:#333;border-color:#555;color:#f0f0f0}.compact-search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.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:#007bff}@media (prefers-color-scheme:dark){.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:#007bff;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}}