:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e8ecff;background:radial-gradient(120% 120% at 10% 10%,#19204a,#0b0e1f 36%,#050612)}*{box-sizing:border-box}body{margin:0;padding:0;background:transparent}.page{min-height:100vh;height:100vh;padding:14px 14px 32px;max-width:1360px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.nav{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#21275cbf,#0b0d20e6);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:12px;box-shadow:0 8px 20px #00000047}.nav__links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav__link{color:#e8ecff;text-decoration:none;font-weight:700;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;box-shadow:0 8px 18px #0000002e;transition:background .18s ease,border-color .18s ease,transform .12s ease}.nav__link:hover{background:#ffffff14;border-color:#ffffff2e}.nav__link:focus-visible{outline:2px solid #9fb0ff;outline-offset:2px}.nav__link--primary{background:linear-gradient(135deg,#5743f3,#5b8bff);border-color:#ffffff2e;box-shadow:0 12px 26px #5b8bff59}.nav__link--primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#6752ff,#6b9aff)}.brand{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.logo-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background:#fff;border-radius:12px;box-shadow:0 10px 24px #0003}.brand__logo{height:32px;width:auto}.brand__title{margin:0;font-size:18px;letter-spacing:.02em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.brand__subtitle{margin:2px 0 0;font-size:13px;color:#9fb0ff;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#9fb0ff;margin:0 0 4px}.muted{color:#475569}.micro{font-size:12px}.shell{background:linear-gradient(145deg,#0d1024,#0a0c1a);border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #00000073;padding:10px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.pill{border:none;cursor:pointer;border-radius:999px;font-weight:700;padding:9px 14px;font-size:14px;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.layout{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-auto-rows:minmax(0,1fr);height:100%}.layout--full{grid-template-columns:1fr}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;box-shadow:0 12px 26px #0f172a1f;display:flex;flex-direction:column;gap:10px;color:#0f172a}.panel__header{display:flex;flex-direction:column;gap:4px}h1,h2{margin:2px 0 6px;letter-spacing:-.01em}p{margin:0;line-height:1.6}.field{display:flex;flex-direction:column;gap:6px;font-weight:600}.field input{padding:12px 14px;border-radius:12px;border:1px solid #cbd5e1;font-size:15px;background:#fff;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}.field input::placeholder{color:#94a3b8}.field input:focus{outline:none;border-color:#5b8bff;box-shadow:0 0 0 3px #5b8bff26}button,.btn{border:1px solid #d7ddf0;background:#fff;cursor:pointer;border-radius:12px;font-weight:700;padding:10px 14px;font-size:14px;color:#0f172a;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 6px 14px #5263ff14}button.primary,.btn.btn-solid{background:linear-gradient(135deg,#5743f3,#5b8bff);color:#fff;border-color:#4f46e5;box-shadow:0 12px 28px #4f46e559}.btn.btn-outline{background:#fff;color:#4f46e5;border:1.5px solid #4f46e5;box-shadow:0 10px 22px #4f46e52e}.btn.btn-ghost{background:#fff;color:#0f172a;border:1px solid #d7ddf0;box-shadow:0 8px 18px #0f172a14}button:disabled,.btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.panel.placeholder{justify-content:center;align-items:flex-start}.chat{min-height:0;height:100%;flex:1;gap:12px}.chat__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.chat__header-left{display:flex;flex-direction:row;gap:6px}.chat__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.chat__status-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.chat__status-meta{text-align:right}.chat__chips{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.progress-panel{border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;background:linear-gradient(135deg,#5b8bff14,#fffffff5);color:#0f172a;display:flex;flex-direction:column;gap:6px}.progress-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-status{display:flex;align-items:center;gap:10px}.progress-status .label{text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:800}.progress-status .detail{font-weight:700;color:#0f172a}.progress-intent{margin-top:4px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px dashed #cbd5e1;background:#eef2ff;color:#1e293b;font-weight:700;font-size:13px}.pulse-dot,.idle-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.pulse-dot{background:#5b8bff;box-shadow:0 0 #5b8bff73;animation:pulse 1.8s infinite}.idle-dot{background:#e2e8f0;border:1px solid #cbd5e1}@keyframes pulse{0%{box-shadow:0 0 #5b8bff73}70%{box-shadow:0 0 0 12px #5b8bff00}to{box-shadow:0 0 #5b8bff00}}.details-toggle{padding:6px 10px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-weight:700;cursor:pointer;box-shadow:none}.details-toggle--inline{border-radius:999px;padding:8px 12px}.details-toggle:hover{background:#eef2ff}.progress-log{list-style:none;margin:0;padding-left:0;display:grid;gap:6px;font-size:13px;color:#475569}.chip{border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}.chip--soft{background:#eef2ff;border-color:#cdd6ff;color:#6b7ce2;box-shadow:inset 0 1px #ffffff80}.chip--muted{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.chip--error{background:#fef2f2;border-color:#fecdd3;color:#991b1b}.roles-dropdown{position:relative;padding-right:32px;cursor:pointer;-webkit-user-select:none;user-select:none}.roles-dropdown summary{list-style:none;display:inline-flex;gap:6px;align-items:center;font-weight:700}.roles-dropdown summary::-webkit-details-marker{display:none}.roles-dropdown:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.6}.roles-dropdown[open]:after{content:"▴"}.roles-dropdown ul{position:absolute;top:110%;left:0;min-width:180px;padding:10px 12px;margin:8px 0 0;border-radius:12px;background:#f6f8ff;border:1px solid #dbe3ff;box-shadow:0 12px 30px #0f172a1f;list-style:none;color:#0f172a;z-index:10}@media (max-width: 520px){.roles-dropdown ul{position:fixed;top:auto;bottom:16px;left:16px;right:16px}}.roles-dropdown ul li{padding:6px 4px;font-weight:600}.roles-dropdown ul li+li{border-top:1px dashed #e2e8f0}.org-switcher{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.org-switcher select{padding:10px 12px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:14px}.org-switcher select:focus{outline:none;border-color:#5b8bff;box-shadow:0 0 0 3px #5b8bff26}.language-switcher{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.language-switcher select{padding:8px 10px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:13px}.language-switcher select:focus{outline:none;border-color:#5b8bff;box-shadow:0 0 0 3px #5b8bff26}.logout{border-radius:999px;padding:10px 18px}.chat__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#f8fafc;overflow-y:auto}.bubble{padding:12px 14px;border-radius:12px;display:flex;flex-direction:column;gap:6px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;box-shadow:0 10px 18px #0f172a14}.bubble__meta{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.02em;color:#475569}.bubble__badge{height:12px;width:12px;border-radius:50%;display:inline-block;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#5d4fff,#5b8bff)}.bubble__badge--user{background:linear-gradient(135deg,#eab308,#f97316)}.clickable-chip{border:1px solid #d7dbff;background:#f4f6ff;color:#1f2d5c;border-radius:999px;padding:6px 10px;font-size:14px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease;box-shadow:0 1px 2px #0000000a}.clickable-chip:hover{transform:translateY(-1px);border-color:#9aa8ff;box-shadow:0 2px 6px #00000014}.clickable-chip:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.label{font-weight:800}.bubble--user{background:#f8fafc;border-color:#e2e8f0;align-self:flex-end}.bubble--agent{background:#eef2ff;border-color:#c7d2fe;align-self:flex-start}.bubble--manager{background:#eef1ff;border-color:#cbd4ff}.bubble--executive{background:#f0f9ff;border-color:#bae6fd}.bubble--hr{background:#fff7ed;border-color:#fed7aa}.bubble--onboarding{background:#f5f3ff;border-color:#ddd6fe}.bubble--employee{background:#ecfdf3;border-color:#bbf7d0}.bubble--system{background:#fff7ed;border-color:#fed7aa}.bubble--error{background:#fef2f2;border-color:#fecdd3;color:#991b1b}.dotty{color:#5b8bff;font-weight:700}.bubble__content{display:flex;flex-direction:column;gap:8px;color:inherit;word-break:break-word}.bubble__content p{margin:0}.bubble__content strong{font-weight:800}.bubble__content em{font-style:italic}.bubble__content ul,.bubble__content ol{margin:0;padding-left:18px;display:grid;gap:4px}.bubble__content li{line-height:1.5}.bubble__content code{background:#ede9fe;color:#312e81;border-radius:8px;padding:2px 6px;font-size:.95em}.bubble__content a{color:#4f46e5;font-weight:700;text-decoration:none}.bubble__content a:hover{text-decoration:underline}.composer{display:flex;flex-direction:column;gap:6px}.composer--inline{flex-direction:row;align-items:center;gap:8px}.composer--inline input{flex:1}.composer textarea,.composer input{resize:vertical;min-height:48px;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:15px;font-family:inherit;background:#fff;color:#0f172a}.composer input{resize:none}.composer textarea:focus,.composer input:focus{outline:none;border-color:#5b8bff;box-shadow:0 0 0 3px #5b8bff26}.composer__actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.footer{display:flex;gap:10px;justify-content:center;align-items:center;color:#c9d2ff;font-size:13px;flex-wrap:wrap}.footer a{color:#e8ecff;text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.footer__sep{color:#fff9}.footer__copyright{color:#c9d2ff;font-weight:600}@media (max-width: 720px){.page{padding:24px 16px 48px}}@media (max-width: 540px){:root{font-size:15px}.page{padding:16px 12px 32px;gap:8px}.nav{flex-direction:column;align-items:flex-start;gap:10px}.brand{width:100%;justify-content:space-between;min-width:0}.brand__title{font-size:16px;max-width:60vw}.nav__links{width:100%;flex-direction:column;align-items:stretch}.nav__link{width:100%;text-align:center}.language-switcher{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.language-switcher select{width:auto}.shell{padding:8px}.layout{grid-template-columns:1fr}.panel{padding:12px;border-radius:12px}.panel.placeholder{order:2}.chat__actions{width:100%;justify-content:flex-start}.chat__status-meta{text-align:left}.chat__status-chips{width:100%}.chat__body{max-height:38vh}.composer{flex-direction:column}.composer--inline{flex-direction:column;align-items:stretch}.composer--inline button{width:100%}.panel:not(.chat) .btn,.panel:not(.chat) button{width:100%}}