*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{color:#e8e8e8;background:#181818;font-family:Arial,sans-serif}.logs-page{width:100%;max-width:1000px;min-height:100dvh;margin:0 auto;padding:24px}.logs-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.logs-header h1{margin:0;font-size:1.4rem}.logs-header p{color:#888;margin:5px 0 0;font-size:.85rem}.logs-header button{color:#eee;font:inherit;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:10px 14px}.logs-header button:hover{background:#333}.logs-header button:disabled{opacity:.5;cursor:default}.logs{flex-direction:column;gap:12px;display:flex}.log{background:#222;border:1px solid #333;border-radius:10px;padding:16px}.log__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.log__type{color:#ffb84d;font-size:.85rem;font-weight:700}.log__date{color:#777;font-size:.8rem}.log__message{overflow-wrap:break-word;margin:0;line-height:1.5}.log__details{color:#aaa;white-space:pre-wrap;overflow-wrap:break-word;background:#181818;border-radius:8px;margin:14px 0 0;padding:12px;font-family:Consolas,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.logs-empty,.logs-error{color:#888;text-align:center;border:1px dashed #444;border-radius:10px;padding:32px}.logs-error{color:#e88;border-color:#633}.back-button{color:#888;white-space:nowrap;font-size:.85rem;text-decoration:none}.back-button:hover{color:#ccc}.logs-title{flex:1}@media (width<=600px){.logs-page{padding:16px}.logs-header{align-items:center}.logs-title{min-width:0}.logs-header h1{font-size:1.2rem}.back-button{font-size:.8rem}.logs-header button{padding:8px 10px;font-size:.8rem}.log__header{flex-direction:column;align-items:flex-start;gap:5px}}