#borLeft{padding:16px 24px;gap:24px;background:linear-gradient(90deg,#27272a 17.51%,#3f3f4680 94.17%);box-shadow:0 8px 16px #18181b1a,inset 0 0 1px #d4d4d84d;border-radius:0 12px 12px 0/0px 12px 12px 0px;flex:1}#borRight{padding:16px 24px;gap:24px;background:linear-gradient(90deg,#3f3f4680 7.5%,#27272a 84.16%);box-shadow:0 8px 16px #18181b1a,inset 0 0 1px #d4d4d84d;border-radius:12px 0 0 12px/12px 0px 0px 12px;flex:1}.progress-box{transition:transform .3s cubic-bezier(.4,0,.2,1)}.certificate-card{transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.certificate-card:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 4px 16px #0000002e;z-index:2}.progress-box:hover{transform:scale(1.1);cursor:pointer;z-index:10}.progress-box{position:relative;border-radius:12px;background-color:#2b2b2e;overflow:hidden}.progress-border{position:absolute;bottom:.4px;left:2px;height:2px;width:100%;border-radius:0 0 12px 12px;background:linear-gradient(to right,var(--color) var(--progress),#3a3a3a var(--progress))}.generating-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}.generating-modal{background:none;color:#fff;text-align:center;display:flex;font-size:21px;flex-direction:column;font-weight:600;gap:20px;padding:40px 32px 32px;border-radius:16px;box-shadow:0 8px 32px #0000004d;min-width:340px;max-width:470px}.generating-modal p{font-size:16px;color:#a1a1aa;font-weight:400}.generating-spinner{margin:0 auto 24px;border:6px solid #444;border-top:6px solid #ffd700;border-radius:50%;width:64px;height:64px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generating-cancel{color:#fff;border:none;border-radius:8px;width:max-content;margin:0 auto;font-size:1rem;cursor:pointer;transition:background .2s}.generating-cancel:hover{color:#ffc627}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}