@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";
:root{--bg-vault:#0a0f0f;--bg-surface:#061212;--bg-input:#061212;--accent:#00b4a6;--text-primary:#fff;--text-body:#ffffffb3;--text-dim:#fff6;--border-teal:#00b4a61f;--font-heading:"Syne", sans-serif;--font-body:"Satoshi", sans-serif;--font-mono:"DM Mono", monospace;--transition:.15s ease}*{box-sizing:border-box;margin:0;padding:0}button,a,[role=button],select,input[type=submit],input[type=button]{cursor:pointer}html{background-color:#0a0f0f;min-height:100%}body{min-height:100%;color:var(--text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;opacity:0;background-color:#0a0f0f;margin:0;padding:0;animation:.3s forwards fadeIn}.dashboard-bg{background-color:#0a0f0f;background-image:linear-gradient(90deg,#00b4a60f 1px,#0000 1px),linear-gradient(#00b4a60f 1px,#0000 1px),radial-gradient(circle at 20% 20%,#00b4a612 0%,#0000 60%),radial-gradient(circle at 80% 80%,#00b4a60d 0%,#0000 60%);background-size:40px 40px,40px 40px,100% 100%,100% 100%}@keyframes fadeIn{to{opacity:1}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}label{font-family:var(--font-body);color:var(--text-dim);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.mono{font-family:var(--font-mono)}.card{z-index:1;transition:border-color var(--transition);background:#061212;border:1px solid #00b4a626;border-radius:8px;padding:24px;position:relative}.card:hover{border-color:#00b4a640}.btn-primary{background:var(--accent);color:#000;cursor:pointer;font-weight:600;font-family:var(--font-body);will-change:transform;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.8rem 1.5rem;text-decoration:none;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s cubic-bezier(.2,0,0,1),filter .25s;display:inline-flex;transform:translateZ(0)}.btn-primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-3px);box-shadow:0 8px 30px #00b4a659,0 2px 8px #00b4a633}.btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00b4a640}.btn-secondary{color:var(--text-primary);cursor:pointer;font-weight:500;font-family:var(--font-body);will-change:transform;background:0 0;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;padding:.8rem 1.5rem;text-decoration:none;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s cubic-bezier(.2,0,0,1),border-color .25s,background .25s;display:inline-flex;transform:translateZ(0)}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff14}.btn-secondary:active{transform:translateY(-1px);box-shadow:0 4px 12px #0003}input,select,textarea{color:var(--text-primary);width:100%;font-family:var(--font-body);transition:border-color var(--transition);background:#061212;border:1px solid #00b4a626;border-radius:4px;outline:none;padding:.8rem 1rem}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.job-card-premium{cursor:pointer;background:#0d1f1f;border:1px solid #00b4a61a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px 24px;transition:all .2s;display:flex}.job-card-premium:hover{border-color:#00b4a64d;transform:translateY(-1px);box-shadow:0 4px 24px #0000004d}.manage-link{color:#fff6;font-size:13px;transition:color .15s}.job-card-premium:hover .manage-link{color:#00b4a6}.job-card{background:var(--bg-surface);border:1px solid var(--border-teal);transition:transform var(--transition), border-color var(--transition);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem 2rem;display:flex}.job-card:hover{border-color:#00b4a640;transform:translateY(-2px)}.info-grid{grid-template-columns:140px 1fr;gap:1rem;margin-bottom:.75rem;display:grid}.info-label{color:var(--text-dim);font-size:.8rem;font-weight:500}.info-value{color:var(--text-primary);font-weight:400}@keyframes pulseAmber{0%,to{box-shadow:0 0 #f59e0b99}50%{box-shadow:0 0 0 5px #f59e0b00}}@keyframes glowGreen{0%,to{box-shadow:0 0 6px #22c55e99}50%{box-shadow:0 0 12px #22c55e4d}}@keyframes pulseRed{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 5px #ef444400}}.dot-sealed{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2.5s infinite glowGreen}.dot-pending{background:#f59e0b;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseAmber}.dot-progress{background:#ffffff4d;border-radius:50%;width:7px;height:7px}.dot-red{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseRed}.badge-container{opacity:.6;transition:opacity .2s}.badge-container:hover{opacity:1}.polygonscan-link:hover{background:#00b4a60f!important;border-color:#00b4a6!important}.upgrade-btn:hover,.upgrade-btn-main:hover{opacity:.9}.page-content{animation:.2s fadeInContent}@keyframes fadeInContent{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}::selection{color:#00b4a6;background:#00b4a633}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0a0f0f}::-webkit-scrollbar-thumb{background:#00b4a626;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00b4a64d}input:focus,select:focus,textarea:focus,button:focus{outline:none;box-shadow:0 0 0 2px #00b4a640!important}@media (max-width:767px){.mobile-hide{display:none!important}}button:active,.btn-primary:active,.btn-secondary:active{transform:scale(.98)}@media (max-width:767px){.mobile-hide{display:none!important}}