:root{--bg-page: #ffffff;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #a1a1a6;--muted: rgba(29, 29, 31, .04);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-hover: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .18);--glass-border-hover: rgba(255, 255, 255, .3);--glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, .12);--glass-shadow-hover: 0 32px 64px -12px rgba(0, 0, 0, .18);--glass-blur: saturate(180%) blur(25px);--glass-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);--glass-reflection: linear-gradient(135deg, rgba(255, 255, 255, .25) 0%, transparent 50%);--glass-reflection-hover: linear-gradient(135deg, rgba(255, 255, 255, .4) 0%, transparent 60%);--accent-blue: #007aff;--accent-blue-light: rgba(0, 122, 255, .1);--accent-cyan: #32d74b;--accent-orange: #ff9500;--primary-gradient: linear-gradient(135deg, rgba(0, 122, 255, .1) 0%, rgba(50, 215, 75, .1) 100%);--secondary-gradient: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);--success-gradient: linear-gradient(135deg, #32d74b 0%, #30d158 100%);--sidebar-width: 280px;--header-height: 88px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-header: 1000;--z-sidebar: 1100;--z-backdrop: 1200;--z-modal: 1300}[data-theme=dark]{--bg-page: #000000;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #6e6e73;--muted: rgba(245, 245, 247, .04);--glass-bg: rgba(29, 29, 31, .5);--glass-bg-hover: rgba(29, 29, 31, .65);--glass-border: rgba(255, 255, 255, .13);--glass-border-hover: rgba(255, 255, 255, .2);--glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, .6);--glass-shadow-hover: 0 32px 64px -12px rgba(0, 0, 0, .8);--glass-blur: saturate(180%) blur(25px);--glass-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);--glass-reflection: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, transparent 50%);--glass-reflection-hover: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, transparent 60%);--accent-blue: #0a84ff;--accent-blue-light: rgba(10, 132, 255, .15);--accent-cyan: #64d2ff;--accent-orange: #ff9f0a;--primary-gradient: linear-gradient(135deg, rgba(10, 132, 255, .1) 0%, rgba(100, 210, 255, .1) 100%);--secondary-gradient: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);--success-gradient: linear-gradient(135deg, #30d158 0%, #64d2ff 100%)}.app{display:flex;min-height:100vh;background:var(--bg-page);color:var(--text-primary);background-image:radial-gradient(ellipse at top,rgba(0,122,255,.02) 0%,transparent 70%)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);transform:translate(-100%);transition:transform var(--transition-medium),box-shadow var(--transition-medium);z-index:var(--z-sidebar);display:flex;flex-direction:column;box-shadow:var(--glass-shadow),var(--glass-inner-shadow)}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--glass-shadow);z-index:var(--z-header);transition:margin-left var(--transition-medium),width var(--transition-medium)}.app-content{flex-grow:1;display:flex;flex-direction:column;min-height:100vh;padding-top:var(--header-height);transition:margin-left var(--transition-medium)}.app-main{flex-grow:1;padding:2rem}@media (max-width: 1023px){.sidebar.sidebar-open{transform:translate(0)}}@media (min-width: 1024px){.sidebar{transform:translate(0);box-shadow:none}.app-header{width:calc(100% - var(--sidebar-width));left:auto;margin-left:var(--sidebar-width)}.app-content{margin-left:var(--sidebar-width)}.sidebar:not(.sidebar-open){transform:translate(-100%)}.app-header.sidebar-open,.app-content.sidebar-open{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.app-header:not(.sidebar-open),.app-content:not(.sidebar-open){margin-left:0;width:100%}.app-header:not(.sidebar-open){width:100%}}.section-placeholder{padding:2rem;background:var(--muted);border-radius:20px;text-align:center}.section-placeholder h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.section-placeholder p{font-size:1rem;color:var(--text-secondary)}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-reflection);pointer-events:none;opacity:.6;transition:opacity var(--transition-fast)}.sidebar:hover:before{background:var(--glass-reflection-hover);opacity:.8}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1099;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}@keyframes fadeIn{to{opacity:1}}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid var(--glass-border);background:rgba(255,255,255,.08);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;flex-shrink:0}.sidebar-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.sidebar-logo{display:flex;align-items:center;gap:1rem}.logo-icon{width:40px;height:40px;background:var(--secondary-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 25px #007aff40,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.sidebar-nav{flex-grow:1;padding:1rem 0;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin:.25rem .75rem;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;text-align:left;border:none;background:transparent}.sidebar-item:hover{color:var(--text-primary);background:var(--muted)}.sidebar-item.active{background:var(--secondary-gradient);color:#fff;font-weight:600;box-shadow:0 8px 25px #007aff4d,var(--glass-inner-shadow)}.sidebar-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:24px;width:4px;background:white;border-radius:0 2px 2px 0}.sidebar-item-icon{font-size:1.25rem;width:24px;text-align:center}.sidebar-item-label{font-size:1rem;font-weight:500}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--glass-border);background:rgba(255,255,255,.05);flex-shrink:0}.user-profile{display:flex;align-items:center;gap:1rem}.user-avatar{width:48px;height:48px;background:var(--secondary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 25px #007aff33,inset 0 2px #ffffff4d;position:relative;overflow:hidden}.user-avatar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:conic-gradient(from 0deg,var(--accent-blue),var(--accent-cyan),var(--accent-blue));border-radius:inherit;z-index:-1;animation:rotate 4s linear infinite;opacity:.3}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-info{flex:1}.user-name{color:var(--text-primary);font-weight:600;font-size:.875rem;margin-bottom:.25rem}.user-role{color:var(--text-secondary);font-size:.75rem}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.app-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-reflection);pointer-events:none;opacity:.4}.header-left{display:flex;align-items:center;gap:1.5rem}.menu-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:.75rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-inner-shadow);position:relative;overflow:hidden}.menu-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-reflection);opacity:0;transition:opacity var(--transition-fast)}.menu-toggle:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:scale(1.05);box-shadow:var(--glass-shadow-hover),var(--glass-inner-shadow)}.menu-toggle:hover:before{opacity:.6}.menu-toggle:active{transform:scale(.98)}.header-title h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.header-title p{font-size:.875rem;opacity:.8;color:var(--text-secondary);margin:0}.header-right{display:flex;align-items:center;gap:1rem}.header-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;color:var(--text-primary);font-size:.875rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-inner-shadow);position:relative;overflow:hidden}.header-status:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-reflection);opacity:.3;pointer-events:none}.status-indicator{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px #32d74b99,inset 0 1px #ffffff4d;animation:pulse 2s infinite;position:relative}.status-indicator:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:radial-gradient(circle,rgba(50,215,75,.3) 0%,transparent 70%);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.3}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app-main{flex:1;padding:1rem 2rem 2rem;max-width:1200px;margin:0 auto;width:100%}.section-placeholder{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:4rem 2rem;text-align:center;box-shadow:var(--glass-shadow);color:var(--text-primary)}.section-placeholder h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.section-placeholder p{font-size:1.125rem;opacity:.8;max-width:600px;margin:0 auto;color:var(--text-secondary)}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.dashboard-grid{display:grid;gap:2rem}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.dashboard-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:var(--glass-shadow);transition:all var(--transition-medium);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-reflection);pointer-events:none;opacity:.4;transition:all var(--transition-medium)}.dashboard-card:hover{transform:translateY(-8px) scale(1.02);background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-inner-shadow)}.dashboard-card:hover:before{background:var(--glass-reflection-hover);opacity:.6}@keyframes liquid-morph{0%,to{border-radius:20px;transform:scale(1)}50%{border-radius:24px;transform:scale(1.01)}}.dashboard-card:active{animation:liquid-morph .6s ease-in-out}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon{padding:1rem;border-radius:16px;background:var(--secondary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #007aff4d,var(--glass-inner-shadow);position:relative;overflow:hidden}.card-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:icon-shimmer 4s ease-in-out infinite}@keyframes icon-shimmer{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.card-content{color:var(--text-secondary);line-height:1.6}.metric-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.metric-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-list{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.data-list:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.data-list h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.data-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.data-item:last-child{border-bottom:none}.data-item:hover{background:rgba(255,255,255,.05);padding-left:1rem;padding-right:1rem;margin:0 -1rem;border-radius:8px}.data-item-name{font-weight:500;color:var(--text-primary)}.data-item-value{color:#0ea5e9;font-weight:600}.loading{display:flex;align-items:center;justify-content:center;padding:4rem}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-left-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #0ea5e940}@keyframes spin{to{transform:rotate(360deg)}}.error{background:rgba(245,87,108,.2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(245,87,108,.3);color:#ff6b8a;padding:1.5rem;border-radius:16px;border-left:4px solid #f5576c;margin:1rem 0;box-shadow:var(--glass-shadow)}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-inner-shadow);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-reflection);opacity:0;transition:opacity var(--transition-fast);border-radius:inherit}.theme-toggle:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:scale(1.05);box-shadow:var(--glass-shadow-hover),var(--glass-inner-shadow)}.theme-toggle:hover:before{opacity:.5}.theme-toggle:active{transform:scale(.98)}.theme-toggle-label{font-size:.8rem;opacity:.8;font-weight:500}@media (max-width: 768px){.sidebar{width:100vw;top:0;height:100vh;z-index:1100}.app-header{padding:0 1rem}.header-title h1{font-size:1.25rem}.header-title p{display:none}.app-main{padding:1rem}.dashboard{grid-template-columns:1fr;gap:1rem}.dashboard-card{padding:1.5rem}.metric-value{font-size:2rem}.section-placeholder{padding:2rem 1rem}.section-placeholder h2{font-size:2rem}}@media (min-width: 1024px){.app-content.sidebar-open{margin-left:var(--sidebar-width);transition:margin-left var(--transition-medium)}.sidebar-backdrop{display:none}.sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));z-index:95}}.access-logs{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:all var(--transition-medium)}.access-logs:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-reflection);pointer-events:none;opacity:.4}.access-logs:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-hover)}.access-logs h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.logs-count{font-size:.875rem;color:var(--text-secondary);font-weight:400;margin-left:auto}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;z-index:10}.logs-controls{display:flex;align-items:center;gap:1rem}.logs-limit-dropdown{position:relative}.dropdown-trigger{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:80px;box-shadow:var(--glass-shadow)}.dropdown-trigger:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.dropdown-trigger:disabled{opacity:.6;cursor:not-allowed;transform:none}.dropdown-icon{transition:transform var(--transition-fast);color:var(--text-secondary)}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow-hover);min-width:120px;z-index:1000;overflow:hidden;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-option{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.dropdown-option:hover{background:var(--glass-bg-hover);color:var(--accent-blue)}.dropdown-option.active{background:var(--accent-blue-light);color:var(--accent-blue);font-weight:600}.dropdown-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown-option:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.logs-loading{display:flex;align-items:center;gap:1rem;padding:2rem 0;color:var(--text-secondary);justify-content:center}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-left-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.logs-error{background:rgba(245,87,108,.1);border:1px solid rgba(245,87,108,.2);color:#ff6b8a;padding:1rem;border-radius:12px;margin-bottom:1rem;text-align:center}.logs-message{background:rgba(255,159,10,.1);border:1px solid rgba(255,159,10,.2);color:var(--accent-orange);padding:1rem;border-radius:12px;margin-bottom:1rem;text-align:center;font-size:.875rem}.logs-empty{text-align:center;padding:2rem 0;color:var(--text-secondary)}.logs-empty p{margin-bottom:.5rem;font-weight:500}.logs-empty small{font-size:.75rem;opacity:.7}.logs-list{position:relative;z-index:1}.log-entry{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);transition:all var(--transition-fast);border-radius:8px;margin-bottom:.5rem}.log-entry:last-child{border-bottom:none;margin-bottom:0}.log-entry:hover{background:rgba(255,255,255,.05);transform:translate(4px)}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.log-page{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.875rem}.log-time{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.75rem}.log-details{display:flex;align-items:center;gap:1rem;font-size:.75rem;flex-wrap:wrap}.log-country{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.log-ip{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-family:monospace}.log-browser,.log-device{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.7rem}@media (max-width: 768px){.access-logs{padding:1.5rem}.log-header,.log-details{flex-direction:column;align-items:flex-start;gap:.25rem}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out;overflow-y:auto;border:3px solid red!important}.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);max-width:900px;width:100%;max-height:90vh;overflow:hidden;position:relative;animation:modalSlideIn .3s ease-out;margin-top:var(--modal-top-offset, 2rem)!important;transition:margin-top .3s cubic-bezier(.4,0,.2,1);border:3px solid blue!important;background:rgba(255,0,255,.1)!important}.modal-content:after{content:"Top Offset: " var(--modal-top-offset, "not set");position:absolute;top:-30px;left:0;background:yellow;color:#000;padding:5px;font-size:12px;z-index:9999;border-radius:4px}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-reflection);pointer-events:none;opacity:.4;border-radius:inherit}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--glass-border);position:relative;z-index:1}.modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:.75rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-inner-shadow);position:relative;overflow:hidden}.modal-close:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-reflection);opacity:0;transition:opacity var(--transition-fast);border-radius:inherit}.modal-close:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:scale(1.05);box-shadow:var(--glass-shadow-hover),var(--glass-inner-shadow)}.modal-close:hover:before{opacity:.6}.modal-close:active{transform:scale(.98)}.modal-body{padding:0 2rem 1rem;max-height:calc(90vh - 200px);overflow-y:auto;position:relative;z-index:1}.modal-footer{padding:1rem 2rem 2rem;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:1rem;position:relative;z-index:1}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:.75rem 1.5rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-inner-shadow);position:relative;overflow:hidden;font-weight:500}.btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-reflection);opacity:0;transition:opacity var(--transition-fast);border-radius:inherit}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:scale(1.05);box-shadow:var(--glass-shadow-hover),var(--glass-inner-shadow)}.btn-secondary:hover:before{opacity:.6}.btn-secondary:active{transform:scale(.98)}.detail-section{margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item span{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.875rem;font-weight:500}.text-break{word-break:break-all;font-family:monospace;font-size:.75rem!important;background:rgba(255,255,255,.05);padding:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.08)}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{border-radius:20px;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding-left:1.5rem;padding-right:1.5rem}.detail-section{padding:1rem}.detail-grid{grid-template-columns:1fr;gap:.75rem}.detail-item span{font-size:.8rem}.text-break{font-size:.7rem!important}}@media (max-height: 700px){.modal-content{margin-top:var(--modal-top-offset, 1rem)}}@media (max-height: 500px){.modal-content{margin-top:var(--modal-top-offset, .5rem)}}.log-entry{cursor:pointer;position:relative}.log-entry:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:6px;height:6px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:translateY(-50%) rotate(-45deg);opacity:0;transition:all var(--transition-fast)}.log-entry:hover:after{opacity:.6;transform:translateY(-50%) rotate(-45deg) translate(2px)}body.modal-open{overflow:hidden;position:fixed;width:100%;top:calc(-1 * var(--scroll-position, 0px))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.28);backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);z-index:var(--z-backdrop);opacity:0;transition:opacity var(--transition-medium)}[data-theme=dark] .modal-backdrop{background:rgba(0,0,0,.35)}.modal-backdrop.modal-enter{opacity:0}.modal-backdrop.modal-enter-active,.modal-backdrop.modal-exit{opacity:1}.modal-backdrop.modal-exit-active{opacity:0}.log-detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:clamp(12px,3vw,24px);pointer-events:none}.log-detail-modal-overlay[aria-hidden=false]{pointer-events:auto}.log-detail-modal{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;width:min(1100px,92vw);max-height:min(82vh,820px);overflow:auto;position:relative;will-change:transform,opacity;transform:translateY(8px);opacity:0;transition:transform var(--transition-medium),opacity var(--transition-medium)}.log-detail-modal.modal-enter{transform:translateY(8px);opacity:0}.log-detail-modal.modal-enter-active,.log-detail-modal.modal-exit{transform:translateY(0);opacity:1}.log-detail-modal.modal-exit-active{transform:translateY(8px);opacity:0}.log-detail-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-reflection);pointer-events:none;opacity:.4;border-radius:inherit}@media (max-width: 480px){.log-detail-modal{border-radius:16px;width:min(100vw,calc(100vw - 24px));max-height:min(90vh,calc(100vh - 24px))}.log-detail-modal-overlay{padding:12px}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.log-detail-modal{transition:none}.log-detail-modal.modal-enter,.log-detail-modal.modal-enter-active,.log-detail-modal.modal-exit,.log-detail-modal.modal-exit-active{transform:none}}