@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap";
:root{--bg:#020604;--primary:#00ffc2}body{background:var(--bg);color:#fff;margin:0;font-family:Inter,sans-serif}.landing{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;overflow-x:hidden}.bg-grid{background-image:linear-gradient(var(--glass)1px,transparent 1px),linear-gradient(90deg,var(--glass)1px,transparent 1px);z-index:0;background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.glow-orb{background:var(--primary);filter:blur(160px);opacity:.15;pointer-events:none;width:600px;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.hero{z-index:10;text-align:center;margin-bottom:5rem;position:relative}.badge{background:var(--glass);color:var(--primary);letter-spacing:1px;text-transform:uppercase;border:1px solid #00ffc233;border-radius:100px;margin-bottom:1.5rem;padding:6px 16px;font-size:.8rem;display:inline-block}.title{letter-spacing:-.04em;margin:0;font-size:clamp(3.5rem,10vw,8rem);font-weight:800;line-height:1}.title span{color:var(--primary);text-shadow:0 0 30px var(--primary-glow)}.tagline{color:#a1a1aa;margin-top:1.5rem;font-size:clamp(1rem,2vw,1.5rem)}.tagline span{opacity:.7;font-size:.9em;display:block}.cta{color:#000;background:var(--primary);cursor:pointer;box-shadow:0 0 40px var(--primary-glow);border:none;border-radius:12px;margin-top:3rem;padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cta:hover{box-shadow:0 0 60px var(--primary);transform:scale(1.05)}.bento-grid{z-index:10;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1100px;display:grid}.bento-item{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-radius:24px;padding:2rem;transition:border .3s}.bento-item:hover{border-color:var(--primary-glow)}.bento-item h3{color:var(--primary);margin-bottom:.5rem}.bento-item p{color:#71717a;font-size:.95rem;line-height:1.5}.chat-container{background:#020604;justify-content:center;align-items:center;height:100vh;padding:1rem;display:flex}.chat-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;width:100%;max-width:900px;height:90vh;display:flex;position:relative}.chat-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.chat-header h1{font-size:1.5rem;font-weight:800}.chat-header span{color:#00ffc2}.user-pill{color:#00ffc2;background:#00ffc21a;border:1px solid #00ffc233;border-radius:100px;padding:4px 12px;font-size:.75rem}.messages-area{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-thumb{background:#00ffc233;border-radius:10px}.msg-bubble{border-radius:18px;max-width:80%;padding:1rem 1.5rem;line-height:1.6}.msg-bubble.user{color:#000;background:#00ffc2;border-bottom-right-radius:4px;align-self:flex-end;font-weight:500}.msg-bubble.ai{color:#e4e4e7;background:#ffffff0d;border-bottom-left-radius:4px;align-self:flex-start}.input-area{padding:1.5rem}.input-wrapper{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:.75rem;transition:all .3s;display:flex}.input-wrapper:focus-within{border-color:#00ffc2;box-shadow:0 0 20px #00ffc21a}.input-wrapper textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;min-height:60px;padding:.5rem;font-family:inherit}.actions{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.icon-btn{cursor:pointer;opacity:.6;transition:all .2s}.icon-btn:hover{opacity:1}.send-btn{color:#000;cursor:pointer;background:#00ffc2;border:none;border-radius:8px;padding:.5rem 1.5rem;font-weight:700}.file-tag{color:#00ffc2;margin-top:.5rem;padding-left:.5rem;font-size:.7rem}.chat-layout{grid-template-columns:1fr 320px;align-items:stretch;gap:20px;display:grid}.inventory-panel{color:#eafff7;background:#0000008c;border:1px solid #00ffaa26;border-radius:14px;height:calc(100vh - 120px);padding:16px;overflow-y:auto}.inventory-panel h3{color:#00ffb2;margin-bottom:12px;font-size:16px;font-weight:600}.inventory-table{flex-direction:column;gap:6px;display:flex}.inventory-header{color:#7fffe1;opacity:.8;border-bottom:1px solid #00ffaa26;grid-template-columns:1fr auto;padding-bottom:6px;font-size:12px;display:grid}.inventory-row{border-bottom:1px solid #ffffff0d;grid-template-columns:1fr auto;padding:8px 0;font-size:14px;display:grid}.inventory-row span:last-child{color:#00ffb2;font-weight:500}.muted{opacity:.6;font-size:13px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-card{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2rem;position:relative}.auth-brand{text-align:center;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:1.8rem;font-weight:800}.auth-brand span{color:var(--primary,#00ffc2);text-shadow:0 0 20px #00ffc266}.auth-title{text-align:center;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.auth-sub{text-align:center;color:#71717a;margin-bottom:2rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1.2rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.field input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#ffffff40}.field input:focus{border-color:var(--primary,#00ffc2);box-shadow:0 0 16px #00ffc21f}.auth-error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b40;border-radius:8px;margin:0;padding:.5rem .75rem;font-size:.85rem}.auth-btn{color:#000;background:var(--primary,#00ffc2);cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 0 24px #00ffc24d}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #00ffc280}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;color:#71717a;margin-top:1.5rem;font-size:.875rem}.auth-switch a{color:var(--primary,#00ffc2);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}