@import "https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Inter:wght@400;500;600&display=swap";:root{--bg-eggshell:#faf9f6;--bg-panel:#fff;--text-main:#2c3539;--text-muted:#5a6268;--primary:#0f3b57;--primary-hover:#1a5276;--border-color:#e2e8f0;--border-focus:#0f3b57;--table-header:#f1f5f9;--font-serif:"Merriweather", serif;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-eggshell);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}.app-layout{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;display:flex}@media (width>=900px){.app-layout{flex-direction:row}}.main-panel{background-color:var(--bg-panel);border-right:1px solid var(--border-color);flex:2;min-height:100vh;padding:3rem 4rem}.side-panel{background-color:var(--bg-eggshell);flex:1;padding:3rem}h1{font-family:var(--font-serif);color:var(--primary);margin-bottom:.5rem;font-size:3rem;font-weight:700}h2{font-family:var(--font-serif);color:var(--primary);border-bottom:2px solid var(--primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:400;display:inline-block}h3{font-family:var(--font-serif);color:var(--text-main);margin-bottom:.5rem;font-size:1.25rem}p{margin-bottom:1rem}.subtitle{font-family:var(--font-serif);color:var(--text-muted);margin-bottom:2.5rem;font-size:1.15rem;font-style:italic}.side-panel-content{color:var(--text-muted);font-size:.95rem}.side-panel-content ul{margin-bottom:1.5rem;margin-left:1.5rem}.side-panel-content li{margin-bottom:.5rem}.copyright{border-top:1px solid var(--border-color);margin-top:3rem;padding-top:1rem;font-size:.85rem}textarea{border:1px solid var(--border-color);width:100%;height:250px;color:var(--text-main);resize:vertical;background-color:#fff;border-radius:4px;margin-bottom:1.5rem;padding:1rem;font-family:monospace;font-size:.95rem;transition:border-color .2s;box-shadow:inset 0 1px 3px #0000000d}textarea:focus{border-color:var(--border-focus);outline:none}.btn{background-color:var(--primary);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:4px;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:background-color .2s;display:inline-block}.btn:hover{background-color:var(--primary-hover)}.btn-secondary{color:var(--primary);border:1px solid var(--primary);background-color:#0000;margin-left:1rem}.btn-secondary:hover{background-color:var(--table-header)}.loader-container{padding:2rem 0}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-bg{background-color:var(--border-color);border-radius:3px;width:100%;max-width:400px;height:6px;margin-bottom:1rem;overflow:hidden}.progress-bar-fill{background-color:var(--primary);height:100%;transition:width .3s}.table-container{border:1px solid var(--border-color);border-radius:4px;width:100%;margin-bottom:2rem;overflow-x:auto}table{border-collapse:collapse;background-color:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem}th{background-color:var(--table-header);font-family:var(--font-sans);color:var(--text-main);font-size:.9rem;font-weight:600}tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.badge-warning{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba}.badge-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.error-banner{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}