.bootstrap-debug{position:fixed;top:20px;left:20px;z-index:10000}.bootstrap-debug-toggle{width:40px;height:40px;border-radius:50%;background-color:var(--warning-color);color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #0000004d}.bootstrap-debug-toggle:hover{background-color:#e0a800}.bootstrap-debug-panel{position:absolute;top:50px;left:0;width:300px;max-height:400px;background:#fff;border:2px solid var(--warning-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.bootstrap-debug-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--warning-color);color:#fff}.bootstrap-debug-header h4{margin:0;font-size:14px}.bootstrap-debug-header button{background:#fff3;color:#fff;border:none;padding:2px 6px;border-radius:4px;cursor:pointer}.bootstrap-debug-content{padding:12px;font-size:12px;font-family:Courier New,monospace;max-height:350px;overflow-y:auto}.debug-section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee}.debug-section:last-child{border-bottom:none}.debug-section h5{margin:0 0 8px;font-size:13px;color:var(--dark-color)}.debug-section div{margin:4px 0;color:#666}.log-viewer-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;font-size:24px;cursor:pointer;z-index:9999;box-shadow:0 2px 8px #0000004d}.log-viewer-toggle:hover{background-color:#0056b3}.log-viewer{position:fixed;bottom:20px;right:20px;width:500px;max-height:400px;background:#fff;border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:10000;display:flex;flex-direction:column}.log-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--primary-color);color:#fff;border-radius:6px 6px 0 0}.log-viewer-header h3{margin:0;font-size:16px}.log-viewer-header button{background:#fff3;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;margin-left:8px}.log-viewer-header button:hover{background:#ffffff4d}.log-viewer-content{overflow-y:auto;max-height:350px;padding:8px;font-family:Courier New,monospace;font-size:12px}.log-entry{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid #eee}.log-entry:last-child{border-bottom:none}.log-time{color:#666;min-width:80px}.log-message{flex:1;word-break:break-all}.log-log{color:#333}.log-error{color:var(--danger-color);font-weight:700}.log-warn{color:var(--warning-color)}.debug-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:99999;display:flex;flex-direction:column;font-family:Courier New,monospace}.debug-overlay-toggle{position:fixed;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background-color:#ff6b6b;color:#fff;border:none;font-size:20px;cursor:pointer;z-index:99998;box-shadow:0 2px 8px #0000004d}.debug-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#333;color:#fff;border-bottom:2px solid #555}.debug-overlay-header h3{margin:0;font-size:16px}.debug-overlay-header button{background:#555;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-left:8px}.debug-overlay-header button:hover{background:#666}.debug-overlay-content{flex:1;overflow-y:auto;padding:12px;font-size:12px}.debug-log{display:flex;gap:12px;padding:4px 0;border-bottom:1px solid #333;word-break:break-all}.debug-log:last-child{border-bottom:none}.debug-time{color:#888;min-width:80px;flex-shrink:0}.debug-message{flex:1;white-space:pre-wrap}.debug-log-log{color:#ccc}.debug-log-error{color:#ff6b6b;font-weight:700}.debug-log-warn{color:#ffd93d}.status-indicator{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:12px;border-radius:8px;font-size:12px;font-family:Courier New,monospace;z-index:99999;min-width:200px}.status-title{font-weight:700;margin-bottom:8px;border-bottom:1px solid #555;padding-bottom:4px}.status-item{display:flex;align-items:center;gap:8px;margin:4px 0}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-loading{background-color:#ffd93d;animation:pulse 1s infinite}.status-ok{background-color:#6bcf7f}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-logs-count{margin-top:8px;padding-top:8px;border-top:1px solid #555;font-size:11px;color:#aaa}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-radius: 8px;--spacing-unit: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-color);color:var(--dark-color);-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);font-size:16px;font-weight:500;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#218838}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.mask-vertical{position:absolute;top:12%;left:50%;transform:translate(-50%);width:60%;height:70%;border:3px solid rgba(255,255,255,.8);pointer-events:none;border-radius:8px;box-shadow:0 0 0 9999px #00000080}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 3);max-width:90%;max-height:90vh;overflow-y:auto}