@font-face{font-family:Lexend Deca;src:url(../media/LexendDeca-Black.ed81814c.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Lexend Deca;src:url(../media/LexendDeca-Regular.455d8fc4.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(../media/Poppins-Black.d669f5b5.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Poppins;src:url(../media/Poppins-BlackItalic.e3a9c1f8.ttf)format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Poppins;src:url(../media/Poppins-Bold.af020122.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(../media/Poppins-BoldItalic.bf767c8d.ttf)format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Poppins;src:url(../media/Poppins-Medium.692047cf.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(../media/Poppins-Regular.59d7d3d1.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SignPainter;src:url(../media/SignPainter.13294e14.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-Black.da6c52b1.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-BlackItalic.d6412d0d.ttf)format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-Bold.1ec94c11.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-BoldItalic.ce470f44.ttf)format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-ExtraBold.fe731ca4.ttf)format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-ExtraBoldItalic.e7e59399.ttf)format("truetype");font-weight:800;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-Italic.bdf0187a.ttf)format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Rubik-Light;src:url(../media/Rubik-Light.61e39880.ttf)format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-LightItalic.fab01340.ttf)format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-Medium.4f3f9e0a.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-MediumItalic.72b28871.ttf)format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-Regular.26342d03.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-SemiBold.0631e3f8.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-SemiBoldItalic.3395af38.ttf)format("truetype");font-weight:600;font-style:italic}:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#1e2130;--bg-surface:#252836;--text-primary:#f1f3f9;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#2d3148;--border-subtle:#252836;--accent:#6366f1;--accent-hover:#4f52d9;--accent-glow:#6366f126;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow:0 4px 24px #0006;--radius:10px;--sidebar-width:220px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px}body{background:var(--bg-primary);color:var(--text-primary)}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sb-brand{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.1rem;display:flex}.sb-nav{flex-direction:column;flex:1;gap:.15rem;padding:1rem .75rem;display:flex}.sb-nav__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.6;margin:0 0 .4rem .5rem;font-size:.68rem;font-weight:600}.sb-nav__link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:.7rem;padding:.575rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sb-nav__link:hover{color:var(--text-primary);background:var(--bg-surface)}.sb-nav__link.active{color:var(--accent);background:var(--accent-glow)}.sb-nav__icon{opacity:.65;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .12s;display:flex}.sb-nav__link:hover .sb-nav__icon,.sb-nav__link.active .sb-nav__icon{opacity:1}.sb-footer{border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem;display:flex}.sb-user{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.sb-user__avatar{background:var(--bg-surface);border:1px solid var(--border-color);width:30px;height:30px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.sb-user__email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.775rem;overflow:hidden}.sb-logout{border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,border-color .12s,background .12s;display:flex}.sb-logout:hover{color:var(--danger);background:#ef444414;border-color:#ef444466}.content{background:var(--bg-primary);padding:2rem;overflow-y:auto}.loading-screen{background:var(--bg-primary);min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9rem;display:flex}.logo{align-items:center;gap:.2rem;text-decoration:none;display:flex}.logo__icon{color:#6366f1;width:35px;height:auto}.logo__text{color:#6366f1;letter-spacing:-.5px;font-size:2rem;font-style:italic;font-weight:700}input{color:#f1f3f9;background:#1e2130;border:1px solid #2d3148;border-radius:8px;outline:none;width:100%;padding:.5rem;font-size:1rem;transition:border-color .2s}input:focus{border-color:#6366f1}input::placeholder{color:#9ca3af}select{color:#f1f3f9;background:#1e2130;border:1px solid #2d3148}select option{color:#f1f3f9;background:#1e2130}.checkbox{cursor:pointer;align-items:center;gap:.75rem;display:flex}.checkbox input[type=checkbox]{cursor:pointer;appearance:none;background:#1e2130;border:2px solid #2d3148;border-radius:4px;width:20px;height:20px;position:relative}.checkbox input[type=checkbox]:checked{background:#6366f1;border-color:#6366f1}.checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox span{color:#f1f3f9;font-size:.9rem}.btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:#4f52d9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.loading{color:#0000;position:relative}.btn.loading:after{content:"";border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;position:absolute}.btn.btn-sm{min-height:36px;padding:.5rem 1rem;font-size:.875rem}.btn.btn-lg{min-height:52px;padding:1rem 2rem;font-size:1.125rem}.btn.btn-full{width:100%}.btn.btn-secondary{background:#4f52d9}.btn.btn-secondary:hover{background:#3a3dd4}.btn.btn-accent{background:#f59e0b}.btn.btn-accent:hover{background:#c57f08}.btn.btn-danger{background:#ef4444}.btn.btn-danger:hover{background:#eb1515}.btn.btn-outline{color:#6366f1;background:0 0;border:2px solid #6366f1}.btn.btn-outline:hover{color:#fff;background:#6366f1}.btn.btn-ghost{color:#f1f3f9;background:0 0}.btn.btn-ghost:hover{background:#252836}.btn.btn-block{width:100%}.btn.btn-icon{border-radius:50%;width:44px;height:44px;padding:0}.btn.btn-icon.btn-sm{width:36px;height:36px}.btn.btn-icon.btn-lg{width:52px;height:52px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-group{gap:.5rem;display:inline-flex}.btn-group .btn{flex:1}.app-loading-screen-container{background:#0f1117;justify-content:center;align-items:center;height:100vh;display:flex}.app-loading-screen-container .logo{flex-direction:column;display:flex;position:relative}.app-loading-screen-container .logo:before{content:"";border:2px dotted #6366f1;border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:-10px}.app-loading-screen-container .logo__icon{width:100px}.app-loading-screen-container .logo__text{font-size:4rem}.tool-header{border-bottom:2px solid #2d3148;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.tool-header h1{color:#f1f3f9;margin:0;font-size:24px;font-weight:700}.modal-overlay{z-index:50;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1e2130;border:1px solid #2d3148;border-radius:.5rem;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 24px #0006}.modal-header{border-bottom:1px solid #2d3148;justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-header h2{color:#f1f3f9}.modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:#f1f3f9}.grades-list{flex-direction:column;gap:6px;padding:1rem;display:flex}.grades-list .grades-empty{text-align:center;color:#9ca3af;padding:2rem;font-size:.875rem}.grade-item{cursor:pointer;box-shadow:none;background:#0f1117;border:1px solid #2d3148;border-radius:8px;align-items:center;gap:12px;margin-bottom:0;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.grade-item:hover{background:#6366f10f;border-color:#6366f1}.grade-preview{flex-shrink:0;width:44px}.grade-preview img{object-fit:cover;border:1px solid #2d3148;border-radius:4px;width:44px;height:60px;display:block}.grade-preview .grade-image-placeholder{background:#1e2130;border:1px solid #2d3148;border-radius:4px;justify-content:center;align-items:center;width:44px;height:60px;font-size:1.25rem;display:flex}.grade-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.grade-info h3{color:#f1f3f9;margin:0;font-size:.875rem;font-weight:600}.grade-info p{color:#9ca3af;margin:0;font-size:.78rem}.grade-info__name{color:#f1f3f9;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.grade-info__sub{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.grade-info__footer{align-items:center;gap:6px;margin-top:3px;display:flex}.grade-info__id{color:#9ca3af;opacity:.55;font-variant-numeric:tabular-nums;font-size:.7rem}.grade-type-badge{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;border:1px solid #2d3148;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:600}.grade-type-badge--pregrade{color:#b45309;background:#b4530914;border-color:#b4530966}.grade-score-badge{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:800;display:flex}.grade-score-badge.grade-black-label{background:#d4af37}.grade-score-badge.grade-gem-mint,.grade-score-badge.grade-mint-plus,.grade-score-badge.grade-mint{background:#17a2b8}.grade-score-badge.grade-nm-mint-high,.grade-score-badge.grade-nm-mint-low,.grade-score-badge.grade-near-mint-high,.grade-score-badge.grade-near-mint-low{background:#3caf56}.grade-score-badge.grade-excellent-nm,.grade-score-badge.grade-excellent-high{background:#82891e}.grade-score-badge.grade-excellent-low,.grade-score-badge.grade-vg-excellent{color:#1a1a1a;background:#ffc107}.grade-score-badge.grade-very-good,.grade-score-badge.grade-good{background:#fc8a2a}.grade-score-badge.grade-light-played-high,.grade-score-badge.grade-light-played-low,.grade-score-badge.grade-played-high,.grade-score-badge.grade-played-low{background:#e36672}.grade-score-badge.grade-poor-high,.grade-score-badge.grade-poor-low{background:#dc3545}.grade-circle.grade-black-label{background:#d4af37}.grade-circle.grade-gem-mint,.grade-circle.grade-mint-plus,.grade-circle.grade-mint{background:#17a2b8}.grade-circle.grade-nm-mint-high,.grade-circle.grade-nm-mint-low,.grade-circle.grade-near-mint-high,.grade-circle.grade-near-mint-low{background:#3caf56}.grade-circle.grade-excellent-nm,.grade-circle.grade-excellent-high{background:#82891e}.grade-circle.grade-excellent-low,.grade-circle.grade-vg-excellent{color:#1a1a1a;background:#ffc107}.grade-circle.grade-very-good,.grade-circle.grade-good{background:#fc8a2a}.grade-circle.grade-light-played-high,.grade-circle.grade-light-played-low,.grade-circle.grade-played-high,.grade-circle.grade-played-low{background:#e36672}.grade-circle.grade-poor-high,.grade-circle.grade-poor-low{background:#dc3545}.page-container{max-width:900px;margin:0 auto;padding:24px}.page-container h1{color:#f1f3f9;margin-bottom:24px;font-size:24px}.upload-box{background:#1e2130;border:1px solid #2d3148;border-radius:6px;margin-top:24px;padding:20px}.upload-box h3{color:#f1f3f9;margin-bottom:16px;font-size:18px}.upload-row{grid-template-columns:120px 1fr 160px;align-items:center;gap:16px;margin-bottom:16px;display:grid}.upload-row label{color:#f1f3f9;font-size:14px;font-weight:500}.upload-row input[type=file]{color:#9ca3af;font-size:14px}.upload-row img{background:#1e2130;border:1px solid #2d3148;border-radius:4px;width:150px;height:auto}@media (max-width:700px){.upload-row{grid-template-columns:1fr;gap:8px}.upload-row img{width:120px}}
@font-face{font-family:Lexend Deca;src:url(../media/LexendDeca-Black.ed81814c.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Lexend Deca;src:url(../media/LexendDeca-Regular.455d8fc4.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(../media/Poppins-Black.d669f5b5.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Poppins;src:url(../media/Poppins-BlackItalic.e3a9c1f8.ttf)format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Poppins;src:url(../media/Poppins-Bold.af020122.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(../media/Poppins-BoldItalic.bf767c8d.ttf)format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Poppins;src:url(../media/Poppins-Medium.692047cf.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(../media/Poppins-Regular.59d7d3d1.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SignPainter;src:url(../media/SignPainter.13294e14.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-Black.da6c52b1.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-BlackItalic.d6412d0d.ttf)format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-Bold.1ec94c11.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-BoldItalic.ce470f44.ttf)format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-ExtraBold.fe731ca4.ttf)format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-ExtraBoldItalic.e7e59399.ttf)format("truetype");font-weight:800;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-Italic.bdf0187a.ttf)format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Rubik-Light;src:url(../media/Rubik-Light.61e39880.ttf)format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-LightItalic.fab01340.ttf)format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-Medium.4f3f9e0a.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-MediumItalic.72b28871.ttf)format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik-Regular.26342d03.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-SemiBold.0631e3f8.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Rubik;src:url(../media/Rubik-SemiBoldItalic.3395af38.ttf)format("truetype");font-weight:600;font-style:italic}:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#1e2130;--bg-surface:#252836;--text-primary:#f1f3f9;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#2d3148;--border-subtle:#252836;--accent:#6366f1;--accent-hover:#4f52d9;--accent-glow:#6366f126;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow:0 4px 24px #0006;--radius:10px;--sidebar-width:220px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px}body{background:var(--bg-primary);color:var(--text-primary)}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sb-brand{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.1rem;display:flex}.sb-nav{flex-direction:column;flex:1;gap:.15rem;padding:1rem .75rem;display:flex}.sb-nav__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.6;margin:0 0 .4rem .5rem;font-size:.68rem;font-weight:600}.sb-nav__link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:.7rem;padding:.575rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sb-nav__link:hover{color:var(--text-primary);background:var(--bg-surface)}.sb-nav__link.active{color:var(--accent);background:var(--accent-glow)}.sb-nav__icon{opacity:.65;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .12s;display:flex}.sb-nav__link:hover .sb-nav__icon,.sb-nav__link.active .sb-nav__icon{opacity:1}.sb-footer{border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem;display:flex}.sb-user{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.sb-user__avatar{background:var(--bg-surface);border:1px solid var(--border-color);width:30px;height:30px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.sb-user__email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.775rem;overflow:hidden}.sb-logout{border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,border-color .12s,background .12s;display:flex}.sb-logout:hover{color:var(--danger);background:#ef444414;border-color:#ef444466}.content{background:var(--bg-primary);padding:2rem;overflow-y:auto}.loading-screen{background:var(--bg-primary);min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9rem;display:flex}.logo{align-items:center;gap:.2rem;text-decoration:none;display:flex}.logo__icon{color:#6366f1;width:35px;height:auto}.logo__text{color:#6366f1;letter-spacing:-.5px;font-size:2rem;font-style:italic;font-weight:700}input{color:#f1f3f9;background:#1e2130;border:1px solid #2d3148;border-radius:8px;outline:none;width:100%;padding:.5rem;font-size:1rem;transition:border-color .2s}input:focus{border-color:#6366f1}input::placeholder{color:#9ca3af}select{color:#f1f3f9;background:#1e2130;border:1px solid #2d3148}select option{color:#f1f3f9;background:#1e2130}.checkbox{cursor:pointer;align-items:center;gap:.75rem;display:flex}.checkbox input[type=checkbox]{cursor:pointer;appearance:none;background:#1e2130;border:2px solid #2d3148;border-radius:4px;width:20px;height:20px;position:relative}.checkbox input[type=checkbox]:checked{background:#6366f1;border-color:#6366f1}.checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox span{color:#f1f3f9;font-size:.9rem}.btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:#4f52d9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.loading{color:#0000;position:relative}.btn.loading:after{content:"";border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;position:absolute}.btn.btn-sm{min-height:36px;padding:.5rem 1rem;font-size:.875rem}.btn.btn-lg{min-height:52px;padding:1rem 2rem;font-size:1.125rem}.btn.btn-full{width:100%}.btn.btn-secondary{background:#4f52d9}.btn.btn-secondary:hover{background:#3a3dd4}.btn.btn-accent{background:#f59e0b}.btn.btn-accent:hover{background:#c57f08}.btn.btn-danger{background:#ef4444}.btn.btn-danger:hover{background:#eb1515}.btn.btn-outline{color:#6366f1;background:0 0;border:2px solid #6366f1}.btn.btn-outline:hover{color:#fff;background:#6366f1}.btn.btn-ghost{color:#f1f3f9;background:0 0}.btn.btn-ghost:hover{background:#252836}.btn.btn-block{width:100%}.btn.btn-icon{border-radius:50%;width:44px;height:44px;padding:0}.btn.btn-icon.btn-sm{width:36px;height:36px}.btn.btn-icon.btn-lg{width:52px;height:52px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-group{gap:.5rem;display:inline-flex}.btn-group .btn{flex:1}.app-loading-screen-container{background:#0f1117;justify-content:center;align-items:center;height:100vh;display:flex}.app-loading-screen-container .logo{flex-direction:column;display:flex;position:relative}.app-loading-screen-container .logo:before{content:"";border:2px dotted #6366f1;border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:-10px}.app-loading-screen-container .logo__icon{width:100px}.app-loading-screen-container .logo__text{font-size:4rem}.tool-header{border-bottom:2px solid #2d3148;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.tool-header h1{color:#f1f3f9;margin:0;font-size:24px;font-weight:700}.modal-overlay{z-index:50;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1e2130;border:1px solid #2d3148;border-radius:.5rem;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 24px #0006}.modal-header{border-bottom:1px solid #2d3148;justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-header h2{color:#f1f3f9}.modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:#f1f3f9}.grades-list{flex-direction:column;gap:6px;padding:1rem;display:flex}.grades-list .grades-empty{text-align:center;color:#9ca3af;padding:2rem;font-size:.875rem}.grade-item{cursor:pointer;box-shadow:none;background:#0f1117;border:1px solid #2d3148;border-radius:8px;align-items:center;gap:12px;margin-bottom:0;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.grade-item:hover{background:#6366f10f;border-color:#6366f1}.grade-preview{flex-shrink:0;width:44px}.grade-preview img{object-fit:cover;border:1px solid #2d3148;border-radius:4px;width:44px;height:60px;display:block}.grade-preview .grade-image-placeholder{background:#1e2130;border:1px solid #2d3148;border-radius:4px;justify-content:center;align-items:center;width:44px;height:60px;font-size:1.25rem;display:flex}.grade-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.grade-info h3{color:#f1f3f9;margin:0;font-size:.875rem;font-weight:600}.grade-info p{color:#9ca3af;margin:0;font-size:.78rem}.grade-info__name{color:#f1f3f9;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.grade-info__sub{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.grade-info__footer{align-items:center;gap:6px;margin-top:3px;display:flex}.grade-info__id{color:#9ca3af;opacity:.55;font-variant-numeric:tabular-nums;font-size:.7rem}.grade-type-badge{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;border:1px solid #2d3148;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:600}.grade-type-badge--pregrade{color:#b45309;background:#b4530914;border-color:#b4530966}.grade-score-badge{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:800;display:flex}.grade-score-badge.grade-black-label{background:#d4af37}.grade-score-badge.grade-gem-mint,.grade-score-badge.grade-mint-plus,.grade-score-badge.grade-mint{background:#17a2b8}.grade-score-badge.grade-nm-mint-high,.grade-score-badge.grade-nm-mint-low,.grade-score-badge.grade-near-mint-high,.grade-score-badge.grade-near-mint-low{background:#3caf56}.grade-score-badge.grade-excellent-nm,.grade-score-badge.grade-excellent-high{background:#82891e}.grade-score-badge.grade-excellent-low,.grade-score-badge.grade-vg-excellent{color:#1a1a1a;background:#ffc107}.grade-score-badge.grade-very-good,.grade-score-badge.grade-good{background:#fc8a2a}.grade-score-badge.grade-light-played-high,.grade-score-badge.grade-light-played-low,.grade-score-badge.grade-played-high,.grade-score-badge.grade-played-low{background:#e36672}.grade-score-badge.grade-poor-high,.grade-score-badge.grade-poor-low{background:#dc3545}.grade-circle.grade-black-label{background:#d4af37}.grade-circle.grade-gem-mint,.grade-circle.grade-mint-plus,.grade-circle.grade-mint{background:#17a2b8}.grade-circle.grade-nm-mint-high,.grade-circle.grade-nm-mint-low,.grade-circle.grade-near-mint-high,.grade-circle.grade-near-mint-low{background:#3caf56}.grade-circle.grade-excellent-nm,.grade-circle.grade-excellent-high{background:#82891e}.grade-circle.grade-excellent-low,.grade-circle.grade-vg-excellent{color:#1a1a1a;background:#ffc107}.grade-circle.grade-very-good,.grade-circle.grade-good{background:#fc8a2a}.grade-circle.grade-light-played-high,.grade-circle.grade-light-played-low,.grade-circle.grade-played-high,.grade-circle.grade-played-low{background:#e36672}.grade-circle.grade-poor-high,.grade-circle.grade-poor-low{background:#dc3545}.page-container{max-width:900px;margin:0 auto;padding:24px}.page-container h1{color:#f1f3f9;margin-bottom:24px;font-size:24px}.upload-box{background:#1e2130;border:1px solid #2d3148;border-radius:6px;margin-top:24px;padding:20px}.upload-box h3{color:#f1f3f9;margin-bottom:16px;font-size:18px}.upload-row{grid-template-columns:120px 1fr 160px;align-items:center;gap:16px;margin-bottom:16px;display:grid}.upload-row label{color:#f1f3f9;font-size:14px;font-weight:500}.upload-row input[type=file]{color:#9ca3af;font-size:14px}.upload-row img{background:#1e2130;border:1px solid #2d3148;border-radius:4px;width:150px;height:auto}@media (max-width:700px){.upload-row{grid-template-columns:1fr;gap:8px}.upload-row img{width:120px}}.auth-container{background:#0f1117;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-login{background:#1e2130;border:1px solid #2d3148;border-radius:4px;width:400px;box-shadow:0 4px 24px #0006}.auth-login__header{justify-content:center;align-items:center;padding:1rem;display:flex}.auth-login__form{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.auth-login__form .error-message{color:#ef4444;text-align:center}.auth-login .security-note{text-align:center;color:#6366f1;margin:0 auto;padding:.5rem;font-size:.8rem}