:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-shell{max-width:420px;margin:48px auto;background:#fff;padding:24px;border-radius:8px;box-shadow:0 6px 18px #0000000f}.auth-page{min-height:calc(100vh - 24px);display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.auth-page .page-shell{margin:0;max-height:calc(100vh - 48px);overflow:auto}.page-title{font-size:20px;margin-bottom:12px;color:#213547}.action-group{display:flex;gap:12px;justify-content:flex-start;align-items:center;margin-top:16px}button[type=button]{background:#3498db;color:#fff;border-radius:6px;padding:10px 14px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.primary-btn{background:#3498db;color:#fff;border:none;padding:10px 16px;border-radius:6px;min-height:40px}.nav-button{background:transparent;color:#3498db;border:1px solid #e6e6e6;padding:8px 12px;border-radius:6px}@media(max-width:480px){.page-shell{margin:20px;padding:16px}.action-group{flex-direction:column}}.sidebar{position:fixed;left:0;top:0;height:100vh;background:linear-gradient(180deg,#2c3e50,#34495e);color:#fff;overflow-y:auto;transition:width .3s ease;z-index:100;box-shadow:2px 0 8px #0000001a}.sidebar.open{width:280px}.sidebar.collapsed{width:70px}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);min-height:80px;box-sizing:border-box}.sidebar-title{margin:0;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.toggle-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px;border-radius:4px;transition:background-color .2s ease;margin-left:10px;flex-shrink:0}.toggle-btn:hover{background-color:#fff3}.sidebar-menu{padding:20px 0;flex:1}.menu-item{display:flex;align-items:center;padding:15px 20px;color:#ffffffb3;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.menu-item:hover{background-color:#ffffff1a;color:#fff}.menu-item.active{background-color:#ffffff26;color:#fff;border-left-color:#3498db}.menu-icon{font-size:20px;min-width:30px;display:flex;align-items:center;justify-content:center}.menu-label{margin-left:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.version{margin:0;font-size:12px;color:#ffffff80}.mobile-toggle{display:none}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);width:280px;transition:transform .3s ease;z-index:200}.sidebar.open{transform:translate(0);width:280px}.sidebar.collapsed{width:280px;transform:translate(-100%)}.mobile-toggle{display:block;position:fixed;top:20px;left:20px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:20px;z-index:101;transition:all .3s ease}.mobile-toggle:hover{background-color:#f5f5f5}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.user-profile{position:relative}.user-profile-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.user-profile-btn:hover{background-color:#0000001a}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-avatar-large{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin:0 auto 10px}.user-profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;width:320px;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-header{padding:15px;border-bottom:1px solid #eee;text-align:center}.profile-info{margin-top:10px}.profile-name{margin:5px 0;font-weight:700;color:#333}.profile-email{margin:5px 0;color:#666;font-size:14px}.profile-details{padding:12px 15px;max-height:300px;overflow-y:auto}.profile-details h4{margin:0 0 10px;font-size:13px;color:#666;text-transform:uppercase}.profile-details table{width:100%;border-collapse:collapse;font-size:13px}.profile-details table tr{border-bottom:1px solid #f0f0f0}.profile-details table tr:last-child{border-bottom:none}.profile-details table td{padding:6px 0;vertical-align:top}.profile-details table td:first-child{padding-right:10px;color:#666}.profile-details table td:last-child{color:#333;text-align:right}.logout-btn{width:100%;padding:10px;border:none;background-color:#f44336;color:#fff;border-radius:0 0 8px 8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.logout-btn:hover{background-color:#d32f2f}.profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}@media(max-width:768px){.user-profile-dropdown{width:280px;right:-20px}}.dashboard-container{display:flex;height:100vh;background-color:#f5f5f5;width:100%;box-sizing:border-box}.dashboard-main{flex:1;margin-left:280px;display:flex;flex-direction:column;overflow:hidden;transition:margin-left .3s ease;min-width:0}.sidebar.collapsed~.dashboard-main{margin-left:70px}.dashboard-header{background:#fff;border-bottom:1px solid #ddd;padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;min-height:80px;box-sizing:border-box;position:sticky;top:0;z-index:50}.header-content{flex:1}.page-title{margin:0;font-size:24px;color:#2c3e50;font-weight:700}.dashboard-content{flex:1;overflow-y:auto;padding:24px 20px}.content-inner{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.dashboard-footer{background:#fff;border-top:1px solid rgba(0,0,0,.06);padding:12px 20px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#666}.footer-inner{display:flex;gap:8px;align-items:center}.footer-sep{color:#ccc}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#666}@media(max-width:768px){.dashboard-container{flex-direction:column}.dashboard-main{margin-left:0;min-height:calc(100vh - 60px)}.dashboard-header{min-height:60px;padding:15px}.page-title{font-size:18px}.dashboard-content{padding:15px}}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:transparent}.dashboard-content::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#999}.dashboard-overview{max-width:1200px;margin:0 auto}.welcome-section{margin-bottom:30px}.welcome-section h2{margin-top:0;color:#2c3e50;font-size:28px}.welcome-section p{color:#666;font-size:16px}.status-section{margin-bottom:30px}.status-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.status-card h3{margin-top:0;color:#2c3e50;font-size:18px}.status-content{display:flex;align-items:center;gap:20px}.status-indicator{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.status-indicator.ok{background-color:#4caf50;color:#fff}.status-indicator.error{background-color:#f44336;color:#fff}.status-info p{margin:5px 0}.status-text{font-size:18px;font-weight:700;color:#2c3e50}.status-time{color:#999;font-size:14px}.loading,.error{color:#666;font-size:16px}.error{color:#f44336}.quick-actions{margin-bottom:30px}.quick-actions h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.action-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;text-align:center;cursor:pointer}.action-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.action-icon{font-size:36px;margin-bottom:10px}.action-card h4{margin:10px 0;color:#2c3e50;font-size:16px}.action-card p{color:#666;font-size:14px;margin-bottom:15px}.action-link{display:inline-block;color:#3498db;text-decoration:none;font-weight:500;transition:color .2s ease}.action-link:hover{color:#2980b9}.features-section{margin-bottom:30px}.features-section h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.feature-item{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px}.feature-icon{font-size:24px;color:#4caf50;font-weight:700;min-width:30px}.feature-item h4{margin:0 0 5px;color:#2c3e50;font-size:16px}.feature-item p{margin:0;color:#666;font-size:14px}@media(max-width:768px){.welcome-section h2{font-size:20px}.actions-grid,.features-list{grid-template-columns:1fr}}:root{--primary: #3498db;--muted: #f4f4f6;--text: #213547}.home-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#fafafa,#f6f6f8)}.home-hero{padding:48px 24px;background:#fff;box-shadow:0 2px 6px #0000000a}.hero-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-title{margin:0;font-size:28px;color:var(--text)}.hero-sub{margin:0;color:#6b7a86}.hero-cta{display:flex;gap:12px;margin-top:8px}.btn{padding:10px 16px;border-radius:8px;border:1px solid transparent;font-weight:600;text-decoration:none;color:#fff;background:var(--primary)}.btn-outline{background:transparent;color:var(--text);border:1px solid #e6e6e6}.features{padding:36px 24px}.features-inner{max-width:1100px;margin:0 auto}.section-title{margin:0 0 16px;font-size:20px;color:var(--text)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.feature-card{background:#fff;padding:18px;border-radius:8px;box-shadow:0 2px 6px #0000000a;text-align:center}.feature-icon{font-size:28px;margin-bottom:8px}.home-footer{margin-top:auto;padding:16px 24px;background:#fff;border-top:1px solid #eee}.home-footer-inner{max-width:1100px;margin:0 auto;display:flex;gap:8px;align-items:center;color:#6b7a86}@media(max-width:768px){.hero-inner{padding:0 12px;align-items:center;text-align:center}.hero-cta{justify-content:center}}.license-management{max-width:1400px;margin:0 auto}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.filters-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.licenses-table{width:100%;border-collapse:collapse;font-size:13px}.licenses-table thead{background-color:#f5f5f5;border-bottom:2px solid #ddd}.licenses-table th{padding:10px 12px;text-align:left;font-weight:600;color:#2c3e50}.sort-header-btn{border:none;background:transparent;padding:0;margin:0;font:inherit;font-weight:600;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.sort-header-btn:hover{color:#3498db}.licenses-table td{padding:8px 12px;border-bottom:1px solid #eee;vertical-align:middle}.licenses-table tbody tr:hover{background-color:#f9f9f9}.key-cell{font-family:Courier New,monospace;font-size:11px;color:#666;max-width:130px;overflow:hidden;text-overflow:ellipsis}.key-cell code{background-color:#f5f5f5;padding:3px 6px;border-radius:3px;display:inline-block}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;text-align:center;min-width:64px}.action-buttons{display:flex;gap:6px;flex-wrap:wrap}.action-btn{min-width:46px;padding:4px 8px;line-height:1.2}.btn-sm{padding:5px 8px;font-size:11px}.btn-info{background-color:#3498db;color:#fff}.btn-info:hover{background-color:#2980b9}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#229954}.btn-warning{background-color:#e67e22;color:#fff}.btn-warning:hover{background-color:#d35400}.btn:disabled{opacity:.6;cursor:not-allowed}.pagination-section{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pagination-info{color:#666;font-size:13px}.pagination-actions{display:flex;align-items:center;gap:8px}.page-size-control{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#2c3e50}.page-size-select{width:auto;min-width:72px;padding:4px 8px;font-size:12px}.pagination-current{font-size:13px;color:#2c3e50;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 24px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#2c3e50;font-size:18px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .2s ease}.modal-close:hover{color:#2c3e50}form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee;background-color:#f9f9f9}@media(max-width:1024px){.licenses-table{font-size:13px}.licenses-table th,.licenses-table td{padding:10px}}@media(max-width:768px){.management-header{flex-direction:column;align-items:flex-start;gap:15px}.filters-section{grid-template-columns:1fr}.table-container{font-size:12px}.licenses-table th,.licenses-table td{padding:8px}.action-buttons{flex-direction:row;gap:4px}.pagination-section{flex-direction:column;align-items:flex-start}.pagination-actions{flex-wrap:wrap}.btn-sm{width:auto}.form-row{grid-template-columns:1fr}.key-cell{max-width:120px}}.activation-management{max-width:1200px;margin:0 auto}.license-selector{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:25px;display:flex;align-items:center;gap:15px}.license-selector label{font-weight:500;color:#2c3e50;white-space:nowrap}.license-select{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.license-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.license-search-wrapper{position:relative;flex:1;display:flex;gap:10px;align-items:center}.license-search-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.license-search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.license-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:320px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 18px #0000001f;z-index:10}.license-search-empty{padding:12px;font-size:13px;color:#666}.license-result-item{width:100%;border:none;background:#fff;text-align:left;padding:10px 12px;cursor:pointer;display:block;border-bottom:1px solid #f1f1f1}.license-result-item:last-child{border-bottom:none}.license-result-item:hover{background:#f7fbff}.license-result-main{font-size:14px;font-weight:500;color:#2c3e50}.license-result-sub{margin-top:2px;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.license-info{margin-bottom:30px}.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.info-card h3{margin-top:0;color:#2c3e50;font-size:18px;border-bottom:2px solid #3498db;padding-bottom:10px}.info-table{width:100%;border-collapse:collapse;font-size:14px}.info-table tr{border-bottom:1px solid #eee}.info-table tr:last-child{border-bottom:none}.info-table td{padding:12px;vertical-align:middle}.info-table td:first-child{width:30%;color:#666}.info-table td:last-child{color:#333}.badge{display:inline-block;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:500;text-align:center;min-width:70px}.badge-trial{background-color:#e3f2fd;color:#1976d2}.badge-basic{background-color:#f3e5f5;color:#7b1fa2}.badge-pro{background-color:#e8f5e9;color:#388e3c}.badge-enterprise{background-color:#fff3e0;color:#f57c00}.badge-status-active{background-color:#c8e6c9;color:#2e7d32}.badge-status-revoked{background-color:#ffcdd2;color:#c62828}.badge-status-expired{background-color:#ffe0b2;color:#e65100}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.activations-table{width:100%;border-collapse:collapse;font-size:14px}.activations-table thead{background-color:#f5f5f5;border-bottom:2px solid #ddd}.activations-table th{padding:15px;text-align:left;font-weight:600;color:#2c3e50}.activations-table td{padding:15px;border-bottom:1px solid #eee}.activations-table tbody tr:hover{background-color:#f9f9f9}.machine-id{font-family:Courier New,monospace;font-size:12px;color:#666}.machine-id code{background-color:#f5f5f5;padding:3px 6px;border-radius:3px;display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-sm{padding:6px 10px;font-size:12px}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.loading,.no-data,.placeholder{padding:40px;text-align:center;color:#999;background:#fff;border-radius:8px}.placeholder{font-size:16px}@media(max-width:1024px){.activations-table{font-size:13px}.activations-table th,.activations-table td{padding:10px}}@media(max-width:768px){.license-selector{flex-direction:column;align-items:flex-start}.license-select{width:100%}.license-search-wrapper{width:100%;flex-direction:column;align-items:stretch}.license-search-results{left:0;right:0}.info-card{font-size:13px}.info-table td{padding:10px}.table-container{font-size:12px}.activations-table th,.activations-table td{padding:8px}.machine-id code{max-width:120px}}.audit-logs{max-width:1200px;margin:0 auto}.management-header{margin-bottom:30px}.management-header h2{margin:0;color:#2c3e50;font-size:24px}.filters-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;align-items:flex-end}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:500;color:#2c3e50;margin-bottom:8px;font-size:13px}.filter-input,.filter-select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.filter-btn{align-self:flex-end;white-space:nowrap}.btn{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.logs-list{display:flex;flex-direction:column;gap:15px}.log-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .2s ease}.log-item:hover{box-shadow:0 4px 12px #00000026}.log-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;background-color:#f9f9f9}.log-action{display:flex;gap:10px;align-items:center}.action-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;min-width:120px}.action-create{background-color:#c8e6c9;color:#2e7d32}.action-update{background-color:#bbdefb;color:#1565c0}.action-delete{background-color:#ffcdd2;color:#c62828}.action-revoke{background-color:#ffe0b2;color:#e65100}.action-rotate{background-color:#f8bbd0;color:#880e4f}.log-meta{display:flex;gap:30px;align-items:center;color:#666;font-size:13px}.log-actor{white-space:nowrap}.log-time{white-space:nowrap;color:#999}.log-details{padding:15px 20px;background-color:#fafafa;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;font-size:13px}.detail-row{display:flex;align-items:center;gap:10px}.detail-row strong{color:#2c3e50;min-width:100px}.detail-row code{background-color:#fff;border:1px solid #ddd;padding:4px 8px;border-radius:3px;font-family:Courier New,monospace;color:#666;flex:1;overflow-x:auto}.alert{padding:15px;border-radius:4px;margin-bottom:20px}.alert-error{background-color:#ffebee;color:#c62828;border-left:4px solid #c62828}.alert-success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #2e7d32}.loading,.no-data{padding:40px;text-align:center;color:#999;background:#fff;border-radius:8px}@media(max-width:1024px){.log-header{flex-direction:column;align-items:flex-start;gap:10px}.log-meta{flex-direction:column;gap:5px;align-items:flex-start}.log-details{grid-template-columns:1fr}}@media(max-width:768px){.filters-section{grid-template-columns:1fr}.filter-btn{align-self:auto;width:100%}.log-action{flex-direction:column;align-items:flex-start}.action-badge{width:100%}.log-details{grid-template-columns:1fr;font-size:12px}.detail-row{flex-direction:column;align-items:flex-start}.detail-row code{width:100%;margin-top:5px}}#root{width:100%;max-width:none;margin:0;padding:0;text-align:left;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo.cloudflare:hover{filter:drop-shadow(0 0 2em #f6821faa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.nav-button{display:inline-block;padding:.6rem 1rem;border-radius:8px;border:1px solid transparent;background:#1a1a1a;color:#fff;font-weight:500;text-decoration:none;cursor:pointer}.nav-button:hover{border-color:#646cff}.page-shell{max-width:720px;margin:0 auto;padding:1rem}.page-title{margin-bottom:.5rem}.action-group{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-top:1rem}.read-the-docs{color:#888}