*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f9;padding:40px 20px;line-height:1.6}.container{max-width:800px;margin:0 auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}h1{color:#333;margin-bottom:30px;font-size:28px}.section{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:4px}.section h2{font-size:18px;color:#333;margin-bottom:15px}form{margin-top:15px}input[type=file]{padding:10px;border:2px dashed #ddd;border-radius:4px;width:100%;margin-bottom:15px}button{background:#3498db;color:#fff;padding:12px 24px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .3s}button:hover{background:#2980b9}table{width:100%;border-collapse:collapse;margin-top:20px}thead{background:#34495e;color:#fff}th{padding:15px;text-align:left;font-weight:600;font-size:14px}td{padding:15px;border-bottom:1px solid #ecf0f1}tbody>tr:hover{background:#f8f9fa}.page-name{font-weight:600;color:#2c3e50;font-size:16px}.page-description{color:#7f8c8d;font-size:14px;margin-top:5px}.action-button{display:inline-block;background:#3498db;color:#fff;padding:10px 20px;text-decoration:none;border-radius:4px;font-size:14px;transition:background .3s;white-space:nowrap}.action-button:hover{background:#2980b9}.action-button.primary{background:#27ae60}.action-button.primary:hover{background:#229954}.action-button.secondary{background:#95a5a6}.action-button.secondary:hover{background:#7f8c8d}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;animation:fadeIn .3s}.modal.active{display:block}.modal-content{background-color:#fefefe;margin:5% auto;padding:0;border-radius:8px;width:90%;max-width:900px;box-shadow:0 4px 6px #0000004d;animation:slideDown .3s}.modal-header{padding:20px 30px;background:#34495e;color:#fff;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px}.modal-close{color:#fff;font-size:28px;font-weight:700;cursor:pointer;background:none;border:none;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .3s}.modal-close:hover{background:#ffffff1a}.modal-body{padding:30px;max-height:70vh;overflow-y:auto}.loading-spinner{text-align:center;padding:40px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:4px;border:1px solid #f5c6cb}pre{background:#2d2d2d;color:#f8f8f2;padding:20px;border-radius:4px;overflow-x:auto;font-size:13px;line-height:1.5}.json-key{color:#66d9ef}.json-string{color:#a6e22e}.json-number{color:#ae81ff}.json-boolean{color:#fd971f}.json-null{color:#f92672}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}