*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#f0f2f9;min-height:100vh;color:#1e293b;-webkit-font-smoothing:antialiased}.app-shell{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:#fff;border:1px solid #e2e4ef;border-radius:16px}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-logo{width:48px;height:48px;border-radius:12px;object-fit:contain;border:1.5px solid #e2e4ef;padding:3px;background:#fff}.topbar-logo-fallback{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.topbar-brand{line-height:1.3}.topbar-title{font-size:1.05rem;font-weight:700;color:#1e293b}.topbar-subtitle{font-size:.75rem;color:#94a3b8;font-weight:400}.topbar-right{display:flex;align-items:center}.topbar-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #e2e4ef}.topbar-avatar-fallback{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.info-card{background:#fff;border:1px solid #e2e4ef;border-radius:16px;overflow:hidden}.info-table{width:100%;border-collapse:collapse}.info-table tr{border-bottom:1px solid #eef0f6}.info-table tr:last-child{border-bottom:none}.info-table td{padding:.7rem 1.15rem;font-size:.85rem;vertical-align:middle}.info-label{font-weight:600;color:#64748b;white-space:nowrap;width:180px;background:#f8f9fc}.info-value{font-weight:600;color:#1e293b}.info-separator{margin:0 .75rem;color:#cbd5e1}.info-label-inline{font-weight:600;color:#64748b;margin-right:.35rem}.tabnav{display:flex;align-items:center}.tabnav-list{display:flex;gap:.5rem;width:100%}.tabnav-btn{flex:1;padding:.7rem 1rem;border:2px solid #e2e4ef;border-radius:12px;background:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;color:#64748b;transition:all .2s ease;text-align:center}.tabnav-btn:hover{border-color:#a5b4fc;color:#4f46e5}.tabnav-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:transparent;color:#fff;box-shadow:0 4px 16px #6366f14d}.content-panel{padding:0;animation:panelIn .3s ease}.panel{animation:panelIn .3s ease}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{margin-bottom:1rem}.panel-title{font-size:1.6rem;font-weight:800;color:#1e293b;letter-spacing:-.5px}.panel-desc{font-size:.85rem;color:#64748b;line-height:1.6;margin-top:.2rem}.panel-theory{font-size:.82rem;color:#334155;background:#eef2ff;border-left:4px solid #6366f1;padding:.85rem 1.1rem;border-radius:0 12px 12px 0;margin-bottom:1.75rem;line-height:1.6}.panel-section{background:#fff;border:1px solid #e2e4ef;border-radius:16px;padding:1.25rem 1.35rem;margin-bottom:1rem}.step-label{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:.85rem}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.78rem;font-weight:800;flex-shrink:0}.input-area{width:100%;min-height:80px;padding:.8rem;border:2px solid #e2e4ef;border-radius:12px;font-family:Poppins,sans-serif;font-size:.85rem;resize:vertical;transition:all .2s ease;background:#f8f9fc;color:#1e293b}.input-area:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;background:#fff}.input-area::placeholder{color:#94a3b8}.input-field{width:100%;padding:.65rem .8rem;border:2px solid #e2e4ef;border-radius:12px;font-family:Poppins,sans-serif;font-size:.85rem;transition:all .2s ease;background:#f8f9fc;color:#1e293b}.input-field:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;background:#fff}.input-field::placeholder{color:#94a3b8}.field-label{display:block;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.3rem;margin-top:.7rem}.btn{display:block;width:100%;padding:.75rem;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s ease;margin:.65rem 0;letter-spacing:.3px;position:relative}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 14px #6366f140}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #6366f173;transform:translateY(-2px)}.btn-sign{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 14px #f59e0b40}.btn-sign:hover:not(:disabled){box-shadow:0 6px 24px #f59e0b73;transform:translateY(-2px)}.btn-verify{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98140}.btn-verify:hover:not(:disabled){box-shadow:0 6px 24px #10b98173;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444440}.btn-danger:hover:not(:disabled){box-shadow:0 6px 24px #ef444473;transform:translateY(-2px)}.key-card{background:#f8f9fc;border:1px solid #e2e4ef;border-radius:12px;overflow:hidden;margin-top:.5rem}.key-row{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;border-bottom:1px solid #eef0f6}.key-row:last-child{border-bottom:none}.key-row code{font-size:.7rem;color:#64748b;word-break:break-all;line-height:1.45}.key-tag{font-size:.6rem;font-weight:800;padding:.2rem .5rem;border-radius:5px;letter-spacing:.5px;flex-shrink:0;margin-top:1px}.key-tag.pub{background:#ecfdf5;color:#059669}.key-tag.priv{background:#fef3c7;color:#d97706}.output-block{background:#f8f9fc;border:1px solid #e2e4ef;border-radius:12px;padding:.75rem .95rem;margin-top:.65rem}.output-label{font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.35rem}.output-code{display:block;font-size:.72rem;color:#6366f1;word-break:break-all;line-height:1.5}.status-badge{padding:.8rem 1rem;border-radius:12px;font-weight:600;font-size:.85rem;margin-top:.75rem;text-align:center;animation:panelIn .25s ease}.status-badge.valid{background:#ecfdf5;color:#047857;border:1.5px solid #a7f3d0}.status-badge.invalid{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca}.await-text{text-align:center;color:#94a3b8;font-size:.82rem;margin-top:.75rem;font-weight:500;font-style:italic}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:.5rem}.split-card{background:#fff;border-radius:16px;padding:1.25rem 1.3rem;border:1px solid #e2e4ef;transition:border-color .2s,box-shadow .2s}.split-card:hover{border-color:#c7d2fe;box-shadow:0 2px 12px #6366f10f}.hash-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.hash-row{display:flex;align-items:flex-start;gap:.45rem}.hash-row code{word-break:break-all;color:#334155;background:#f8f9fc;padding:.3rem .5rem;border-radius:8px;flex:1;font-size:.67rem;border:1px solid #eef0f6;line-height:1.45}.hash-chip{font-weight:700;white-space:nowrap;padding:.3rem .5rem;border-radius:6px;font-size:.62rem;letter-spacing:.3px;flex-shrink:0}.hash-chip.sha1{color:#dc2626;background:#fef2f2}.hash-chip.sha256{color:#6366f1;background:#eef2ff}.hash-chip.sha512{color:#059669;background:#ecfdf5}.progress-track{width:100%;height:38px;background:#e2e4ef;border-radius:19px;overflow:hidden;margin-top:.5rem;border:1px solid #d1d5e8}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#10b981);border-radius:19px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:fit-content;padding:0 1rem}@media (max-width: 700px){.app-shell{padding:1rem .75rem 2rem;gap:.75rem}.topbar{padding:.6rem .85rem;border-radius:12px}.topbar-title{font-size:.85rem}.topbar-subtitle{font-size:.65rem}.info-label{width:130px;font-size:.75rem}.info-value{font-size:.78rem}.info-table td{padding:.55rem .85rem}.tabnav-btn{font-size:.8rem;padding:.6rem .5rem}.split-grid{grid-template-columns:1fr}.panel-title{font-size:1.2rem}}@media (max-width: 480px){.topbar{flex-direction:column;align-items:flex-start;gap:.4rem}.info-table td{display:block;width:100%;padding:.35rem .85rem}.info-label{width:100%;padding-bottom:0;font-size:.7rem}.info-value{padding-top:.15rem}.panel-title{font-size:1.05rem}.step-label{font-size:.9rem}}.topbar-back{background:none;border:1.5px solid #e2e4ef;border-radius:8px;padding:.35rem .7rem;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;color:#6366f1;cursor:pointer;transition:all .2s;white-space:nowrap}.topbar-back:hover{background:#eef2ff;border-color:#6366f1}.app-footer{text-align:center;font-size:.82rem;color:#64748b;background:#e2e4ef;padding:.85rem 1.25rem;border-radius:12px;font-weight:500}