:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.overlay{color:#0f172a;background:radial-gradient(circle at 20% 0,#d7f3ec 0%,#0000 50%),radial-gradient(circle at 100% 0,#ffe8c4 0%,#0000 38%),linear-gradient(145deg,#f9faf8 0%,#edf2f7 100%);min-height:100%;padding:24px}.overlay-header{max-width:860px;margin:0 auto 18px;animation:.42s ease-out rise-in}.overlay-badge{letter-spacing:.03em;text-transform:uppercase;color:#f3fbff;background:#114b5f;border-radius:999px;padding:5px 10px;font-size:.8rem;display:inline-flex}.overlay-header h1{margin:12px 0 6px;font-size:clamp(1.9rem,4.2vw,2.6rem)}.overlay-subtitle{color:#334155;margin:0}.overlay-note{color:#0f172a;background:#ddf0ffa6;border:1px solid #9fc2e8;border-radius:10px;max-width:860px;margin:0 auto 10px;padding:8px 12px;font-size:.86rem}.overlay-error{color:#7f1d1d;background:#ffe8e8eb;border:1px solid #fecaca;border-radius:10px;max-width:860px;margin:0 auto 12px;padding:10px 12px;font-size:.86rem}.card-shell{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;border:1px solid #c9d5e6;border-radius:18px;max-width:860px;margin:0 auto;padding:16px;animation:.5s cubic-bezier(.2,.7,.3,1) card-enter;box-shadow:0 18px 30px -24px #0f172a8c}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.card-cell{background:linear-gradient(#fff 0%,#f2f6fc 100%);border:1px solid #aabed8;border-radius:12px;flex-direction:column;justify-content:space-between;gap:8px;min-height:90px;padding:10px;transition:transform .18s,box-shadow .18s;display:flex}.card-cell.stamped{background:linear-gradient(#d9f5ef 0%,#b7e7dc 100%);border-color:#1f7a8c;animation:.32s stamp-pop;box-shadow:inset 0 0 0 2px #1f7a8c29}.card-cell.free{background:linear-gradient(#ffe9b8 0%,#ffd57d 100%);border-color:#d8a94c}.cell-label{font-size:.92rem;font-weight:600;line-height:1.2}.cell-status{text-transform:uppercase;letter-spacing:.04em;color:#36516d;font-size:.74rem}.overlay-footer{color:#36516d;max-width:860px;margin:12px auto 0;font-size:.84rem}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp-pop{0%{transform:scale(.96)}to{transform:scale(1)}}@media (width<=860px){.overlay{padding:14px}.card-grid{gap:8px}.card-cell{min-height:76px;padding:8px}.cell-label{font-size:.78rem}.cell-status{font-size:.66rem}}