.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"toolbar toolbar" "sidebar main";height:100%;overflow:hidden}.app-toolbar{grid-area:toolbar;display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;background-color:var(--bg-panel);border-bottom:1px solid var(--border-subtle)}.app-toolbar__title{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap}.app-toolbar__spacer{flex:1}.app-toolbar__user{display:inline-flex;align-items:center;flex-shrink:0}.app-sidebar{grid-area:sidebar;background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);padding:12px 8px;overflow-y:auto}.app-sidebar__nav-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;cursor:pointer;border:none;background:none;width:100%;text-align:left}.app-sidebar__nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.app-sidebar__nav-item--active{background-color:var(--bg-active);color:var(--text-primary)}.app-main{grid-area:main;overflow:auto;position:relative}.app-drawer{position:fixed;top:0;right:0;bottom:0;width:var(--detail-width);background-color:var(--bg-panel);border-left:1px solid var(--border-subtle);transform:translate(100%);transition:transform .2s ease;z-index:100}.app-drawer--open{transform:translate(0)}.app-drawer__placeholder{padding:16px;color:var(--text-muted)}@media(max-width:760px){.app-shell{grid-template-columns:1fr;grid-template-areas:"toolbar" "main"}.app-sidebar{display:none}.app-drawer{width:100%}}.project-grid{width:100%;border-collapse:collapse;table-layout:fixed}.project-grid th{position:sticky;top:0;z-index:10;height:var(--header-height);padding:0 12px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background-color:var(--bg-panel);border-bottom:1px solid var(--border-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-grid td{height:var(--row-height);padding:0 12px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-grid tr:hover td{background-color:var(--bg-hover)}.project-grid tr[aria-selected=true] td{background-color:var(--bg-active)}.project-grid__empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:14px}.project-cards{display:none}@media(max-width:760px){.project-grid{display:none}.project-cards{display:flex;flex-direction:column;gap:8px;padding:12px}.project-card{background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;min-height:44px}.project-card__title{font-size:14px;font-weight:500;color:var(--text-primary)}.project-card__meta{font-size:12px;color:var(--text-muted);margin-top:4px}}.app-toolbar__search{height:32px;padding:0 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;min-width:180px}.app-toolbar__search:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.app-toolbar__select{height:32px;padding:0 8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer}.app-toolbar__select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.app-main__status,.app-main__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:12px;color:var(--text-muted);font-size:14px}.app-main__deletion-banner{padding:8px 16px;background:var(--warning);color:var(--bg-canvas);font-size:13px;font-weight:500}.project-grid-wrapper{width:100%;height:100%;overflow:auto;position:relative}.project-grid__header{position:sticky;top:0;z-index:10;display:flex;background:var(--bg-panel);border-bottom:1px solid var(--border-strong)}.project-grid__header-cell{display:flex;align-items:center;padding:0 12px;height:var(--header-height);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-user-select:none;user-select:none}.project-grid__resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background:transparent}.project-grid__resize-handle:hover{background:var(--accent)}.project-grid__body{position:relative}.project-grid__row{display:flex;border-bottom:1px solid var(--border-subtle);cursor:pointer;outline:none}.project-grid__row:hover{background:var(--bg-hover)}.project-grid__row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.project-grid__row--selected{background:var(--bg-active)}.project-grid__row--error{color:var(--danger)}.project-grid__row--deleting{opacity:.7}.project-grid__cell{display:flex;align-items:center;padding:0 12px;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-grid__cell--error-text{color:var(--danger)}.project-grid__deleting-badge{color:var(--warning);font-size:11px;font-weight:600;margin-left:6px}.project-grid__inline-edit{display:flex;align-items:center;gap:4px;width:100%}.project-grid__inline-input{flex:1;height:24px;padding:0 6px;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none}.project-grid__cell-error{color:var(--danger);font-size:11px;white-space:nowrap}@media(max-width:760px){.project-grid-wrapper{display:none}.project-cards{display:flex;flex-direction:column;gap:8px;padding:12px}.project-card{display:block;width:100%;text-align:left;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;min-height:44px;cursor:pointer;color:inherit;font-family:inherit;font-size:inherit}.project-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.project-card--selected{border-color:var(--accent)}.project-card__title{font-size:14px;font-weight:500;color:var(--text-primary)}.project-card__meta{font-size:12px;color:var(--text-muted);margin-top:4px}.project-card__deleting-badge{color:var(--warning);font-size:11px;font-weight:600}}.app-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.app-drawer__title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.app-drawer__close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);min-width:44px;min-height:44px}.app-drawer__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.app-drawer__close:hover{color:var(--text-primary)}.app-drawer__body{padding:16px;overflow-y:auto;height:calc(100% - 56px)}.app-drawer__error{color:var(--danger);font-size:13px}.app-drawer__loading{color:var(--text-muted);font-size:13px}.app-drawer__save-alert{padding:8px 12px;background:var(--danger);color:#fff;font-size:12px;border-radius:var(--radius-sm);margin-bottom:12px;display:flex;align-items:center;gap:8px}.project-editor{display:flex;flex-direction:column;gap:16px}.project-editor__banner{padding:8px 12px;background:var(--warning);color:var(--bg-canvas);font-size:13px;font-weight:500;border-radius:var(--radius-sm)}.project-editor__errors{padding:8px 12px;background:var(--danger);color:#fff;font-size:12px;border-radius:var(--radius-sm)}.project-editor__errors p{margin:0}.project-editor__field{display:flex;flex-direction:column;gap:4px;border:none;padding:0;margin:0}.project-editor__label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.project-editor__input{height:36px;padding:0 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.project-editor__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.project-editor__input:disabled{opacity:.5}.project-editor__select-row{display:flex;gap:8px;align-items:center}.project-editor__select{flex:1;height:36px;padding:0 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.project-editor__select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.project-editor__select:disabled{opacity:.5}.project-editor__placeholder-text{font-size:13px;color:var(--text-muted);font-style:italic;padding:8px 0}.project-editor__owner-list{display:flex;flex-wrap:wrap;gap:6px}.project-editor__owner-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:12px;color:var(--text-primary)}.project-editor__owner-avatar{width:18px;height:18px;border-radius:50%}.project-editor__owner-initials{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;display:inline-flex;align-items:center;justify-content:center}.project-editor__textarea{min-height:120px;padding:10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical}.project-editor__textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.project-editor__textarea:disabled{opacity:.5}.project-editor__actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.conflict-dialog__message{color:var(--text-primary);font-size:13px;margin:0 0 8px}.conflict-dialog__hint{color:var(--text-muted);font-size:12px;margin:0 0 16px}.conflict-dialog__actions{display:flex;gap:8px}.multi-select{list-style:none;padding:0;margin:0;max-height:160px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated)}.multi-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.multi-select__option{padding:6px 10px;font-size:13px;color:var(--text-primary);cursor:pointer;min-height:36px;display:flex;align-items:center}.multi-select__option:hover,.multi-select__option--active{background:var(--bg-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;font-family:inherit}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.btn--danger{background:var(--danger);color:#fff}.btn--md{height:36px;padding:0 14px;font-size:13px}.owner-section{border-top:1px solid var(--border-subtle);padding-top:16px;margin-top:16px}.owner-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.owner-section__title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.owner-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009}.owner-dialog{display:flex;flex-direction:column;max-width:440px;width:100%;max-height:90vh;margin:auto;background:var(--bg-panel);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006}.owner-dialog::backdrop{background:#0009}.owner-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.owner-dialog__title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.owner-dialog__close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);min-width:44px;min-height:44px}.owner-dialog__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.owner-dialog__close:hover{color:var(--text-primary)}.owner-dialog__body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.owner-dialog__error{padding:8px 12px;background:var(--danger);color:#fff;font-size:12px;border-radius:var(--radius-sm)}.owner-dialog__status{color:var(--text-muted);font-size:13px;margin:0}.owner-dialog__results{list-style:none;margin:0;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);max-height:200px;overflow-y:auto;background:var(--bg-elevated)}.owner-dialog__result-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;min-height:40px}.owner-dialog__result-item:hover,.owner-dialog__result-item:focus-visible{background:var(--bg-hover)}.owner-dialog__confirm{display:flex;flex-direction:column;gap:12px}.owner-dialog__confirm-user{font-size:14px;color:var(--text-primary);margin:0}.owner-dialog__key-hash{display:flex;flex-direction:column;gap:4px}.owner-dialog__key-hash code{font-family:var(--font-mono);font-size:12px;color:var(--accent);background:var(--bg-elevated);padding:6px 10px;border-radius:var(--radius-sm);word-break:break-all}.owner-dialog__warning{padding:10px 12px;background:var(--bg-elevated);border-left:3px solid var(--warning);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);line-height:1.5}.owner-dialog__actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.owner-panel__status{color:var(--text-muted);font-size:13px;margin:8px 0 0}.owner-panel__error{color:var(--danger);font-size:13px;display:flex;align-items:center;gap:8px;margin:8px 0 0}.owner-panel__action-error{padding:6px 10px;background:var(--danger);color:#fff;font-size:12px;border-radius:var(--radius-sm);margin-bottom:8px}.owner-panel__proposal{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;margin-top:8px}.owner-panel__proposal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.owner-panel__candidate{font-size:13px;color:var(--text-primary)}.owner-panel__state{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.owner-panel__approvals{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.owner-panel__approval-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.owner-panel__candidate-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.owner-panel__decision{font-size:11px;font-weight:600}.owner-panel__decision--pending{color:var(--text-muted)}.owner-panel__decision--approved,.owner-panel__decision--accept{color:var(--success)}.owner-panel__decision--rejected,.owner-panel__decision--decline{color:var(--danger)}.owner-panel__actions{display:flex;gap:6px;flex-wrap:wrap}.inbox-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px;margin-bottom:16px}.inbox-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.inbox-panel__title{font-size:14px;font-weight:600;color:var(--text-primary)}.inbox-panel__status{color:var(--text-muted);font-size:13px;margin:4px 0 0}.inbox-panel__error{color:var(--danger);font-size:13px;display:flex;align-items:center;gap:8px;margin:4px 0 0}.inbox-panel__action-error{padding:6px 10px;background:var(--danger);color:#fff;font-size:12px;border-radius:var(--radius-sm);margin-bottom:8px}.inbox-panel__invitation{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;margin-top:8px}.inbox-panel__invitation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inbox-panel__proposer{font-size:13px;color:var(--text-primary)}.inbox-panel__state{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.inbox-panel__approvals{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.inbox-panel__approval-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.inbox-panel__decision{font-size:11px;font-weight:600}.inbox-panel__decision--pending{color:var(--text-muted)}.inbox-panel__decision--approved,.inbox-panel__decision--accept{color:var(--success)}.inbox-panel__decision--rejected,.inbox-panel__decision--decline{color:var(--danger)}.inbox-panel__actions{display:flex;gap:6px;flex-wrap:wrap}.project-editor__owner-you{font-size:11px;color:var(--text-muted)}:root{color-scheme:dark;--bg-canvas: #0f1113;--bg-sidebar: #121519;--bg-panel: #171b20;--bg-elevated: #1d2228;--bg-hover: #242a31;--bg-active: #2a3139;--border-subtle: #292f36;--border-strong: #3a424c;--text-primary: #f2f4f7;--text-secondary: #a9b1bb;--text-muted: #7a8490;--accent: #7c8cff;--accent-hover: #91a0ff;--danger: #ff6b73;--warning: #e7b75d;--success: #55c790;--focus-ring: #9eabff;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 10px;--row-height: 36px;--header-height: 38px;--sidebar-width: 232px;--detail-width: 440px;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-stack);font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{background-color:var(--accent);color:var(--bg-canvas)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-stack);font-weight:500;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.btn--md{height:36px;padding:0 16px;font-size:13px}.btn--sm{height:28px;padding:0 10px;font-size:12px}.btn--primary{background-color:var(--accent);color:var(--bg-canvas)}.btn--primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn--secondary{background-color:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background-color:var(--bg-hover)}.btn--danger{background-color:var(--danger);color:var(--bg-canvas)}.btn--danger:hover:not(:disabled){opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.btn,.btn--sm,.btn--md{min-height:44px;min-width:44px}}.toast{position:fixed;bottom:16px;right:16px;padding:10px 16px;border-radius:var(--radius-md);font-size:13px;color:#fff;z-index:1000;animation:toast-in .2s ease}.toast--info{background-color:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary)}.toast--success{background-color:var(--success);color:#0f1113}.toast--error{background-color:var(--danger);color:var(--bg-canvas)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:500}.dialog-panel{background-color:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:80vh;overflow-y:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-subtle)}.dialog-title{font-size:15px;font-weight:600;color:var(--text-primary)}.dialog-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px;line-height:1;border-radius:var(--radius-sm)}.dialog-close:hover{color:var(--text-primary);background-color:var(--bg-hover)}.dialog-body{padding:16px 20px 20px}@media(max-width:760px){.dialog-close{min-height:44px;min-width:44px}}.multi-select{list-style:none;border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-elevated);max-height:200px;overflow-y:auto;outline:none}.multi-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.multi-select__option{padding:8px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;min-height:44px;display:flex;align-items:center}.multi-select__option--active{background-color:var(--bg-hover)}.multi-select__option--selected{color:var(--accent)}.multi-select__option--selected:before{content:"✓";margin-right:8px;font-size:12px}