:root{--bg-root: #0a0a0a;--bg-card: #141414;--bg-elevated: #1a1a1a;--bg-surface: #1e1e1e;--border-subtle: #262626;--border-active: #404040;--text-primary: #ededed;--text-secondary: #a1a1a1;--text-muted: #666666;--accent-primary: #7c5cfc;--accent-green: #4ade80;--accent-red: #f87171;--accent-amber: #fbbf24;--accent-blue: #60a5fa;--pill-pending-bg: rgba(160, 160, 160, .15);--pill-green-bg: rgba(74, 222, 128, .15);--pill-red-bg: rgba(248, 113, 113, .15);--pill-amber-bg: rgba(251, 191, 36, .15);--badge-bg: rgba(124, 92, 252, .1);--prev-note-bg: rgba(251, 191, 36, .08);--font-sans: "IBM Plex Sans", "IBM Plex Sans Thai", system-ui, sans-serif;--font-thai: "IBM Plex Sans Thai", "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--tnum: "tnum" 1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-root);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}.tnum{font-feature-settings:var(--tnum);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{display:grid;grid-template-columns:200px minmax(0,1fr) 320px;height:100%}.shell.chat-collapsed{grid-template-columns:200px minmax(0,1fr) 0}.shell.no-chat{grid-template-columns:200px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#0a0a0a,#0d0d0d);border-right:1px solid var(--border-subtle);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-logo{font-weight:600;font-size:15px;color:var(--text-primary);padding:8px 10px 16px;letter-spacing:-.01em}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:var(--text-secondary);background:transparent;border:none;border-left:2px solid transparent;width:100%;cursor:pointer;font-family:var(--font-sans);font-size:13px;text-align:left;transition:background .12s ease}.nav-item:hover{background:var(--bg-elevated)}.nav-item.active{background:var(--bg-surface);border-left:2px solid var(--accent-primary);color:var(--text-primary)}.nav-item .nav-dot{color:var(--accent-primary)}.sidebar-footer{margin-top:auto;padding:8px 10px;color:var(--text-muted);font-size:12px}.link-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-family:var(--font-sans);font-size:12px;padding:0}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;margin-left:auto;border-radius:9px;background:var(--badge-bg);color:var(--accent-primary);font-size:11px;font-weight:600;font-feature-settings:var(--tnum)}.badge-count.bump{animation:badge-bump .3s ease-out}@keyframes badge-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.main{overflow-y:auto;padding:20px 28px;min-width:0}.main.crossfade{animation:crossfade .25s ease-out}@keyframes crossfade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.01em}.page-title .count{color:var(--text-secondary);font-weight:400;font-feature-settings:var(--tnum)}.filters{display:flex;gap:10px;margin-bottom:16px;align-items:center}.select{background:var(--bg-root);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;height:32px;padding:0 10px;font-family:var(--font-sans);font-size:13px;cursor:pointer}.select:hover{border-color:var(--border-active)}.card-list{display:flex;flex-direction:column;gap:10px}.woy-card{display:block;width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 16px;cursor:pointer;font-family:var(--font-sans);color:inherit;transition:background .12s ease,border-color .12s ease}.woy-card:hover{background:var(--bg-elevated);border-color:var(--border-active)}.woy-card.enter{animation:card-enter .2s ease-out both}.woy-card.new-item{animation:card-new .3s ease-out both}.woy-card.flash-green{animation:flash-green .5s ease}.woy-card.flash-red{animation:flash-red .5s ease}.woy-card.flash-amber{animation:flash-amber .5s ease}.woy-card.slide-out{animation:slide-out .3s ease-in forwards}.woy-card.shake{animation:shake .3s ease;border-color:var(--accent-red)}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-new{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes flash-green{0%,to{background:var(--bg-card)}30%{background:#4ade8033}}@keyframes flash-red{0%,to{background:var(--bg-card)}30%{background:#f8717133}}@keyframes flash-amber{0%,to{background:var(--bg-card)}30%{background:#fbbf2433}}@keyframes slide-out{to{transform:translate(-100%);opacity:0;height:0;margin:0;padding:0;border-width:0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}.card-row1{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-agent{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.card-title{font-size:14px;font-weight:500;color:var(--text-primary);margin:8px 0 2px}.card-summary{font-family:var(--font-thai);font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-prevnote{margin-top:8px;padding:6px 10px;border-radius:6px;background:var(--prev-note-bg);color:var(--accent-amber);font-family:var(--font-thai);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--text-muted);font-size:12px;font-feature-settings:var(--tnum)}.card-meta .sep{color:var(--text-muted)}.version-badge{color:var(--accent-amber);font-feature-settings:var(--tnum)}.card-company{color:var(--text-secondary)}.woy-card.compact{padding:8px 16px}.woy-card.compact .card-title,.woy-card.compact .card-summary,.woy-card.compact .card-prevnote{display:none}.woy-card.compact .card-compact-line{display:block}.card-compact-line{display:none}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.4}.pill.pending{background:var(--pill-pending-bg);color:var(--text-secondary)}.pill.approved{background:var(--pill-green-bg);color:var(--accent-green)}.pill.rejected{background:var(--pill-red-bg);color:var(--accent-red)}.pill.changes_requested{background:var(--pill-amber-bg);color:var(--accent-amber)}.pill.urgent{background:var(--pill-red-bg);color:var(--accent-red)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;gap:12px}.empty-check{width:56px;height:56px;color:var(--accent-green)}.empty-check path{stroke-dasharray:48;stroke-dashoffset:48;animation:draw-check 1s ease-out forwards}@keyframes draw-check{to{stroke-dashoffset:0}}.empty-title{font-size:18px;font-weight:600;color:var(--text-primary)}.empty-guidance{font-family:var(--font-thai);color:var(--text-secondary);max-width:260px}.event-list{display:flex;flex-direction:column;gap:4px}.event-row{padding:10px 4px;border-bottom:1px solid var(--border-subtle)}.event-row-head{display:flex;align-items:center;gap:10px}.event-time{color:var(--text-muted);font-size:12px}.event-row-item{margin-top:4px;color:var(--text-primary);font-size:13px}.event-row-item .sep{color:var(--text-muted)}.event-tenant{color:var(--text-secondary)}.event-row-meta{margin-top:2px;color:var(--text-muted);font-size:12px;font-feature-settings:var(--tnum)}.event-row-note{margin-top:4px;color:var(--text-secondary);font-family:var(--font-thai);font-size:12px}.detail-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:13px;padding:4px 0;margin-bottom:12px}.detail-back:hover{color:var(--text-primary)}.detail-title{font-size:20px;font-weight:600;margin:0 0 4px}.detail-sub{color:var(--text-secondary);font-size:13px;margin-bottom:20px;display:flex;align-items:center;gap:6px}.detail-divider{color:var(--text-muted);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin:20px 0 12px;font-family:var(--font-thai)}.prev-note-block{background:var(--prev-note-bg);border:1px solid rgba(251,191,36,.25);border-radius:8px;padding:12px 14px;margin-bottom:20px}.prev-note-block .label{color:var(--accent-amber);font-size:12px;font-weight:500;margin-bottom:4px}.prev-note-block .note{font-family:var(--font-thai);color:var(--text-primary)}.detail-block{margin-bottom:16px}.block-text{font-family:var(--font-thai);color:var(--text-secondary);white-space:pre-wrap}.block-kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:6px 16px}.block-kv .kv-label{font-family:var(--font-thai);color:var(--text-muted);font-size:12px}.block-kv .kv-value{color:var(--text-primary);font-feature-settings:var(--tnum)}.block-table{width:100%;border-collapse:collapse;font-feature-settings:var(--tnum)}.block-table th,.block-table td{border:1px solid var(--border-subtle);padding:8px 12px;text-align:left}.block-table th{background:var(--bg-elevated);color:var(--text-secondary);font-weight:500;font-size:12px}.block-table td{color:var(--text-primary)}.block-highlight{border-radius:8px;padding:12px 16px;font-weight:500;display:flex;justify-content:space-between;gap:12px;font-feature-settings:var(--tnum)}.block-highlight.neutral{background:var(--pill-pending-bg);color:var(--text-primary)}.block-highlight.positive{background:var(--pill-green-bg);color:var(--accent-green)}.block-highlight.negative{background:var(--pill-red-bg);color:var(--accent-red)}.block-highlight .hl-label{font-family:var(--font-thai)}.source-refs{display:flex;flex-direction:column;gap:6px;margin:20px 0}.source-ref{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--accent-blue);cursor:pointer;font-family:var(--font-sans);font-size:13px;padding:4px 0;text-align:left}.source-ref:hover{text-decoration:underline}.source-ref .ref-detail{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.source-ref-fallback{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;padding:2px 0 6px 24px;font-family:var(--font-thai)}.source-ref-fallback code{font-family:var(--font-mono);color:var(--text-secondary)}.action-bar{display:flex;gap:10px;margin-top:28px;padding-top:16px;border-top:1px solid var(--border-subtle)}.btn{height:32px;padding:0 16px;border-radius:6px;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-approve{background:var(--accent-primary);color:#fff;flex:0 0 auto;min-width:120px}.btn-approve:hover:not(:disabled){background:#8f72ff}.btn-secondary{background:transparent;border-color:var(--border-subtle);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--border-active);color:var(--text-primary)}.btn-amber{background:transparent;border-color:var(--border-subtle);color:var(--accent-amber)}.btn-amber:hover:not(:disabled){border-color:var(--accent-amber)}.btn-danger{background:transparent;border-color:var(--border-subtle);color:var(--accent-red)}.btn-danger:hover:not(:disabled){border-color:var(--accent-red)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;animation:backdrop-in .2s ease-out}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-active);border-radius:10px;width:420px;max-width:calc(100vw - 32px);padding:20px;animation:modal-in .2s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:16px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px}.modal-context{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.modal-context .ctx-item{color:var(--text-primary);font-weight:500}.modal-impact{background:var(--bg-elevated);border-radius:6px;padding:10px 12px;margin-bottom:16px;font-family:var(--font-thai);font-size:12px;color:var(--text-secondary)}.modal-impact .tool{font-family:var(--font-mono);color:var(--text-primary)}.field-label{display:block;font-family:var(--font-thai);font-size:12px;color:var(--text-secondary);margin-bottom:6px}.textarea{width:100%;min-height:84px;resize:vertical;background:var(--bg-root);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;padding:10px;font-family:var(--font-thai);font-size:13px}.textarea:focus{border-color:var(--border-active)}.modal-warning{display:flex;gap:8px;background:var(--pill-red-bg);color:var(--accent-red);border-radius:6px;padding:10px 12px;margin:16px 0;font-family:var(--font-thai);font-size:12px}.modal-reassure{font-family:var(--font-thai);font-size:12px;color:var(--text-secondary);margin:12px 0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.discard-confirm{margin-top:14px;padding:12px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border-active)}.discard-confirm p{margin:0 0 10px;font-family:var(--font-thai);font-size:13px}.toast-region{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{background:var(--bg-elevated);border:1px solid var(--border-active);border-radius:8px;padding:10px 14px;font-family:var(--font-thai);font-size:13px;color:var(--text-primary);min-width:240px;animation:toast-in .2s ease-out}.toast.error{border-color:var(--accent-red);color:var(--accent-red)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.offline-banner{background:var(--pill-amber-bg);color:var(--accent-amber);border-radius:6px;padding:8px 12px;margin-bottom:12px;font-family:var(--font-thai);font-size:12px}.chat-panel{background:var(--bg-surface);border-left:1px solid var(--border-subtle);padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-title{font-size:14px;margin:0}.chat-selectors{display:flex;flex-direction:column;gap:8px}.chat-selectors .select{width:100%}.chat-company-static{font-weight:500;color:var(--text-primary);padding:6px 0}.chat-locked{border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;background:var(--bg-elevated);font-family:var(--font-thai)}.chat-locked-row{display:flex;align-items:center;justify-content:space-between;font-weight:500}.chat-locked-agent{color:var(--text-secondary);font-size:12px;margin-top:2px}.chat-locked-ref{color:var(--text-muted);font-size:12px;margin-top:6px;border-top:1px solid var(--border-subtle);padding-top:6px}.chat-scroll{flex:1 1 auto;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px}.chat-group{display:flex;flex-direction:column;gap:10px}.chat-day{text-align:center;color:var(--text-muted);font-size:11px;font-family:var(--font-thai)}.chat-msg{border-radius:8px;padding:8px 10px;font-size:13px;max-width:92%}.chat-msg-human{background:var(--badge-bg);align-self:flex-end}.chat-msg-agent{background:var(--bg-elevated);align-self:flex-start}.chat-msg-pending{opacity:.75}.chat-msg-role{color:var(--text-muted);font-size:11px;margin-bottom:2px}.chat-msg-body{font-family:var(--font-thai);white-space:pre-wrap;word-break:break-word}.chat-msg-error{color:var(--accent-red);font-size:12px;font-family:var(--font-thai);margin-top:4px}.chat-citations{margin-top:6px;border-top:1px solid var(--border-subtle);padding-top:6px}.chat-citations-label{color:var(--text-muted);font-size:11px;margin-bottom:2px}.chat-citation{font-size:12px}.chat-citation-link{background:none;border:none;color:var(--accent-blue);cursor:pointer;padding:2px 0;font-family:var(--font-mono);font-size:12px;text-align:left}.chat-citation-link:hover{text-decoration:underline}.chat-citation-excerpt{color:var(--text-secondary);font-family:var(--font-thai);font-size:12px;padding:4px 0 4px 10px;border-left:2px solid var(--border-active);margin:2px 0 4px}.chat-input-row{display:flex;gap:8px;align-items:center}.chat-input-row .input{flex:1 1 auto}.chat-toggle{position:fixed;bottom:20px;right:20px;height:40px;width:40px;border-radius:20px;background:var(--accent-primary);color:#fff;border:none;cursor:pointer;font-size:18px;z-index:40}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center}.login-card{width:320px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:28px 24px}.login-card h1{font-size:18px;margin:0 0 4px}.login-card p{color:var(--text-secondary);font-size:13px;margin:0 0 20px;font-family:var(--font-thai)}.login-field{margin-bottom:12px}.input{width:100%;height:34px;background:var(--bg-root);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;padding:0 10px;font-family:var(--font-sans);font-size:13px}.input:focus{border-color:var(--border-active)}.login-error{color:var(--accent-red);font-size:12px;font-family:var(--font-thai);margin-bottom:12px}.btn-block{width:100%}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}@media(max-width:1023px){.shell,.shell.chat-collapsed{grid-template-columns:64px minmax(0,1fr)}.shell .chat-panel{display:none}.sidebar-logo{font-size:0}}@media(max-width:767px){.shell,.shell.chat-collapsed,.shell.no-chat{grid-template-columns:1fr}.sidebar{display:none}}