@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#fdfbf7;--card-bg:#fff;--text-primary:#333;--text-muted:#666;--shinchan-red:#e53935;--shinchan-yellow:#ffeb3b;--shinchan-blue:#29b6f6;--shinchan-green:#8bc34a;--accent-color:var(--shinchan-red);--accent-blue:var(--shinchan-blue);--border-color:#00000014;--glass-bg:#ffffffd9;--glass-border:#0000000d;--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 8px 24px #e5393526;--radius-lg:24px;--radius-md:16px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0;font-family:Kanit,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(var(--shinchan-yellow) 1px, transparent 1px);background-size:30px 30px;background-color:var(--bg-color);min-height:100vh}#root{min-height:100vh;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--shinchan-red);transform:translateY(-4px)}.title{letter-spacing:-.5px;color:var(--shinchan-red);margin-bottom:8px;font-size:2.2rem;font-weight:700}.subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1.1rem;font-weight:400}.btn{cursor:pointer;background:var(--card-bg);color:var(--text-primary);border:none;border:2px solid var(--border-color);border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:500;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 2px 4px #0000000d}.btn:hover{border-color:var(--shinchan-blue);color:var(--shinchan-blue);transform:scale(1.05)}.btn-primary{background:var(--shinchan-red);color:#fff;border:2px solid #c62828;box-shadow:0 4px 12px #e539354d}.btn-primary:hover{color:#fff;background:#f44336;border-color:#d32f2f;transform:scale(1.05)translateY(-2px);box-shadow:0 6px 16px #e5393566}.btn-yellow{background:var(--shinchan-yellow);color:#333;border:2px solid #fbc02d;box-shadow:0 4px 12px #ffeb3b4d}.btn-yellow:hover{color:#000;background:#ffee58;border-color:#fbc02d;transform:scale(1.05)translateY(-2px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--shinchan-blue)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}table{border-collapse:separate;border-spacing:0 8px;width:100%}th{text-align:left;color:var(--text-muted);border-bottom:2px solid var(--border-color);padding:12px 16px;font-size:.95rem;font-weight:500}td{background:var(--card-bg);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:16px}td:first-child{border-left:1px solid var(--border-color);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}td:last-child{border-right:1px solid var(--border-color);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}tr:hover td{background:#29b6f60d}.badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-red{color:var(--shinchan-red);border:1px solid var(--shinchan-red);background:#e539351a}.badge-blue{color:#0288d1;background:#29b6f61a;border:1px solid #0288d1}.badge-gray{color:var(--text-muted);border:1px solid var(--border-color);background:#0000000d}input,select{border-radius:var(--radius-sm);border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);outline:none;padding:10px 16px;font-family:Kanit,sans-serif;font-size:1rem;transition:all .2s}input:focus,select:focus{border-color:var(--shinchan-blue);box-shadow:0 0 0 3px #29b6f633}