@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--rj-blue:#2563eb;--rj-sky-blue:#0ea5e9;--rj-deep-blue:#1e3a8a;--rj-navy:#0f172a;--rj-midnight:#07111f;--rj-white:#fff;--rj-soft-white:#f8fafc;--rj-light-blue:#eff6ff;--rj-border-blue:#1e293b;--rj-muted-blue:#1e293b;--rj-success:#10b981;--rj-warning:#f59e0b;--rj-danger:#ef4444;--font-heading:"Space Grotesk","Poppins",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--rj-gradient-primary:linear-gradient(135deg,#2563eb,#0ea5e9);--rj-gradient-dark:linear-gradient(135deg,#0f172a,#07111f);--rj-gradient-card:linear-gradient(135deg,#132237,#0b1524);--rj-gradient-glow:0 0 25px rgba(37,99,235,.25);box-sizing:border-box}*{box-sizing:inherit;margin:0;padding:0}body{font-family:var(--font-body);background:var(--rj-midnight);color:#e2e8f0;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#091322}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--rj-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:#f8fafc;letter-spacing:-.02em}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:#0b1424;border-right:1px solid #1e293b;padding:24px;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:50}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.sidebar-logo img{height:40px;width:auto;border-radius:8px}.sidebar-logo span{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;background:var(--rj-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:6px;flex-grow:1}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#94a3b8;text-decoration:none;font-size:.92rem;font-weight:500;border-radius:10px;transition:all .2s ease}.nav-link.active,.nav-link:hover{color:#fff;background:rgba(37,99,235,.12);border-left:3px solid var(--rj-blue);padding-left:13px}.main-content{margin-left:280px;flex-grow:1;min-height:100vh;display:flex;flex-direction:column}.top-header{height:76px;background:rgba(11,20,36,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1e293b;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.top-header h2{font-size:1.3rem;font-weight:600}.session-bar{display:flex;align-items:center;gap:12px;background:#111b2b;border:1px solid #223047;border-radius:12px;padding:6px 12px;width:480px}.session-bar label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.session-bar input{background:transparent;border:none;color:#fff;font-family:monospace;font-size:.85rem;width:100%;padding:4px 8px}.session-bar input:focus{outline:none}.session-bar button{background:var(--rj-blue);border:none;color:#fff;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.session-bar button:hover{background:var(--rj-sky-blue)}.viewport-content{padding:40px;max-width:1200px;width:100%;margin:0 auto}.page-header{margin-bottom:32px}.page-header p{color:#94a3b8;font-size:1rem;margin-top:6px}.card{background:var(--rj-gradient-card);border:1px solid #1e2d42;border-radius:16px;padding:28px;box-shadow:0 4px 20px rgba(0,0,0,.2);margin-bottom:24px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--rj-gradient-primary);opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}input,select,textarea{background:#091322!important;border:1px solid #1e2d42!important;color:#fff!important;padding:12px 16px!important;border-radius:10px!important;font-family:var(--font-body);font-size:.95rem;transition:all .2s ease;width:100%;margin:8px 0 16px}input:focus,select:focus,textarea:focus{border-color:var(--rj-blue)!important;box-shadow:0 0 0 3px rgba(37,99,235,.2);outline:none}button{background:var(--rj-gradient-primary);color:#fff;border:none;padding:12px 24px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:var(--rj-gradient-glow)}button:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(37,99,235,.45)}button:active{transform:translateY(1px)}.raw-json-container{margin-top:32px;background:#060c16;border:1px solid #1e2d42;border-radius:12px;padding:16px}.raw-json-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.raw-json-header span{font-size:.85rem;color:#64748b;font-weight:600}pre{white-space:pre-wrap;word-wrap:break-word;background:#040810;color:#38bdf8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;padding:16px;border-radius:8px;margin-top:12px;max-height:400px;overflow-y:auto;border:1px solid #0f1c2b}.alert-success{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#a7f3d0;border-radius:12px}.alert-danger,.alert-success{padding:16px;margin-bottom:24px}.alert-danger{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#fca5a5;border-radius:12px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-warning{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-danger{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-info{background:rgba(14,165,233,.15);color:#38bdf8;border:1px solid rgba(14,165,233,.2)}@media (max-width:1024px){.sidebar{width:80px;padding:20px 12px}.nav-link span,.sidebar-logo span{display:none}.main-content{margin-left:80px}.session-bar{width:320px}}