:root{--bg-dark: #121212;--bg-card: #1e1e1e;--bg-nav: #181818;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent: #646cff;--accent-hover: #535bf2;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-dark);color:var(--text-primary)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;min-height:100vh}.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)}@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}}.auth-forms{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column}.input-label{margin-bottom:.5rem;font-weight:500}.auth-divider{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#98a6ff}.button-group{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.primary-btn{background:#646cff;color:#fff;font-weight:500;border-radius:8px;padding:10px 15px;transition:background .3s}.primary-btn:hover{background:#535bf2}.demo-btn{background:#414aa8;color:#fff;padding:8px 12px;border-radius:6px;margin:0 5px;font-size:.95em;border:none;cursor:pointer;transition:background .3s}.demo-btn:hover{background:#646cff}.styled-input,.styled-textarea{background-color:var(--bg-card);color:var(--text-primary);border:1px solid #444;border-radius:4px}.styled-input{padding:8px 12px;margin-top:5px}.styled-textarea{min-height:120px;padding:10px;resize:vertical;width:100%}.card{padding:1.5rem;background:#2a2a2a;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:1.2rem}.card-header{margin-top:0;font-size:1.1rem;padding-bottom:10px;border-bottom:1px solid #444;color:#98a6ff}.table-manager{max-width:1200px;margin:0 auto}.table-manager .grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.table-manager .results{max-height:300px;overflow:auto}.demo-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.doc-id-input{display:flex;gap:.5rem;align-items:center;margin-top:.5rem;margin-bottom:10px}.input-label{font-weight:500}.card{margin-bottom:1rem}.pagination{display:flex;align-items:center;gap:1rem;margin:1rem 0;justify-content:center}.error{background:#ffebee;padding:1rem;border-radius:8px;margin:1rem 0}.error-display,.validation-error{padding:1rem;border-radius:4px;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.error-display{background-color:#ffebee;color:#b71c1c}.validation-error{background-color:#fff3e0;color:#ef6c00}.danger{background-color:#f44336!important}.danger:hover{background-color:#d32f2f!important}.message-display{background-color:#e8f5e9;color:#2e7d32;padding:1rem;border-radius:4px;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.storage-manager .card{text-align:left}.storage-manager .primary-btn{margin-top:10px}.file-list{list-style:none;padding:0}.file-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #444}.file-item:last-child{border-bottom:none}.file-actions{display:flex;gap:10px}.navbar{background-color:var(--bg-nav);padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000004d}.nav-brand a{font-size:1.5rem;font-weight:700;color:var(--accent);text-decoration:none}.nav-links{display:flex;gap:1rem}.nav-links a,.nav-btn{padding:.5rem 1rem;border-radius:4px;text-decoration:none;color:var(--text-secondary);transition:all .3s ease;font-family:inherit;font-size:1rem}.nav-btn{background-color:var(--bg-card);border:1px solid #444;cursor:pointer}.nav-links a:hover,.nav-btn:hover{color:var(--text-primary);background-color:#ffffff1a}.nav-links a.active{color:var(--accent);background-color:#646cff1a}.landing-container{max-width:800px;margin:2rem auto;text-align:center}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{background-color:var(--bg-card);padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}