@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Space+Mono:wght@400;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#475569;--gray-900:#0f172a;--gold:#d4af37;--silver:silver;--orange:#f97316;--yellow:#eab308;--amber:#f59e0b;--blue:#3b82f6;--green:#10b981;--red:#ef4444}body{background:var(--gray-50);color:var(--gray-900);padding:40px;font-family:Inter,sans-serif}body.landing{background:var(--white);padding:0}.container{max-width:1600px;margin:0 auto}.landing .container{max-width:1400px;padding:0 40px}.app-nav{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;display:flex;box-shadow:0 4px 12px #00000008}.app-nav-brand{color:var(--gray-900);font-size:20px;font-weight:800;text-decoration:none}.app-nav-brand span{color:var(--gold)}.app-nav-links{align-items:center;gap:8px;display:flex}.app-nav-links a{color:var(--gray-600);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.app-nav-links a:hover,.app-nav-links a.active{color:var(--gold);background:var(--gray-50)}.app-nav-links a.btn-exit{color:var(--white);background:var(--gray-900);margin-left:8px}.app-nav-links a.btn-exit:hover{background:var(--gold);color:var(--white)}.panel{background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:32px;box-shadow:0 2px 12px #0000000a}.panel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h2{color:var(--gray-900);align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}@media (max-width:768px){body{padding:16px}.landing .container{padding:0 16px}.app-nav{border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px}.app-nav-links{flex-wrap:wrap;justify-content:center;gap:8px}.panel{border-radius:16px;padding:16px}.panel-header{flex-direction:column;align-items:flex-start;gap:12px}h2{font-size:18px}}
