.header{background:#2c3e50;color:#fff;padding:1rem;text-align:center}.header h1{margin:0}.user-info{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:1rem}.btn-logout{background:#e74c3c;color:#fff;font-size:.8rem;padding:.4rem .8rem}.main{max-width:1200px;margin:0 auto;padding:2rem}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.search-box input{padding:.5rem;border:1px solid #ddd;border-radius:4px;width:300px}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-primary{background:#3498db;color:#fff}.btn-secondary{background:#6c757d;color:#fff;margin-left:.5rem}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.btn:hover{opacity:.8}.btn:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:2rem;font-size:1.2rem}.error{background:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1rem}.stats{background:#e8f4f8;padding:1rem;border-radius:4px;margin-bottom:1rem}.document-list{display:grid;gap:1rem}.document-item{background:white;border:1px solid #ddd;border-radius:8px;padding:1rem}.document-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.document-id{font-weight:700;color:#2c3e50}.document-content{display:grid;gap:1rem}.metadata pre{background:#f8f9fa;padding:.5rem;border-radius:4px;font-size:.8rem;overflow-x:auto}.document-text p{margin:.5rem 0;line-height:1.5}.add-document-form{background:white;border:1px solid #ddd;border-radius:8px;padding:2rem;margin-bottom:2rem}.add-document-form h3{margin-top:0;margin-bottom:1rem;color:#2c3e50}.form-description{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:.9rem;line-height:1.4}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem;color:#555}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:1rem;margin-top:2rem}.message{padding:1rem;border-radius:4px;margin-bottom:1rem;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.login-form{background:white;border:1px solid #ddd;border-radius:8px;padding:3rem;max-width:400px;width:100%;box-shadow:0 4px 6px #0000001a}.login-form h2{margin-top:0;margin-bottom:1rem;color:#2c3e50;text-align:center}.login-description{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:.9rem;line-height:1.4;text-align:center}.login-error{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem;text-align:center;border:1px solid #f5c6cb}.btn-login{width:100%;padding:.75rem;font-size:1rem}