:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}*{box-sizing:border-box}body{margin:0;padding:20px;min-height:100vh}#app{max-width:1000px;margin:0 auto}.container{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0003}h1{color:#333;text-align:center;margin-bottom:10px;font-size:2.5em}.subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em}.status-box{background:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0;border-left:4px solid #007bff}.status-box h3{margin-top:0;color:#333}.status{padding:10px 15px;border-radius:8px;font-weight:500}.status.info{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.status.success{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.status.error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.status.warning{background:#fff3e0;color:#f57c00;border:1px solid #ffcc02}.action-section{margin:30px 0}.action-section h3{color:#333;margin-bottom:20px}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;font-size:14px;border-radius:8px;cursor:pointer;margin:8px 8px 8px 0;transition:all .3s ease;font-weight:600;min-width:140px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-info{background:linear-gradient(135deg,#17a2b8,#138496)}.btn-info:hover:not(:disabled){box-shadow:0 5px 15px #17a2b866}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #007bff66}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34)}.btn-success:hover:not(:disabled){box-shadow:0 5px 15px #28a74566}.results-section{background:#f8f9fa;padding:20px;border-radius:10px;margin:30px 0;border-left:4px solid #28a745}.results-section h3{margin-top:0;color:#333}pre{background:#263238;color:#eff;padding:20px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.4;margin:0;max-height:400px;overflow-y:auto}@media (max-width: 768px){.container{padding:20px}h1{font-size:2em}.btn{width:100%;margin:8px 0}}