.master-keys-sidebar{width:320px;background:#fffffff2;border-radius:16px;padding:1.25rem;height:-moz-fit-content;height:fit-content;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(0,0,0,.08);flex-shrink:0;margin:1rem}.master-keys-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid rgba(0,0,0,.08)}.master-keys-title-section{display:flex;align-items:center;gap:.625rem}.master-keys-icon{width:36px;height:36px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.master-keys-title h3{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0;line-height:1.2}.master-keys-title p{color:#6b7280;font-size:.8125rem;margin:0;margin-top:.25rem}.new-master-key-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:.4375rem .875rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4375rem}.new-master-key-btn:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.master-keys-content{min-height:180px}.master-keys-loading{display:flex;flex-direction:column;gap:.875rem}.master-keys-loading .loading-placeholder{height:70px;background:#f3f4f6;border-radius:8px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.master-keys-empty{text-align:center;padding:1.5rem .875rem;color:#6b7280}.empty-icon{width:56px;height:56px;margin:0 auto .875rem;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.master-keys-empty h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .4375rem}.master-keys-empty p{font-size:.8125rem;line-height:1.4;margin:0;color:#6b7280}.master-keys-list{display:flex;flex-direction:column;gap:.75rem}.master-key-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.875rem;animation:slideInUp .3s ease-out}.master-key-card:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px #00000014;border-color:#d1d5db}.master-key-icon{width:32px;height:32px;background:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#374151;flex-shrink:0;transition:all .2s ease}.master-key-card:hover .master-key-icon{background:#d1d5db;transform:scale(1.05)}.master-key-content{flex:1;min-width:0}.master-key-name{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 .25rem;line-height:1.3;word-break:break-word}.master-key-subtitle{color:#6b7280;font-size:.75rem;margin:0;line-height:1.3}.master-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.master-key-icon{width:28px;height:28px;background:#0000000d;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff}.master-key-status{display:flex;gap:.4375rem}.master-key-status span{padding:.1875rem .625rem;border-radius:16px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-pending{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-expires-soon{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-expired{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.master-key-info h4{color:#fff;font-size:.9375rem;font-weight:600;margin:0 0 .4375rem;line-height:1.3}.master-key-dates{color:#ffffffb3;font-size:.8125rem;margin:0;line-height:1.4}.master-key-actions{display:flex;justify-content:flex-end;margin-top:.625rem}.master-key-action-btn{width:28px;height:28px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:7px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.master-key-action-btn:hover{background:#ffffff4d;transform:scale(1.05)}.master-key-type-selector{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.type-option{position:relative}.type-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.type-option label{display:flex;align-items:center;gap:.875rem;padding:.875rem;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}.type-option input[type=radio]:checked+label{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.type-icon{width:36px;height:36px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fbfbfb;transition:all .2s ease}.type-option input[type=radio]:checked+label .type-icon{background:#fff3;color:#fff}.type-info h4{font-size:.9375rem;font-weight:600;margin:0 0 .25rem;color:inherit}.type-info p{font-size:.8125rem;margin:0;opacity:.8;color:inherit}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1024px){.home-container{flex-direction:column;gap:1.25rem}.master-keys-sidebar{width:100%;order:-1}}@media(max-width:768px){.home-container{padding:1rem}.master-keys-sidebar,.dashboard-statistics-sidebar,.dashboard-statistics-container{display:none}.master-keys-header{flex-direction:column;gap:.875rem;align-items:stretch}.new-master-key-btn{justify-content:center}}.dashboard-statistics-sidebar{width:320px;background:#fffffff2;border-radius:16px;padding:1.25rem;height:400px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(0,0,0,.08);flex-shrink:0;margin:1rem;margin-top:0}.dashboard-statistics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid rgba(0,0,0,.08)}.dashboard-statistics-title-section{display:flex;align-items:center;gap:.625rem}.dashboard-statistics-icon{width:36px;height:36px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#374151;border:1px solid #e5e7eb}.dashboard-statistics-title h3{color:#374151;font-size:1.125rem;font-weight:700;margin:0;line-height:1.2}.dashboard-statistics-title p{color:#6b7280;font-size:.8125rem;margin:0;margin-top:.25rem}.dashboard-reload-btn{width:32px;height:32px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-reload-btn:hover:not(:disabled){background:#e5e7eb;transform:scale(1.05);box-shadow:0 2px 4px #0000001a;border-color:#9ca3af}.dashboard-reload-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-reload-btn .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-statistics-content{min-height:400px}.dashboard-statistics-loading{display:flex;flex-direction:column;gap:.875rem}.dashboard-statistics-loading .loading-placeholder{height:90px;background:#f3f4f6;border-radius:8px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-card{position:relative;overflow:hidden}.loading-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(208,208,208,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.loading-icon{background:#fff9!important;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-text{width:60px;height:12px;background:#fff9;border-radius:4px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-value{width:40px;height:20px;background:#fff9;border-radius:4px;margin-bottom:.25rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-description{width:80px;height:10px;background:#fff9;border-radius:4px;margin-top:auto;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-logs{display:flex;flex-direction:column;gap:.25rem}.loading-log-item{height:24px;background:#fff9;border-radius:6px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dashboard-statistics-error{text-align:center;padding:1.5rem .875rem;color:#6b7280}.dashboard-statistics-error p{margin-bottom:1rem;color:#374151}.retry-btn{background:#f6f6f6b3;border:1px solid rgba(81,81,81,.2);color:#374151;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000000d}.retry-btn:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a;border-color:#5151514d}.dashboard-statistics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:.875rem;transition:all .2s ease;min-height:132px;max-height:120px;display:flex;flex-direction:column;aspect-ratio:1;box-shadow:0 1px 3px #0000000d}.stat-card:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px #00000014;border-color:#d1d5db}.recent-activity-card{grid-column:1 / -1;aspect-ratio:auto;min-height:120px;max-height:none}.stat-card-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.stat-icon{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#374151;flex-shrink:0;background:#e5e7eb}.stat-card-header h4{color:#374151;font-size:.75rem;font-weight:600;margin:0;line-height:1.2}.stat-value{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:.25rem;line-height:1}.stat-description{color:#6b7280;font-size:.6875rem;line-height:1.3;margin-top:auto}.chart-container{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.no-data{color:#9ca3af;font-size:.6875rem;text-align:center;font-style:italic}.logs-container{flex:1;overflow:hidden}.logs-list{display:flex;flex-direction:column;gap:.25rem;max-height:80px;overflow-y:auto}.logs-list::-webkit-scrollbar{width:6px}.logs-list::-webkit-scrollbar-track{background:#f6f6f6b3;border-radius:3px;margin:2px 0}.logs-list::-webkit-scrollbar-thumb{background:#f6f6f6b3;border-radius:3px;border:1px solid rgba(81,81,81,.2)}.logs-list::-webkit-scrollbar-thumb:hover{background:#51515166}.logs-list{scrollbar-width:thin;scrollbar-color:rgba(81,81,81,.3) rgba(246,246,246,.7)}.log-item{background:#f9fafb;border-radius:6px;padding:.25rem .375rem;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.log-message{color:#374151;font-size:.625rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-time{color:#9ca3af;font-size:.5625rem}.dashboard-statistics-footer{margin-top:1.5rem;padding-top:.875rem;text-align:center}.dashboard-statistics-footer p{color:#9ca3af;font-size:.75rem;margin:0}@media(max-width:1024px){.dashboard-statistics-sidebar{width:100%;margin:1rem 0}.dashboard-statistics-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.dashboard-statistics-sidebar{margin:.5rem 0;padding:1rem}.dashboard-statistics-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{min-height:80px;max-height:80px;padding:.75rem}.stat-value{font-size:1rem}.stat-card-header h4{font-size:.6875rem}.stat-description{font-size:.625rem}}.master-key-popup-content{width:-moz-fit-content;width:fit-content;min-width:28rem;max-width:95vw;max-height:90vh;overflow-y:auto;overflow-x:hidden}.master-key-popup-label{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.master-key-delivery-method-container{margin-top:1rem;margin-bottom:1rem}.master-key-delivery-method-label{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.master-key-specific-times-toggle{margin-top:1rem}.master-key-appointments{margin-top:1rem;margin-bottom:1rem}.master-key-appointment-label{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.master-key-delivery-slider{width:50%}.master-key-slider-email{transform:translate(0)}.master-key-slider-sms{transform:translate(100%)}