:root{color-scheme:dark;--hrm-blue: #2563eb;--hrm-black: #08111f;--hrm-white: #f8fafc;--hrm-muted: #9aa7b7;--hrm-surface: rgba(12, 18, 32, .92);--hrm-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top,rgba(37,99,235,.25),transparent 30%),linear-gradient(180deg,#0f172a,#020617 70%);color:var(--hrm-white)}button,input,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;background:#020617f5;border-bottom:1px solid var(--hrm-border);padding:1rem}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.brand-badge,.hero-card,.panel,.nav-item,.conversation,.status-box,.action-row button{border:1px solid var(--hrm-border);background:var(--hrm-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-badge{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.9rem;background:linear-gradient(135deg,var(--hrm-blue),#0f172a);font-weight:800}.brand p,.brand span,.eyebrow,.hero p,.panel-header span,small{margin:0;color:var(--hrm-muted)}.nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.nav-item{color:var(--hrm-white);border-radius:.9rem;padding:.7rem .6rem;text-align:center}.nav-item.active,.primary{background:linear-gradient(135deg,var(--hrm-blue),#1d4ed8)}.content{padding:1rem}.hero{display:grid;gap:1rem;margin-bottom:1rem}.hero h1{margin:.25rem 0;font-size:clamp(1.8rem,5vw,3rem)}.hero-card{border-radius:1.2rem;padding:1rem}.hero-card strong{display:block;margin:.35rem 0}.grid{display:grid;gap:1rem}.panel{border-radius:1.2rem;padding:1rem}.panel-header,.detail-stack div,.action-row{display:flex;align-items:center;gap:.7rem}.panel-header{justify-content:space-between;margin-bottom:1rem}.conversation-list,.chat-body,.detail-stack{display:grid;gap:.75rem}.conversation{border-radius:1rem;padding:.9rem;text-align:left;color:var(--hrm-white)}.conversation.active{border-color:#2563ebd9;box-shadow:0 0 0 1px #2563eb40}.message{padding:.9rem;border-radius:1rem}.message.customer{background:#ffffff0d}.message.ai{background:#2563eb24}.action-row{flex-wrap:wrap;margin-top:1rem}.action-row button,.nav-item,.conversation{cursor:pointer}.action-row button{color:var(--hrm-white);border-radius:999px;padding:.75rem .9rem;display:inline-flex;align-items:center;gap:.4rem}.status-box{border-radius:1rem;padding:.9rem;margin-top:1rem;display:grid;gap:.25rem}.detail-stack div{padding:.7rem 0;border-bottom:1px solid var(--hrm-border)}@media(min-width:900px){.app-shell{grid-template-columns:280px 1fr}.sidebar{border-bottom:0;border-right:1px solid var(--hrm-border);min-height:100vh}.nav{grid-template-columns:1fr}.hero,.grid{grid-template-columns:1.15fr 1fr}.hero{align-items:end}.details-panel{grid-column:2}}