body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#0b0f19;color:#e6e8ec}*{box-sizing:border-box}.container{max-width:760px;margin:0 auto;padding:24px}.card{background:#121826;border:1px solid #1e293b;border-radius:12px;padding:20px}.title{font-size:24px;font-weight:700;margin:0 0 12px}.subtitle{color:#94a3b8;margin-bottom:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button,.input,.select,.textarea{padding:10px 12px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#e2e8f0}.button{cursor:pointer;background:#2563eb;border-color:#2563eb}.button.secondary{background:#0f172a;border-color:#334155}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid #334155}.badge.warn{background:#45291a;color:#fda65a;border-color:#5b341f}.qr{padding:16px;background:#0f172a;border:1px solid #334155;border-radius:12px;display:inline-block}.footer{color:#64748b;margin-top:24px;font-size:12px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.scrollbar::-webkit-scrollbar{height:6px;width:6px;background:transparent}.scrollbar::-webkit-scrollbar-track{background:transparent}.scrollbar::-webkit-scrollbar-thumb{background:radial-gradient(circle,#cbd5e1 1.5px,transparent 0) repeat-x;background-size:6px 6px;background-position:0;border-radius:999px}.scrollbar::-webkit-scrollbar-thumb:hover{background:radial-gradient(circle,#94a3b8 1.5px,transparent 0) repeat-x;background-size:6px 6px;background-position:0}.skeleton{position:relative;overflow:hidden;background:#e5e7eb}.skeleton:after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg,rgba(229,231,235,0),rgba(229,231,235,.7) 50%,rgba(229,231,235,0));animation:skeletonShimmer 1.2s infinite}.skeleton-circle{border-radius:9999px}@keyframes skeletonShimmer{0%{left:-150%}to{left:100%}}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}