@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--primary:142 72% 38%;--primary-hover:142 72% 32%;--secondary:24 95% 53%;--secondary-hover:24 95% 45%;--white:0 0% 100%;--bg-primary:210 20% 98%;--bg-secondary:0 0% 100%;--bg-tertiary:210 20% 94%;--text-primary:222 47% 11%;--text-secondary:215 16% 47%;--text-tertiary:215 16% 65%;--success:142 72% 38%;--success-bg:142 72% 95%;--warning:38 92% 50%;--warning-bg:38 92% 95%;--danger:350 89% 60%;--danger-bg:350 89% 96%;--info:217 91% 60%;--info-bg:217 91% 95%;--shadow-sm:0 2px 8px -2px #1c9e4914, 0 1px 3px -1px #00000008;--shadow-md:0 8px 30px -4px #1c9e490f, 0 4px 12px -2px #f973160a;--shadow-lg:0 20px 40px -8px #1c9e491a, 0 10px 20px -4px #0000000a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--glass-bg:#ffffffbf;--glass-border:#ffffff80;--glass-blur:blur(16px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95rem;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:hsl(var(--text-primary));letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700}a{color:inherit;transition:var(--transition);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--text-tertiary));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--secondary))}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-md);transition:var(--transition)}.glass-panel:hover{box-shadow:var(--shadow-lg);border-color:#1c9e4933}.interactive-card{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--bg-tertiary));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);padding:1.25rem;position:relative;overflow:hidden}.interactive-card:before{content:"";background:linear-gradient(to bottom, hsl(var(--primary)), hsl(var(--secondary)));opacity:0;width:4px;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.interactive-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-4px)}.interactive-card:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-hover)));color:hsl(var(--white));border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #1c9e494d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1c9e4966}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--secondary-hover)));color:hsl(var(--white));border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #f973164d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.btn-outline{color:hsl(var(--primary));border:2px solid hsl(var(--primary));border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-weight:600;display:inline-flex}.btn-outline:hover{background:hsl(var(--primary-bg));transform:translateY(-1px)}.badge{border-radius:50px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-success{background:hsl(var(--success-bg));color:hsl(var(--success))}.badge-warning{background:hsl(var(--warning-bg));color:hsl(var(--warning))}.badge-danger{background:hsl(var(--danger-bg));color:hsl(var(--danger))}.badge-info{background:hsl(var(--info-bg));color:hsl(var(--info))}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:hsl(var(--text-secondary));font-size:.85rem;font-weight:600}.form-input{border:1.5px solid hsl(var(--bg-tertiary));border-radius:var(--radius-sm);color:hsl(var(--text-primary));background-color:hsl(var(--bg-secondary));transition:var(--transition);padding:.75rem}.form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px #1c9e4926}.custom-table-container{border-radius:var(--radius-sm);border:1px solid hsl(var(--bg-tertiary));box-shadow:var(--shadow-sm);background-color:hsl(var(--bg-secondary));overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{background-color:hsl(var(--bg-primary));color:hsl(var(--text-secondary));border-bottom:2px solid hsl(var(--bg-tertiary));padding:1rem;font-size:.85rem;font-weight:600}.custom-table td{border-bottom:1px solid hsl(var(--bg-tertiary));color:hsl(var(--text-primary));padding:1rem;font-size:.9rem}.custom-table tr:hover{background-color:#1c9e4905}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 #1c9e4966}70%{transform:scale(1.02);box-shadow:0 0 0 10px #1c9e4900}to{transform:scale(1);box-shadow:0 0 #1c9e4900}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.glow-pulse{animation:2s infinite pulseGlow}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}}@keyframes scanLaser{0%{opacity:.8;top:15%}50%{opacity:.8;top:85%}to{opacity:.8;top:15%}}.selfie-thumb-wrap:hover{transform:scale(1.08);box-shadow:0 6px 20px #00000038!important}.selfie-thumb-wrap:hover .selfie-thumb-img{transform:scale(1.06)}.selfie-thumb-wrap:hover .selfie-thumb-overlay{opacity:1!important}