@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--background:#0b0b10;--foreground:#eef1f5;--primary:#6366f1;--primary-glow:#6366f166;--secondary:#16161e;--accent:#f43f5e;--card-bg:#16161ecc;--border:#ffffff26;--glass:#ffffff0d;--text-dim:#94a3b8;--mesh-1:#6366f126;--mesh-2:#8b5cf61a}[data-theme=light]{--background:#e2e8f0;--foreground:#020617;--primary:#3730a3;--primary-glow:#3730a326;--secondary:#fff;--accent:#be123c;--card-bg:#fffffffa;--border:#00000026;--glass:#0000000d;--text-dim:#334155;--mesh-1:#6366f11f;--mesh-2:#8b5cf61a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);z-index:-1;opacity:.6;pointer-events:none;border-radius:50%;width:800px;height:800px;position:fixed}body:before{background:var(--mesh-1);animation:20s infinite alternate float;top:-200px;left:-200px}body:after{background:var(--mesh-2);animation:25s infinite alternate-reverse float;bottom:-200px;right:-200px}@keyframes float{0%{transform:translate(0)rotate(0)}to{transform:translate(100px,50px)rotate(10deg)}}.container{z-index:10;max-width:960px;margin:0 auto;padding:2.5rem 1.5rem;position:relative}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px -10px #0003}[data-theme=light] .glass{border-color:#0000001f;box-shadow:0 12px 36px -8px #0000001f,0 0 0 1px #0000000a}.glass:hover{border-color:#6366f133}h1{letter-spacing:-.03em;background:linear-gradient(135deg,var(--foreground)0%,var(--text-dim)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800}p.subtitle{color:var(--text-dim);margin-bottom:2.5rem;font-size:1.1rem;font-weight:500}.btn{border:1px solid var(--border);background:var(--glass);color:var(--foreground);cursor:pointer;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-family:Outfit,sans-serif;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;box-shadow:0 4px 20px var(--primary-glow);border:none}.btn-primary:hover{box-shadow:0 8px 30px var(--primary-glow);filter:brightness(1.1);transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);width:100%;min-height:120px;color:var(--foreground);resize:vertical;background:#0000004d;border-radius:14px;outline:none;padding:1.25rem;font-size:1rem;transition:all .3s}[data-theme=light] .textarea{background:#ffffffd9;box-shadow:0 4px 12px #00000008}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.table-container{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:20px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:1rem 1.25rem;font-size:.7rem;font-weight:800}td{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.table-row{transition:all .3s}.table-row:hover{background:#ffffff05;transform:scale(1.002)}[data-theme=light] .table-row:hover{background:#00000003}.badge{letter-spacing:.02em;border-radius:10px;padding:6px 12px;font-size:.75rem;font-weight:700}.tag-chip{color:var(--text-dim);background:var(--glass);border:1px solid var(--border);border-radius:8px;margin-right:6px;padding:4px 10px;font-size:.7rem;transition:all .2s}.tag-chip:hover{border-color:var(--primary);color:var(--foreground)}.toast{background:var(--primary);color:#fff;z-index:1000;border-radius:16px;padding:1.25rem 2rem;font-weight:600;animation:.4s cubic-bezier(.17,.67,.83,.67) slideIn;position:fixed;bottom:2.5rem;right:2.5rem;box-shadow:0 15px 35px #0006}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}