@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#0d1117;color:#e6edf3;font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app-root{width:100vw;height:100vh;display:flex;overflow:hidden}.left-panel{width:40%;min-width:280px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.left-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 38%,#18181c 0%,#111115 55%,#0a0a0d 100%);z-index:0}.left-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E")}.left-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(0,0,0,.55) 100%)}.left-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(255,255,255,.008) 28px,rgba(255,255,255,.008) 29px);z-index:0;pointer-events:none}.card-area{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex:1;width:100%;padding-bottom:16px}.card-info-strip{position:relative;z-index:2;width:100%;padding:16px 28px;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-info-name{font-size:13px;font-weight:600;color:#ffffffb8;letter-spacing:.1px}.card-info-role{font-size:9px;color:#ffffff47;letter-spacing:1.8px;text-transform:uppercase;font-weight:500;margin-top:3px}.card-info-id{font-size:8px;color:#ffffff24;letter-spacing:.8px;font-family:JetBrains Mono,monospace;margin-top:4px}.panel-divider{width:5px;height:100%;flex-shrink:0;cursor:col-resize;background:linear-gradient(180deg,transparent 0%,#21262d 15%,#21262d 85%,transparent 100%);transition:background .2s;position:relative;z-index:10}.panel-divider:hover{background:linear-gradient(180deg,transparent 0%,#444d56 15%,#444d56 85%,transparent 100%)}.right-panel{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;min-width:280px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#21262d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#30363d}@media (max-width: 760px){.app-root{flex-direction:column}html,body,#root{overflow:auto}.left-panel{width:100%;min-width:unset;height:56vh}.right-panel{height:44vh;min-width:unset}.panel-divider{width:100%;height:5px;cursor:row-resize;background:linear-gradient(90deg,transparent 0%,#21262d 15%,#21262d 85%,transparent 100%)}}