:root{--blue-sci: #1a9dd8;--blue-soft: #e6f5ff;--gray-border: #d4d7dd;--gray-bg: #f3f7ff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:#fff;color:#222}.page{max-width:1200px;margin:0 auto;padding:32px 24px 120px}.header{border-bottom:1px solid var(--gray-border);padding-bottom:16px;margin-bottom:24px}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{height:40px;object-fit:contain}.header h1{margin:0 0 8px;font-size:2rem;letter-spacing:.03em}.subtitle{margin:0;color:#555}.instructions h2,.upload h2{margin-top:0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.step-card{background:#fff;border-radius:10px;border:1px solid var(--gray-border);box-shadow:0 4px 10px #0f172a0f;padding:16px 18px}.step-number{width:28px;height:28px;border-radius:50%;background:var(--blue-sci);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px}.upload{margin:32px 0}.dropzone{border:2px dashed var(--blue-sci);border-radius:12px;padding:32px;text-align:center;background:var(--blue-soft)}.dropzone-title{font-size:1.1rem;margin-bottom:4px}.dropzone-subtitle{margin-top:0;margin-bottom:16px;color:#555}.secondary-button,.primary-button{padding:10px 18px;border-radius:999px;border:none;font-weight:600;cursor:pointer}.secondary-button{background:#fff;color:var(--blue-sci);border:1px solid var(--blue-sci)}.primary-button{background:var(--blue-sci);color:#fff}.layout{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:24px}.config-panel{background:var(--gray-bg);border-radius:12px;padding:20px 18px;border:1px solid var(--gray-border)}.field{margin-bottom:16px}.field label{display:block;font-size:.9rem;margin-bottom:6px}.checkbox-group{display:grid;gap:4px;font-size:.9rem}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}select{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--gray-border)}.charts{display:grid;gap:16px}.chart-card{background:#fff;border-radius:12px;padding:18px 16px 24px;border:1px solid var(--gray-border)}.chart-placeholder{margin-top:8px;height:230px;border-radius:8px;background:#fff;border:1px solid var(--gray-border);box-shadow:0 2px 8px #0f172a0f;display:flex;align-items:center;justify-content:center;padding:8px;color:#445;font-size:.9rem}@media(max-width:800px){.layout{grid-template-columns:1fr}}.diploma-wrapper{display:flex;flex-direction:column;height:100%;width:100%;gap:8px}.diploma-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.diploma-logo{height:40px;object-fit:contain}.diploma-text h3{margin:0;font-size:1rem}.diploma-text p{margin:2px 0 0;font-size:.85rem}.diploma-footer{margin:4px auto 0;font-size:.8rem;color:#555;text-align:center}