:root{--brand-ink:#0d1430;--brand-blue:#4458e9;--brand-purple:#7650ec}
body{background:#f6f8fd}
.sidebar{inset:8px auto 8px 8px;width:210px;background:linear-gradient(160deg,#0a1022 0%,#121a32 100%);border:1px solid #27314e;box-shadow:0 20px 50px #14234b30}
.main-content{margin-left:226px}
.brand{font-size:22px;letter-spacing:-.05em;padding:0 9px 19px}
.logo-mark,.org-icon{display:inline-block;flex:none;width:34px;height:34px;border-radius:9px;background-color:#fff;background-image:url('./genyx-logo.jpg');background-repeat:no-repeat;background-position:center;background-size:230%;box-shadow:0 2px 12px #2a45d933}
.login-logo .logo-mark{width:43px;height:43px;border-radius:11px}
.org-icon{width:31px;height:31px;border-radius:50%;border:2px solid #fff}
.nav-item{font-size:12px;padding:9px 12px;border-radius:7px}
.nav-item.active{background:linear-gradient(100deg,#253a91,#3346a6)}
.hero{min-height:230px;background:linear-gradient(110deg,#eaf7ff 0%,#ebeaff 55%,#e4e9ff 100%);border:1px solid #e9edff}
.hero:after{content:'';position:absolute;width:370px;height:180px;right:185px;bottom:-98px;border:50px solid #6854e966;border-left-color:#9bdeff99;border-top-color:#a6d7ff99;border-radius:50%;transform:rotate(-26deg)}
.hero-art{opacity:.75}
.hero h1{color:#0e1939}
.primary{background:linear-gradient(110deg,#415fee,#7654ef);border-color:#5b58ee;box-shadow:0 5px 13px #4f56da30}
.stat,.panel{box-shadow:0 5px 20px #253e8e0a}
.login-screen{background:radial-gradient(circle at 75% 12%,#e3e5ff 0%,transparent 36%),radial-gradient(circle at 12% 78%,#e3f8ff 0%,transparent 38%),#f7f9ff}
.login-card{box-shadow:0 24px 70px #263c8425}
.demo-banner{display:flex;align-items:center;gap:10px;margin:5px 0 10px;padding:9px 12px;border:1px solid #cbd9ff;border-radius:8px;background:#edf3ff;color:#415178;font-size:11px}.demo-banner strong{color:#2f42bb;white-space:nowrap}
.search-display{display:flex;align-items:center;gap:8px;margin:0}.search-display input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#273553;font-size:11px}.search-display button{border:0;background:#edf1ff;color:#4154cf;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:700}
.global-results{margin:8px 0 13px;padding:12px;border:1px solid #dce5f7;border-radius:10px;background:#fff;box-shadow:0 7px 22px #253e8e12}.global-results .panel-heading{margin-bottom:5px}.global-result{display:block;width:100%;border:0;border-bottom:1px solid #eef1f6;padding:10px 5px;background:#fff;color:#273553;text-align:left;font-size:11px}.global-result:hover{background:#f5f7ff}
.quick-create{margin:12px 0;padding:13px;border:1px solid #dce5f7;border-radius:10px;background:#fff}.quick-create strong{display:block;margin-bottom:9px;font-size:12px;color:#273553}.quick-create>div{display:flex;gap:8px}.quick-create input,.quick-create select{min-width:0;flex:1;border:1px solid #dbe2ef;border-radius:7px;padding:8px 10px;background:#fff;color:#263755;font-size:11px}.quick-create button{flex:none}.chat-transcript article+article{margin-top:9px}.chat-transcript article:has(strong:first-child){white-space:pre-wrap}
@media(max-width:720px){.demo-banner{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:720px){.topbar{flex-wrap:wrap}.search-display{display:flex;width:100%;order:2}.quick-create>div{flex-direction:column}.quick-create button{align-self:flex-start}}
@media(max-width:720px){.sidebar{position:sticky;top:0;width:auto;margin:0;border-radius:0;padding:9px 12px;box-shadow:0 5px 18px #14234b30}.sidebar nav{display:flex;flex-direction:row;overflow:auto;gap:5px;padding-bottom:2px}.sidebar nav .nav-item{flex:none;width:auto;white-space:nowrap;padding:7px 9px}.sidebar nav .nav-label,.organization-card{display:none}.main-content{margin:0}.brand{padding:0 0 8px;font-size:18px}.logo-mark{width:26px;height:26px}.hero{margin-top:4px}.hero:after{right:-140px;opacity:.55}.hero-steps{display:none}}