body{margin:0;font-family:Arial,sans-serif}#app{width:100%;min-height:100vh;background:linear-gradient(to bottom,#34495e,#212f3d);color:#ecf0f1;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:20px}.parser-app{background:#2c3e50;border-radius:10px;max-width:800px;margin:0 auto;padding:20px;box-shadow:0 0 10px #0003}.title{text-align:center;font-size:36px;margin-bottom:20px;color:#3498db}.buttons-container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.button{padding:15px 30px;font-size:18px;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s ease;margin:10px}.primary{background-color:#3498db;color:#fff}.secondary{background-color:#2980b9;color:#fff}.tertiary{background-color:#e74c3c;color:#fff}.disabled{background-color:#b0bec5;border-color:#b0bec5;color:#fff}.info-columns{display:flex;justify-content:space-around;margin-bottom:30px}.info-column{text-align:center;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a;background-color:#34495e}.column-title{font-size:18px;color:#ecf0f1;margin-bottom:10px}.column-value{font-size:24px;color:#3498db;margin:0}.console{min-width:300px;min-height:100px;background-color:#2d2d2d;color:#fff;font-family:Courier New,monospace;padding:10px;border-radius:5px;overflow-y:auto;max-height:300px;margin-bottom:20px}.console-message{margin-bottom:5px;white-space:pre-wrap}.danger-text{color:red}.success-text{color:green}.files{display:flex;justify-content:space-around;flex-wrap:wrap}.files>div{margin-bottom:20px}.files>div>div{margin-bottom:5px;font-size:16px;color:#3498db}.button{transition:background-color .3s ease}.button:hover{filter:brightness(1.2)}