:root{color-scheme:dark;--background:#07111f;--surface:#0d1b2d;--surface-soft:#13243a;--line:#233a55;--text:#f5f7fb;--muted:#9fb0c5;--accent:#7dd3fc;--accent-strong:#22d3ee;--danger:#fb7185}*{box-sizing:border-box}:focus-visible{outline:3px solid #facc15;outline-offset:3px}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.75rem 1rem;border-radius:.5rem;background:#f8fafc;color:#0f172a;font-weight:700;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 85% 5%,#15345a 0,transparent 28rem),var(--background);color:var(--text);font-family:Inter,Noto Sans JP,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}label{display:grid;gap:.45rem;color:var(--muted);font-size:.88rem}input,select,textarea{min-width:0;padding:.72rem .8rem;border:1px solid var(--line);border-radius:.65rem;background:#081525;color:var(--text)}textarea{resize:vertical}.shell{display:grid;grid-template-columns:15rem 1fr;min-height:100vh}.sidebar{padding:1.5rem;border-right:1px solid var(--line);background:rgba(6,15,28,.86)}.brand{margin-bottom:2rem;font-size:1.15rem;font-weight:800;letter-spacing:.04em}.brand-link{display:block}.nav{display:grid;gap:.5rem}.nav a{padding:.75rem .9rem;border-radius:.65rem;color:var(--muted)}.nav a:first-child{color:var(--text)}.nav a:hover{background:var(--surface-soft)}.logout-form{margin-top:1.5rem}.logout-button{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.65rem;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.logout-button:hover{background:var(--surface-soft);color:var(--text)}.content{padding:2rem clamp(1.25rem,4vw,4rem)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:.5rem 0;font-size:clamp(2rem,4vw,3.6rem)}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:2rem}.grid,.stats-grid{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.card{padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,rgba(19,36,58,.96),rgba(10,24,41,.96))}.card strong{display:block;margin-top:.5rem;font-size:1.5rem}.login{display:grid;min-height:100vh;place-items:center;padding:1.5rem}.login-panel{width:min(32rem,100%);padding:2rem;border:1px solid var(--line);border-radius:1.25rem;background:rgba(13,27,45,.94)}.onboarding-panel{width:min(40rem,100%)}.totp-qr{justify-self:center;max-width:100%;height:auto;padding:.5rem;border-radius:.75rem;background:white}.button{display:inline-flex;justify-content:center;width:100%;margin-top:1.5rem;padding:.85rem 1rem;border:0;border-radius:.75rem;background:linear-gradient(90deg,var(--accent),var(--accent-strong));color:#042033;cursor:pointer;font-weight:800}.warning{margin-top:1.25rem;padding:.9rem;border-left:3px solid var(--danger);background:rgba(251,113,133,.08);color:#fecdd3;font-size:.88rem}.panel{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:rgba(13,27,45,.9)}.panel h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;align-items:end}.inline-form{margin-top:1rem}.button.compact{width:auto;margin-top:0}.button.secondary{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}.button.danger{background:var(--danger);color:#24030b}.skill-assign-form{display:flex;align-items:center;gap:.5rem;min-width:13rem}.skill-assign-form select{flex:1 1;padding:.45rem .55rem;font-size:.78rem}.button-row{display:flex;flex-wrap:wrap;gap:.65rem}.wide{grid-column:1/-1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:.8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:.78rem}td small,th{color:var(--muted)}td small{display:block;margin-top:.3rem}.permission-list{display:grid;gap:.65rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:.75rem}.permission-list label{grid-template-columns:auto 1fr;align-items:start}.permission-list small{display:block}.avatar{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),#818cf8);color:#06111f;font-weight:900}.avatar.small{display:inline-grid;width:2rem;height:2rem}.identity{display:inline-flex;align-items:center;gap:.6rem}.risk,.status{display:inline-block;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;font-size:.75rem}.risk.low,.status.active{color:#86efac}.risk.medium{color:#fde68a}.risk.high{color:#fda4af}.workflow{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#091827}.workflow-head{display:flex;justify-content:space-between;gap:1rem}.workflow-head small,.workflow-head strong{display:block}.task-tree{margin:.8rem 0;padding:.7rem;border-left:3px solid var(--accent);background:rgba(125,211,252,.05)}.child-task{margin:.45rem 0 0 1rem;color:var(--muted)}.approval-box{display:grid;gap:.7rem;margin-top:1rem;padding:.8rem;border:1px solid #7c6f2d;border-radius:.7rem;background:rgba(250,204,21,.05)}details{margin-top:.8rem}summary{cursor:pointer;color:var(--accent)}pre{overflow-x:auto;white-space:pre-wrap;padding:1rem;border-radius:.6rem;background:#050d17}.text-link{color:var(--accent);text-decoration:underline;text-underline-offset:.2rem}.danger-text{color:#fda4af}.success-note{padding:.8rem 1rem;border-left:3px solid #4ade80;background:rgba(74,222,128,.08);color:#bbf7d0}.success-text{color:#86efac}.invitation-editor{margin-top:1rem}.invitation-editor input,.invitation-editor select{min-width:10rem;width:100%}.invitation-buttons,.invitation-result,.invitation-table{margin-top:1rem}.invitation-result ul{margin-bottom:0}.invitation-history-heading{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line)}.invitation-row-actions{display:grid;gap:.35rem;min-width:11rem}.invitation-row-actions .button-row{flex-wrap:nowrap}.invitation-status.success{color:#86efac}.invitation-status.warning{color:#fde68a}.invitation-status.danger{color:#fda4af}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-head h2{margin:.2rem 0 0}.attention-list{display:grid;gap:.55rem;margin-top:1rem}.attention-list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.8rem;border:1px solid var(--line);border-radius:.7rem}.attention-list a:hover{background:var(--surface-soft)}.attention-list small,.attention-list strong{display:block}.attention-list small{margin-top:.2rem;color:var(--muted)}.attention-dot{width:.65rem;height:.65rem;border-radius:50%;background:#facc15}.attention-dot.failed{background:#fb7185}.attention-dot.overdue{background:#f97316}.task-summary{margin-top:1rem}.task-summary .card strong{font-size:1rem;overflow-wrap:anywhere}.timeline{display:grid;gap:.8rem;padding-left:1.25rem}.timeline li{padding-left:.4rem}.timeline small,.timeline strong{display:block}.timeline small{margin-top:.2rem;color:var(--muted)}.view-switch{display:inline-flex;flex-shrink:0;padding:.25rem;border:1px solid var(--line);border-radius:.75rem;background:#081525}.view-switch a,.view-switch span{padding:.55rem .8rem;border-radius:.55rem;font-size:.85rem;font-weight:700}.view-switch span[aria-current=page]{background:var(--accent);color:#06111f}.view-switch a:hover{background:var(--surface-soft)}.office-summary{display:grid;grid-template-columns:repeat(5,minmax(7rem,1fr));gap:.7rem;margin-top:1.5rem}.office-summary-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:rgba(13,27,45,.9)}.office-summary-item span{color:var(--muted);font-size:.8rem}.office-summary-item strong{font-size:1.35rem}.office-summary-item.working{border-top:3px solid #38bdf8}.office-summary-item.approval{border-top:3px solid #facc15}.office-summary-item.failed{border-top:3px solid #fb7185}.office-summary-item.idle{border-top:3px solid #86efac}.office-summary-item.stopped{border-top:3px solid #94a3b8}.office-floor{display:grid;gap:1.25rem;margin-top:1.25rem}.office-room{overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,rgba(13,27,45,.96),rgba(8,21,37,.96))}.office-room-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line);background:rgba(125,211,252,.05)}.office-room-head h2{margin:.15rem 0 0}.room-code{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.occupancy{color:var(--muted);font-size:.8rem}.office-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;padding:1rem}.person-card{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:rgba(7,17,31,.72)}.person-card.agent.working{border-left:4px solid #38bdf8}.person-card.agent.approval{border-left:4px solid #facc15}.person-card.agent.failed{border-left:4px solid #fb7185}.person-card.agent.idle{border-left:4px solid #86efac}.person-card.agent.stopped{border-left:4px solid #94a3b8}.person-card-head{display:flex;align-items:center;gap:.75rem}.person-card-head>div{min-width:0;flex:1 1}.office-character-avatar{width:3.4rem;height:4.2rem;flex:0 0 auto;object-fit:cover;object-position:center top;border:1px solid var(--line);border-radius:.7rem;background:#f8fafc}.person-card h3{margin:.12rem 0 0;overflow-wrap:anywhere;font-size:1.05rem}.person-kind{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em}.human-avatar{background:linear-gradient(145deg,#c4b5fd,#f0abfc)}.person-role{margin:.8rem 0;color:var(--accent);font-size:.85rem;font-weight:700}.approval-callout{margin:.65rem 0;padding:.55rem .65rem;border-left:3px solid #facc15;background:rgba(250,204,21,.08);color:#fef08a;font-size:.78rem;font-weight:800}.office-state{flex-shrink:0;padding:.25rem .5rem;border:1px solid;border-radius:999px;font-size:.72rem;font-weight:800}.office-state.working{color:#7dd3fc}.office-state.approval{color:#fde047}.office-state.failed{color:#fda4af}.office-state.idle{color:#86efac}.office-state.stopped{color:#cbd5e1}.office-character-bubble{margin:.8rem 0 .25rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:.7rem .7rem .7rem .2rem;background:rgba(125,211,252,.06);color:var(--text);font-size:.92rem;font-weight:700}.role-tags{display:flex;flex-wrap:wrap;gap:.4rem}.role-tags span{padding:.22rem .48rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.72rem}.role-tags .custom-role{border:1px solid #a78bfa;color:#ddd6fe}.current-work{display:grid;gap:.3rem;margin-top:.8rem;padding:.7rem;border-radius:.65rem;background:rgba(125,211,252,.06)}.current-work span{color:var(--muted);font-size:.7rem}.current-work strong{overflow-wrap:anywhere;font-size:.78rem}.current-work a{color:var(--accent);overflow-wrap:anywhere;font-size:.85rem;text-decoration:underline;text-underline-offset:.2em}.current-work-empty{margin-bottom:0;font-size:.82rem}.empty-room{grid-column:1/-1;margin:0;padding:1rem;color:var(--muted);text-align:center}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.section-head{align-items:flex-start}.section-head,.workflow-head{flex-direction:column}.office-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}