@import"https://cdn.jsdelivr.net/npm/bootswatch@4.5.2/dist/darkly/bootstrap.min.css";:root{--primary-bg: #0f0f1e;--secondary-bg: #1a1a2e;--tertiary-bg: #16213e;--header-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #ffffff;--text-secondary: #b4b4c5;--accent-color: #667eea;--accent-hover: #5568d3;--success-color: #00d4aa;--warning-color: #ffc107;--danger-color: #ff6b6b;--border-radius: 12px;--border-radius-sm: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--glow: 0 0 20px rgba(102, 126, 234, .4)}body{background:linear-gradient(135deg,var(--primary-bg) 0%,#0a0a14 100%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:10px;line-height:1.6;min-height:100vh;background-attachment:fixed}body.modal-open{overflow:hidden;position:fixed;width:100%}.container{max-width:98%;margin:0 auto;padding:0 5px}header{margin-bottom:1.5rem;padding:1.5rem 0;border-bottom:2px solid rgba(102,126,234,.2);position:relative;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.05) 50%,transparent 100%);border-radius:var(--border-radius)}header h1{margin:0;font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.5px;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.card{background:#1a1a2eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);transition:var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#667eea4d}#filter{background:#1a1a2eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow);animation:slideInRight .6s ease-out}#filter h3{margin:0 0 .75rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-size:1.1rem}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}#filter h3{margin:0 0 1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}#filter h3 i{color:var(--accent-color)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-item label{font-weight:600;color:var(--text-primary);font-size:.9rem}.filter-item input[type=date],.filter-item select{background:#ffffff0d!important;border:2px solid rgba(102,126,234,.2);border-radius:var(--border-radius-sm);padding:.75rem 1rem;color:var(--text-primary)!important;font-family:inherit;font-size:.95rem;transition:var(--transition)}.filter-item input[type=date]:focus,.filter-item select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 20px #667eea4d;background:#667eea1a!important;transform:translateY(-1px)}.refresh-btn{white-space:nowrap;min-width:auto;align-self:end}.form-control{background-color:var(--secondary-bg);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:.5rem;font-size:.9rem;transition:var(--transition);width:100%}.form-control:hover{border-color:var(--accent-color)}.form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3498db33}select{background-color:var(--secondary-bg)!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.1)!important}select option{background-color:var(--secondary-bg)!important;color:var(--text-primary)!important;padding:.5rem!important}select option:hover{background-color:var(--accent-color)!important;color:#fff!important}select option:checked{background-color:var(--accent-color)!important;color:#fff!important}.filter-item select{background-color:var(--primary-bg)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--border-radius);padding:.5rem;color:var(--text-primary)!important;font-family:inherit;font-size:.9rem}.filter-item select option{background-color:var(--primary-bg)!important;color:var(--text-primary)!important;padding:.5rem!important}.filter-item select option:hover{background-color:var(--accent-color)!important;color:#fff!important}.filter-item select option:checked{background-color:var(--accent-color)!important;color:#fff!important}#refresh-container{display:flex;align-items:flex-end;justify-content:flex-end}.btn{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;filter:brightness(1.1)}.btn:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.btn i{font-size:.9rem}#log{background:#1a1a2eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:var(--border-radius);padding:1rem;overflow-x:auto;box-shadow:var(--shadow);animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#log-headers{display:grid;grid-template-columns:160px 120px 150px 180px minmax(400px,2.5fr) minmax(220px,1fr);gap:.95rem;padding:.875rem .95rem;background:linear-gradient(135deg,#1a1a2eeb,#16213eeb);border-radius:var(--border-radius-sm);font-weight:600;font-size:.85rem;position:sticky;top:20px;z-index:90;margin-bottom:.75rem;box-shadow:0 8px 24px #667eea66;border:1px solid rgba(255,255,255,.1)}#log-headers div{display:flex;align-items:center;gap:.5rem;justify-content:flex-start;text-align:left}#log-body{display:block!important}#log-headers i{color:#fffffff2;font-size:.9rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));background:transparent;border:none;border-radius:0;padding:0}.log-entry,.log-row{display:grid;grid-template-columns:160px 120px 150px 180px minmax(400px,2.5fr) minmax(220px,1fr);gap:.75rem;padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.05);transition:var(--transition);position:relative;font-size:.9rem}.log-row>div{min-width:0}.log-row>div:nth-child(1),.log-row>div:nth-child(2),.log-row>div:nth-child(3),.log-row>div:nth-child(4){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-row>div:nth-child(6){overflow:visible;white-space:nowrap}.log-row>div:nth-child(5){overflow:hidden;word-break:break-word}.log-entry:before,.log-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--accent-color),transparent);opacity:0;transition:var(--transition)}.log-entry:hover,.log-row:hover{background:#667eea14;border-bottom-color:#667eea33;transform:translate(4px)}.log-entry:hover:before,.log-row:hover:before{opacity:1}.log-entry a{color:var(--accent-color);text-decoration:none;transition:var(--transition);display:inline-flex;align-items:center;gap:.25rem}.log-entry a:hover{color:#2980b9;text-decoration:underline}.loading{opacity:.7;pointer-events:none}.loading #refresh i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state i{font-size:2rem;margin-bottom:1rem;color:var(--accent-color)}@media(max-width:1200px){#log-headers,.log-entry,.log-row{grid-template-columns:150px 110px 140px 160px minmax(220px,1.25fr) 160px}}@media(max-width:768px){body{padding:10px}.container{padding:0 10px}header h1{font-size:1.5rem}#filters{grid-template-columns:1fr}#log{font-size:.9rem}#log-headers,.log-entry,.log-row{grid-template-columns:120px 90px 110px 130px minmax(180px,1fr) 130px;gap:.5rem}.filter-grid{grid-template-columns:1fr;gap:1rem}.filter-item input[type=date],.filter-item select{width:100%}}.clickable-coords{cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:var(--border-radius-sm);background:#667eea1a;border:1px solid rgba(102,126,234,.2);position:relative;max-width:100%;overflow:visible}.clickable-coords .coords-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%}.clickable-coords:hover{background:#667eea33;border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.copy-icon{font-size:.85rem;opacity:.6;transition:var(--transition)}.clickable-coords:hover .copy-icon{opacity:1;color:var(--accent-color)}.copy-icon.copied{color:var(--success-color);animation:checkmark .4s ease-in-out}@keyframes checkmark{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.copy-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--success-color);color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;animation:tooltipFade 2s ease-out forwards;box-shadow:0 2px 8px #00d4aa66;z-index:4000;pointer-events:none}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%,-5px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,5px)}}.tooltip{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--accent-color);color:#fff;padding:8px 16px;border-radius:var(--border-radius);font-size:.9rem;z-index:1000;animation:fadeInOut 2s ease-in-out;box-shadow:0 2px 4px #0003}.tooltip.error{background-color:var(--danger-color);animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.message-cell{max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.log-entry>div:last-child{white-space:nowrap;overflow-x:auto;text-overflow:ellipsis}.copy-btn{margin-left:5px;cursor:pointer;color:#007bff;background:none;border:none;font-size:1em;padding:0 4px;vertical-align:middle}.copy-btn:hover{color:#0056b3}.copy-message{cursor:pointer;background:none;transition:none}.copy-message:hover{background:none}.message-cell i.fas.fa-copy{margin-left:6px;color:#007bff;font-size:1em;vertical-align:middle}.login-box{background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3rem;border-radius:24px;box-shadow:var(--shadow-lg),0 0 0 1px #667eea4d;max-width:450px;width:90%;margin:4rem auto;border:1px solid rgba(102,126,234,.2);position:relative;overflow:hidden;animation:fadeInUp .8s ease-out}.demo-banner{margin:0 0 1.5rem;padding:1rem 1.25rem;border-radius:16px;border:1px solid rgba(255,193,7,.35);background:linear-gradient(135deg,#ffc1071f,#ff57221a);box-shadow:0 10px 30px #ffc10714;position:relative;overflow:hidden}.demo-banner:after{content:"";position:absolute;top:-40%;right:-20%;width:220px;height:220px;background:radial-gradient(circle,#ffc10738,#ffc10700 70%);transform:rotate(10deg)}.demo-banner-title{font-weight:800;letter-spacing:1.2px;color:#ffd966;text-transform:uppercase;font-size:.95rem;margin-bottom:.35rem}.demo-banner-text{color:#f0f0fff2;font-weight:600;font-size:.95rem;line-height:1.35;margin-bottom:.6rem}.demo-banner-creds{display:inline-block;font-weight:800;font-size:.95rem;color:#fffffff2;background:#00000040;border:1px solid rgba(255,255,255,.12);padding:.35rem .65rem;border-radius:999px}.login-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-box h2{text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;font-weight:700;font-size:2rem}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.75rem;color:var(--text-primary);font-weight:600;font-size:.95rem;letter-spacing:.5px}.input-group input{width:100%;padding:.875rem 1.25rem;background:#ffffff0d;border:2px solid rgba(102,126,234,.2);border-radius:var(--border-radius-sm);font-size:1rem;color:var(--text-primary);transition:var(--transition)}.input-group input:focus{outline:none;border-color:var(--accent-color);background:#667eea1a;box-shadow:0 0 20px #667eea4d}.login-box button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 16px #667eea66;position:relative;overflow:hidden}.login-box button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-box button:hover:before{left:100%}.login-box button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea80;filter:brightness(1.1)}.login-box button:active{transform:translateY(0)}.error-message{color:red;text-align:center;margin-top:1rem;display:none}.error-message{background-color:var(--danger-color);color:#fff;padding:10px;border-radius:var(--border-radius);margin-top:15px;display:none}.header-buttons{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:.75rem;align-items:center}.admin-btn{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;font-weight:600;box-shadow:0 4px 12px #ffc1074d}.admin-btn:hover{box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-weight:600;box-shadow:0 4px 12px #ff6b6b4d}.logout-btn:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.modal-content{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0;border-radius:20px;width:90%;max-width:850px;height:85vh;max-height:85vh;border:1px solid rgba(102,126,234,.3);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.25rem 1.75rem;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:0 4px 6px #0003;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.25rem}.modal-header h2{margin:0;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.close{color:var(--text-secondary);font-size:2rem;font-weight:700;cursor:pointer;transition:var(--transition)}.close:hover{color:var(--text-primary)}.modal-body{padding:0;flex:1;overflow:hidden;display:flex;flex-direction:column}.dialog-modal{max-width:500px;height:auto;max-height:80vh;overflow-y:auto}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:flex-end;background-color:var(--primary-bg);border-radius:0 0 var(--border-radius) var(--border-radius)}.dialog-modal .modal-body{padding:1.5rem 2rem;flex:none;overflow:visible;display:block}.dialog-modal .modal-body p{margin:0;line-height:1.6;color:var(--text-primary)}#dialogIcon.fa-question-circle{color:var(--accent-color)}#dialogIcon.fa-exclamation-triangle{color:var(--warning-color)}#dialogIcon.fa-info-circle{color:var(--success-color)}#dialogIcon.fa-times-circle{color:var(--danger-color)}.admin-controls{margin-bottom:1.5rem}.admin-section h3 i.fa-users{color:var(--success-color)}.users-table{background:#1a1a2eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);overflow:hidden;margin-bottom:2rem;border:1px solid rgba(102,126,234,.2);box-shadow:var(--shadow);animation:fadeIn .6s ease-out}.table-header{display:grid;grid-template-columns:2fr 1fr 2fr;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);font-weight:700;border-bottom:2px solid rgba(255,255,255,.2);letter-spacing:.5px;text-transform:uppercase;font-size:.85rem}.table-body{max-height:400px;overflow-y:auto}.user-row{display:grid;grid-template-columns:2fr 1fr 2fr;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);transition:var(--transition);align-items:center}.user-row>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row:hover{background:linear-gradient(90deg,#667eea1a,#764ba21a);border-left:3px solid var(--accent-color)}.user-row:last-child{border-bottom:none}.user-actions{display:flex;gap:.5rem;justify-content:flex-start}.user-actions .btn{padding:.4rem .75rem;font-size:.8rem;min-width:auto}.admin-section{margin-bottom:.75rem;padding:1.25rem;background:#0f0f1e66;border-radius:var(--border-radius);border:1px solid rgba(102,126,234,.15)}.admin-section h3{margin:0 0 .875rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-size:1rem}.admin-section h3 i{color:var(--danger-color)}.log-management,.delete-logs-container{display:flex;flex-direction:column;gap:1rem}.delete-logs-container label{font-weight:600;color:var(--text-primary)}.date-range-container{background:linear-gradient(135deg,#667eea14,#764ba214);border:2px solid rgba(102,126,234,.3);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #667eea26;transition:var(--transition)}.date-range-container h4{margin:0 0 .875rem;color:var(--accent-color);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.date-range-container:hover{border-color:#667eea80;box-shadow:0 8px 20px #667eea40}.date-range-container h4{margin:0 0 1rem;color:var(--accent-color);display:flex;align-items:center;gap:.5rem;font-size:1rem}.date-range-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.date-field{display:flex;flex-direction:column;gap:.5rem}.date-field label{font-weight:600;color:var(--text-primary);font-size:.9rem}.date-field input[type=date]{background-color:var(--secondary-bg)!important;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:.75rem;color:var(--text-primary)!important;font-family:inherit;font-size:.9rem;transition:var(--transition)}.date-field input[type=date]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3498db33}.date-help{color:var(--text-secondary);font-size:.8rem;font-style:italic}.legacy-days-container{background:linear-gradient(135deg,#ffc10714,#ff980014);border:2px solid rgba(255,193,7,.3);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #ffc10726;transition:var(--transition)}.legacy-days-container h4{margin:0 0 .875rem;color:var(--warning-color);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.legacy-days-container:hover{border-color:#ffc10780;box-shadow:0 8px 20px #ffc10740}.legacy-days-container h4{margin:0 0 1rem;color:var(--warning-color);display:flex;align-items:center;gap:.5rem;font-size:1rem}.legacy-days-controls{display:flex;flex-direction:column;gap:.75rem}.delete-logs-controls{display:flex;flex-direction:column;gap:1rem}.delete-logs-controls input[type=number]{background-color:var(--secondary-bg);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:.5rem;color:var(--text-primary);font-family:inherit;width:120px;min-width:80px}.delete-logs-controls input[type=number]:focus{outline:none;border-color:var(--danger-color);box-shadow:0 0 0 2px #e74c3c33}.delete-filter-group{margin-bottom:1rem}.delete-filter-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.delete-filter-group select{width:100%;background-color:var(--secondary-bg)!important;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:.5rem;color:var(--text-primary)!important;font-family:inherit}.delete-filter-group select option{background-color:var(--secondary-bg)!important;color:var(--text-primary)!important;padding:.5rem!important}.delete-filter-group select option:hover{background-color:var(--accent-color)!important;color:#fff!important}.delete-filter-group select option:checked{background-color:var(--accent-color)!important;color:#fff!important}.delete-controls-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.delete-info{color:var(--warning-color);font-size:.9rem;margin:0;font-style:italic}.delete-status{padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;border:1px solid;animation:slideIn .3s ease-out}.delete-status.success{background-color:#2ecc711a;border-color:var(--success-color);color:var(--success-color)}.delete-status.error{background-color:#e74c3c1a;border-color:var(--danger-color);color:var(--danger-color)}.delete-status i{font-size:1.1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.delete-logs-controls{flex-direction:column;align-items:stretch;gap:.5rem}.delete-logs-controls input[type=number]{width:100%}.date-range-grid{grid-template-columns:1fr;gap:1rem}.date-range-container,.legacy-days-container{padding:1rem}.delete-controls-row{flex-direction:column;align-items:stretch;gap:.5rem}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:.65rem 1rem;background:#ffffff0d!important;color:var(--text-primary)!important;border:2px solid rgba(102,126,234,.2);border-radius:var(--border-radius-sm);font-size:.9rem;transition:var(--transition);box-shadow:inset 0 2px 4px #0003}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 20px #667eea4d,inset 0 2px 4px #0003;background:#667eea1a!important;transform:translateY(-1px)}.form-group select option{background-color:var(--secondary-bg)!important;color:var(--text-primary)!important;padding:.75rem!important}.form-group select option:hover{background-color:var(--accent-color)!important;color:#fff!important}.form-group select option:checked{background-color:var(--accent-color)!important;color:#fff!important}.form-group input::placeholder{color:var(--text-secondary);font-style:italic}#userFormModal .modal-content{max-width:480px;width:90%;height:auto;max-height:80vh;overflow-y:auto;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%)}#userFormModal .modal-header{background:linear-gradient(135deg,var(--header-bg) 0%,var(--accent-color) 100%);border-bottom:3px solid var(--accent-color)}#userFormModal .modal-body{padding:2rem;background-color:var(--primary-bg);flex:none;overflow:visible;display:block}#userFormModal .form-group{position:relative}#userFormModal .form-group label{color:var(--accent-color);margin-bottom:.75rem}#userFormModal .form-group input,#userFormModal .form-group select{background:#ffffff0d;border:2px solid rgba(52,152,219,.2);transition:all .3s ease}#userFormModal .form-group input:focus,#userFormModal .form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db26;background:#3498db1a}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.form-buttons .btn{padding:.75rem 2rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:25px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.form-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media(max-width:768px){.modal-content{width:95%;margin:1rem;height:95vh;max-height:95vh}.table-header,.user-row{grid-template-columns:1fr;gap:.5rem;text-align:left}.table-header{background-color:var(--accent-color);color:#fff}.user-row{padding:1rem;border-left:3px solid var(--accent-color)}.user-row>div{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.user-row>div:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);margin-right:1rem}.user-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:.5rem}.user-actions .btn{flex:1;min-width:120px}.form-buttons{flex-direction:column;gap:.5rem}.form-buttons .btn{width:100%}.header-buttons{position:static;margin-top:1rem;justify-content:center;flex-wrap:wrap}}#userFormModal .modal-content{margin:1rem;max-width:400px;width:calc(100% - 2rem)}#userFormModal .modal-body{padding:1.5rem}#userFormModal .form-group label{font-size:.8rem}#userFormModal .form-group input,#userFormModal .form-group select{padding:.875rem;font-size:1rem}.form-buttons{flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1rem}.form-buttons .btn{width:100%;padding:1rem;border-radius:8px}.badge{display:inline-block;padding:.35rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:20px;letter-spacing:.8px;box-shadow:0 2px 8px #0003;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-warning{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.badge-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-success{background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff}.pagination-container{margin-top:1rem;padding:.875rem 1rem;border-top:1px solid rgba(102,126,234,.2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.875rem;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.03) 50%,transparent 100%)}.pagination-info{color:var(--text-secondary);font-size:.85rem;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem .875rem;font-size:.85rem;min-width:auto}.pagination-btn:disabled{background-color:var(--text-secondary);opacity:.5;cursor:not-allowed;transform:none}.pagination-btn:disabled:hover{background-color:var(--text-secondary);transform:none}.page-numbers{display:flex;gap:.25rem}.page-btn{background:#1a1a2e99;color:var(--text-primary);border:1px solid rgba(102,126,234,.2);padding:.4rem .65rem;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.85rem;transition:var(--transition);min-width:36px;text-align:center}.page-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:var(--accent-color);color:#fff;box-shadow:0 4px 16px #667eea66;animation:pulse 2s ease-in-out infinite}.page-btn.ellipsis{cursor:default;background-color:transparent;border-color:transparent}.page-btn.ellipsis:hover{background-color:transparent;border-color:transparent}@media(max-width:768px){.pagination-container{flex-direction:column;gap:1rem}.pagination-controls{justify-content:center;flex-wrap:wrap}.page-numbers{order:-1;justify-content:center}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 12px #ff6b6b4d}.btn-danger:hover{box-shadow:0 6px 20px #ff6b6b66}.btn-success{background:linear-gradient(135deg,#00d4aa,#00b894);box-shadow:0 4px 12px #00d4aa4d}.btn-success:hover{box-shadow:0 6px 20px #00d4aa66}.admin-tabs{display:flex;background:linear-gradient(180deg,#1a1a2ee6,#16213ee6);border-bottom:2px solid rgba(102,126,234,.2);margin:0;padding:0;flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.admin-tab-button{flex:1;background:transparent;border:none;padding:.875rem 1.5rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;border-bottom:3px solid transparent;position:relative}.admin-tab-button:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(102,126,234,.1) 0%,transparent 100%);opacity:0;transition:var(--transition)}.admin-tab-button:hover:before{opacity:1}.admin-tab-button:hover{color:var(--text-primary);transform:translateY(-2px)}.admin-tab-button.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:linear-gradient(180deg,rgba(102,126,234,.15) 0%,transparent 100%);position:relative}.admin-tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);box-shadow:0 0 10px var(--accent-color)}.admin-tab-button i{font-size:1rem}.admin-tab-content{display:none;padding:1.25rem;flex:1;overflow-y:auto;overflow-x:hidden}.admin-tab-content.active{display:flex;flex-direction:column}.webhook-generator{background:#1a1a2e99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:1.25rem;border:2px solid rgba(102,126,234,.2);box-shadow:var(--shadow);animation:fadeIn .6s ease-out}.webhook-actions{display:flex;gap:.75rem;margin-top:1rem}.webhook-actions .btn{flex:1}.webhook-help-btn{margin-left:.5rem;padding:.5rem .75rem;position:relative}.webhook-help-btn:hover{background-color:#2980b9}.webhook-list-section{margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.webhook-toggle-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#1a1a2e99;border:2px solid rgba(102,126,234,.2);border-radius:var(--border-radius-sm);transition:var(--transition);margin-top:1.5rem;box-shadow:0 2px 8px #0003}.webhook-toggle-btn:hover{background:#667eea1a;border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.webhook-toggle-btn.active{background:#667eea26;border-color:var(--accent-color)}.toggle-icon{transition:transform .3s ease}.webhook-toggle-btn.active .toggle-icon{transform:rotate(180deg)}.existing-webhooks-container{margin-top:.75rem;background:#1a1a2e99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--border-radius-sm);border:2px solid rgba(102,126,234,.2);animation:slideDown .3s ease;box-shadow:0 4px 12px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.webhooks-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid rgba(102,126,234,.2);background:linear-gradient(90deg,rgba(102,126,234,.05) 0%,transparent 100%)}.webhooks-header h4{margin:0;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.webhooks-list-content{padding:.875rem;max-height:280px;overflow-y:auto}.loading-webhooks{text-align:center;color:var(--text-secondary);padding:2rem}.webhook-item{background:#1a1a2e99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(102,126,234,.2);border-radius:var(--border-radius-sm);padding:1rem;margin-bottom:.75rem;transition:var(--transition);position:relative;overflow:hidden}.webhook-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);opacity:0;transition:var(--transition)}.webhook-item:hover{border-color:var(--accent-color);transform:translate(6px);box-shadow:0 8px 24px #667eea4d}.webhook-item:hover:before{opacity:1}.webhook-item:last-child{margin-bottom:0}.webhook-script-name{font-weight:600;font-size:.9rem;color:var(--accent-color);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.webhook-url{font-family:Courier New,monospace;font-size:.75rem;color:var(--text-secondary);background:#ffffff0d;padding:.5rem;border-radius:6px;word-break:break-all;margin-bottom:.5rem;border:1px solid rgba(102,126,234,.1)}.webhook-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary)}.webhook-actions{display:flex;gap:.5rem}.webhook-actions .btn{padding:.25rem .5rem;font-size:.8rem}.btn-sm{padding:.35rem .65rem;font-size:.8rem;min-width:auto}.no-webhooks{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.webhook-help-tooltip{background:var(--secondary-bg);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);padding:1.5rem;max-width:350px;box-shadow:0 10px 30px #00000080;animation:fadeIn .2s ease}.webhook-help-tooltip .tooltip-content h5{margin:0 0 1rem;color:var(--accent-color);display:flex;align-items:center;gap:.5rem}.webhook-help-tooltip .tooltip-content ol{margin:0;padding-left:1.5rem;color:var(--text-primary)}.webhook-help-tooltip .tooltip-content li{margin-bottom:.5rem;line-height:1.4}.webhook-help-tooltip .tooltip-note{margin-top:1rem;padding:.75rem;background:#f1c40f1a;border-left:3px solid var(--warning-color);border-radius:4px;font-size:.9rem}.webhook-help-tooltip .tooltip-note i{color:var(--warning-color);margin-right:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.webhook-form{display:flex;flex-direction:column;gap:1.5rem}.webhook-url-container{display:flex;gap:10px;margin-bottom:20px;align-items:center}.webhook-url-container input{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background-color:var(--primary-bg)!important;color:var(--text-primary)!important;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem}.webhook-url-container input::placeholder{color:var(--text-muted)}.webhook-url-container button{white-space:nowrap;padding:8px 15px}.webhook-info{background:#3498db1a;border:1px solid var(--accent-color);border-radius:var(--border-radius);padding:1.5rem;margin-top:1rem}.webhook-info h4{margin:0 0 1rem;color:var(--accent-color);display:flex;align-items:center;gap:.5rem}.webhook-info p{margin:.5rem 0;color:var(--text-primary)}.webhook-note{background:#f1c40f1a;border:1px solid var(--warning-color);border-radius:var(--border-radius);padding:1rem;margin-top:1rem!important;display:flex;align-items:flex-start;gap:.5rem}.webhook-note i{color:var(--warning-color);margin-top:.1rem;flex-shrink:0}.webhook-note strong{color:var(--warning-color)}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;border-color:#1e7e34}.btn-success:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed}@media(max-width:768px){.webhook-url-container{flex-direction:column}.webhook-url-container button{width:100%;margin-top:5px}}.modern-dialog-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.modern-dialog{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.3);border-radius:20px;padding:2rem;min-width:380px;max-width:500px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modern-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modern-dialog-icon{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;animation:pulse 2s ease-in-out infinite}.modern-dialog-icon.confirm{background:#667eea33;color:#667eea;box-shadow:0 0 30px #667eea4d}.modern-dialog-icon.warning{background:#ffc10733;color:#ffc107;box-shadow:0 0 30px #ffc1074d}.modern-dialog-icon.error{background:#ff6b6b33;color:#ff6b6b;box-shadow:0 0 30px #ff6b6b4d}.modern-dialog-icon.info{background:#00d4aa33;color:#00d4aa;box-shadow:0 0 30px #00d4aa4d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modern-dialog-title{margin:0 0 .875rem;font-size:1.25rem;font-weight:600;text-align:center;color:var(--text-primary)}.modern-dialog-message{margin:0 0 1.5rem;font-size:.95rem;line-height:1.5;text-align:center;color:var(--text-secondary)}.modern-dialog-actions{display:flex;gap:1rem;justify-content:center}.modern-dialog-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.modern-dialog-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.modern-dialog-btn:hover:before{width:300px;height:300px}.modern-dialog-btn.cancel{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.modern-dialog-btn.cancel:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.modern-dialog-btn.confirm{color:#fff;border:1px solid transparent;box-shadow:0 4px 12px #0000004d}.modern-dialog-btn.confirm.confirm{background:linear-gradient(135deg,#667eea,#764ba2)}.modern-dialog-btn.confirm.warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.modern-dialog-btn.confirm.error{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.modern-dialog-btn.confirm.info{background:linear-gradient(135deg,#00d4aa,#00b894)}.modern-dialog-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006;filter:brightness(1.1)}.modern-dialog-btn i{position:relative;z-index:1}.log-row{display:grid;grid-template-columns:160px 120px 150px 180px minmax(400px,2.5fr) minmax(220px,1fr);gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);transition:var(--transition);overflow:visible}.log-row:hover{background:#ffffff0d}.log-row>div{display:flex;align-items:center}.log-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.no-logs{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.user-form{margin-bottom:2rem;padding:1.5rem;background:var(--secondary-bg);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.form-grid.compact{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:.75rem}.form-group.compact{margin-bottom:0}.form-group.compact label{font-size:.75rem;margin-bottom:.35rem}.form-group.compact input,.form-group.compact select{padding:.5rem .75rem;font-size:.85rem}.compact-form{padding:1rem;background:#667eea0d;border-radius:var(--border-radius-sm);border:1px solid rgba(102,126,234,.15);margin-bottom:1.5rem}.btn.compact{padding:.5rem 1rem;font-size:.85rem}.form-hint.compact{font-size:.8rem;margin-top:.5rem;color:var(--accent-color);font-style:italic}.form-actions{display:flex;align-items:center;gap:1rem}.form-hint{color:var(--text-secondary);font-size:.9rem;font-style:italic}.existing-webhooks{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.existing-webhooks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.existing-webhooks-header h4{margin:0;color:var(--text-primary)}.days-container{background:#f1c40f1a;border:1px solid var(--warning-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1rem}.days-container h4{margin:0 0 1rem;color:var(--warning-color);display:flex;align-items:center;gap:.5rem;font-size:1rem}.days-container label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.days-container input[type=number]{background-color:var(--secondary-bg);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:.75rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;width:100%;max-width:200px}.days-container input[type=number]:focus{outline:none;border-color:var(--warning-color);box-shadow:0 0 0 2px #f1c40f33}.delete-logs-actions{margin-top:1rem}.info-message{padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem}.info-message{padding:.875rem 1.25rem;border-radius:var(--border-radius-sm);margin-bottom:.875rem;animation:slideInFromTop .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid;box-shadow:var(--shadow);font-size:.9rem;display:flex;align-items:center;gap:.5rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.info-message.ok{background:#00d4aa26;border-color:var(--success-color);color:var(--success-color);box-shadow:0 4px 20px #00d4aa33}.info-message.error{background:#ff6b6b26;border-color:var(--danger-color);color:var(--danger-color);box-shadow:0 4px 20px #ff6b6b33}.delete-status{padding:.875rem 1.25rem;border-radius:var(--border-radius-sm);margin-bottom:.875rem;display:flex;align-items:center;gap:.5rem;border:2px solid;animation:slideInFromTop .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);font-size:.9rem}.delete-status.ok,.delete-status.success{background:#00d4aa26;border-color:var(--success-color);color:var(--success-color);box-shadow:0 4px 20px #00d4aa33}.delete-status.error{background:#ff6b6b26;border-color:var(--danger-color);color:var(--danger-color);box-shadow:0 4px 20px #ff6b6b33}