:root{--bg:#0e1015;--surface:#171a21;--surface-raised:#1e222b;--border:#2a2f3a;--border-soft:#23272f;--text:#eceef2;--text-muted:#8b93a3;--text-faint:#5b6272;--blue:#4c8dff;--blue-soft:#4c8dff24;--green:#34d399;--green-soft:#34d39924;--amber:#f5b95b;--amber-soft:#f5b95b24;--gray-soft:#8b93a324;--danger:#f0625c;--danger-soft:#f0625c24;--violet:#b18cf9;--violet-soft:#b18cf924;--orange:#fb923c;--orange-soft:#fb923c24;--radius:16px;--radius-sm:10px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--surface)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--surface);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}h1,h2,h3{font-family:var(--font);color:var(--text);margin:0;font-weight:700}button,input,textarea{font-family:var(--font)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-size:inherit;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;line-height:1;display:inline-block}.app{margin-left:64px;padding:32px 24px 64px}@media (width<=640px){.app{padding:20px 12px 48px}}.icon-rail{background:var(--surface);border-right:1px solid var(--border-soft);z-index:10;flex-direction:column;align-items:center;gap:8px;width:64px;padding:16px 0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.icon-rail__icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:grid}.icon-rail__icon-btn:hover,.icon-rail__icon-btn--active{color:var(--text)}.icon-rail__divider{background:var(--border-soft);flex-shrink:0;width:32px;height:1px;margin:4px 0}.icon-rail__spacer{flex:1}.icon-rail__btn{background:var(--surface-raised);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;transition:border-radius .15s,background .15s,color .15s;display:grid}.icon-rail__btn:hover{border-radius:var(--radius-sm);background:var(--blue-soft);color:var(--text)}.icon-rail__btn--active{border-radius:var(--radius-sm);color:var(--text)}.icon-rail__profile{flex-shrink:0;position:relative}.icon-rail__profile-btn{background:var(--surface-raised);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.icon-rail__profile-btn:hover,.icon-rail__profile-btn[aria-expanded=true]{color:var(--text)}.context-menu__header{border-bottom:1px solid var(--border-soft);margin-bottom:4px;padding:8px 10px 10px}.context-menu__header-name{color:var(--text);font-size:13.5px}.context-menu__header-email{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.layout{grid-template-columns:240px minmax(0,1fr) 280px;align-items:start;gap:20px;max-width:1200px;margin:0 auto;display:grid}@media (width<=980px){.layout{grid-template-columns:minmax(0,1fr)}.roster{position:static}}.layout--wide-panel{grid-template-columns:minmax(0,1fr) 280px}@media (width<=780px){.layout--wide-panel{grid-template-columns:minmax(0,1fr)}}.toggle-group{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;display:flex;overflow:hidden}.toggle-group__btn{background:var(--surface-raised);color:var(--text-muted);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;padding:0 8px;font-size:13px;display:flex}.toggle-group__btn+.toggle-group__btn{border-left:1px solid var(--border)}.toggle-group__btn:hover{color:var(--text)}.toggle-group__btn--active{background:var(--blue-soft);color:var(--blue);font-weight:600}.stat-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}@media (width<=640px){.stat-row{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.stat-tile:hover{background:var(--surface-raised)}.stat-tile--active{background:var(--blue-soft);border-color:var(--blue)}.stat-tile__value{color:var(--text);overflow-wrap:break-word;font-size:22px;font-weight:700;line-height:1.25}.stat-tile__value--green{color:var(--green)}.stat-tile__value--amber{color:var(--amber)}.stat-tile__value--blue{color:var(--blue)}.stat-tile__value--danger{color:var(--danger)}.stat-tile__value--gray{color:var(--text-faint)}.stat-tile__value--violet{color:var(--violet)}.stat-tile__value--orange{color:var(--orange)}.stat-tile__label{color:var(--text-muted);font-size:12px}.project-calendar__nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.project-calendar__nav-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;font-size:15px;line-height:1;display:grid}.project-calendar__nav-btn:hover{color:var(--text);background:var(--surface-raised)}.project-calendar__month{color:var(--text);font-size:12.5px;font-weight:600}.project-calendar__weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;display:grid}.project-calendar__weekdays span{text-align:center;letter-spacing:.04em;color:var(--text-faint);font-size:10px;font-weight:600}.project-calendar__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.project-calendar__cell{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-muted);cursor:default;border:1px solid #0000;place-items:center;padding:0;font-size:11px;display:grid}.project-calendar__cell:disabled{cursor:default}.project-calendar__cell:not(:disabled){cursor:pointer}.project-calendar__cell:not(:disabled):hover{filter:brightness(1.2)}.project-calendar__cell--blank{background:0 0;border-color:#0000}.project-calendar__cell--today{border-color:var(--blue);color:var(--text);font-weight:700}.project-calendar__cell--selected{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.date-picker__calendar{gap:10px;width:240px;padding:12px}.date-picker__stepper{align-items:center;width:auto}.date-picker__stepper-row{align-items:center;gap:8px;display:flex}.date-picker__stepper-segment{flex-direction:column;align-items:center;gap:2px;display:flex}.date-picker__stepper-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:10px;line-height:1}.date-picker__stepper-btn:hover{color:var(--text)}.date-picker__stepper-value{text-align:center;min-width:28px;color:var(--text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.date-picker__stepper-colon{color:var(--text-faint);font-size:20px;font-weight:700}.date-picker__stepper-meridiem{margin-left:4px}.date-field{align-items:center;gap:6px;display:flex}.date-field__trigger{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;color:var(--text);font:inherit;cursor:pointer;flex:1;align-items:center;gap:8px;padding:9px 12px;font-size:14px;transition:border-color .15s;display:inline-flex}.date-field__trigger:hover:not(:disabled){border-color:var(--text-faint)}.date-field__trigger:disabled{color:var(--text-faint);cursor:not-allowed}.date-field__icon{color:var(--text-muted);flex-shrink:0;font-size:16px}.date-field__value,.date-field__placeholder{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.date-field__placeholder{color:var(--text-faint)}.date-field__caret{color:var(--text-faint);flex-shrink:0;font-size:10px}.date-field__clear{width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;line-height:1;display:grid}.date-field__clear:hover{color:var(--danger);background:var(--danger-soft)}.chip-trigger{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;flex-shrink:0;place-items:center;padding:0;font-size:16px;transition:color .15s,border-color .15s;display:grid}.chip-trigger:hover{color:var(--text);border-color:var(--text-faint)}.chip{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:2px 2px 2px 10px;display:inline-flex}.chip__label{color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px}.chip__remove{width:18px;height:18px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;line-height:1;display:grid}.chip__remove:hover{color:var(--danger);background:var(--danger-soft)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius)}.preview-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;padding:24px 20px;display:flex;position:sticky;top:24px}.preview-card__avatar{cursor:default;background:var(--surface-raised);border:none;border-radius:50%;width:96px;height:96px;padding:0;position:relative}.preview-card__initials{background:var(--surface-raised);width:100%;height:100%;color:var(--text-faint);border-radius:50%;place-items:center;font-size:26px;font-weight:700;display:grid}.preview-card__name{margin-top:14px;font-size:17px}.preview-card__role{color:var(--text-muted);margin:4px 0 0;font-size:13px}.preview-card__fields{border-top:1px solid var(--border-soft);text-align:left;flex-direction:column;gap:14px;width:100%;margin-top:16px;padding-top:16px;display:flex}.preview-card__badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.preview-card__badges .pill{margin-top:0}.preview-card__meta-row{justify-content:space-between;gap:8px;font-size:12.5px;display:flex}.preview-card__meta-row dt{color:var(--text-faint)}.preview-card__meta-row dd{color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.info-panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:26px 28px 22px}.info-panel__heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.info-panel__actions{align-items:center;display:flex}.info-panel__confirm-text{color:var(--text-muted);margin-right:10px;font-size:13px}.info-panel__header h2{font-size:19px}.info-panel__header p{color:var(--text-muted);margin:6px 0 22px;font-size:13.5px;line-height:1.5}.detail-grid{grid-template-columns:1fr 1fr;gap:16px 32px;margin:0;display:grid}@media (width<=620px){.detail-grid{grid-template-columns:1fr}}.detail-grid__row{border-bottom:1px solid var(--border-soft);padding-bottom:12px}.detail-grid__row dt{letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:600}.detail-grid__row dd{color:var(--text);margin:5px 0 0;font-size:14.5px}.detail-grid__row--full{grid-column:1/-1}.info-panel__columns{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}@media (width<=620px){.info-panel__columns{grid-template-columns:1fr}}.field-group{flex-direction:column;gap:14px;display:flex}.field-group__title{letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px;font-size:11px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-muted);font-size:12.5px}.field__required{color:var(--amber)}.field input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.field input::placeholder{color:var(--text-faint)}.field input:focus{border-color:var(--blue)}.field textarea{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;resize:vertical;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.field textarea::placeholder{color:var(--text-faint)}.field textarea:focus{border-color:var(--blue)}.field--notes{margin-top:14px}.info-panel__error{color:var(--amber);background:var(--amber-soft);border-radius:var(--radius-sm);margin-top:18px;padding:8px 12px;font-size:13px}.info-panel__footer{border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;margin-top:24px;padding-top:18px;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;transition:filter .15s,opacity .15s}.btn--primary{background:var(--green);color:#062018}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--primary:disabled{opacity:.6;cursor:wait}.btn--ghost{background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border);margin-right:10px}.btn--ghost:hover{color:var(--text);border-color:var(--text-faint)}.btn--sm{margin-right:0;padding:4px 12px;font-size:12px}.btn--danger{background:var(--danger);color:#2a0705}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.btn--danger:disabled{opacity:.6;cursor:wait}.btn--danger-text{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:10px 22px;font-size:14px;font-weight:600}.btn--danger-text:hover{text-decoration:underline}.icon-btn{background:var(--surface-raised);width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;font-size:16px;transition:color .15s,border-color .15s;display:grid}.icon-btn+.icon-btn{margin-left:8px}.icon-btn:hover{color:var(--text);border-color:var(--text-faint)}.icon-btn--danger:hover{color:var(--danger);border-color:var(--danger)}.pill{text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.pill--sm{flex-shrink:0;padding:2px 8px;font-size:10.5px}.pill--green{background:var(--green-soft);color:var(--green)}.pill--gray{background:var(--gray-soft);color:var(--text-muted)}.pill--amber{background:var(--amber-soft);color:var(--amber)}.pill--blue{background:var(--blue-soft);color:var(--blue)}.pill--danger{background:var(--danger-soft);color:var(--danger)}.pill--violet{background:var(--violet-soft);color:var(--violet)}.pill--orange{background:var(--orange-soft);color:var(--orange)}.link-button{color:var(--text-muted);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--text)}.roster{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:20px;position:sticky;top:24px}.roster__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.roster__header h2{font-size:15px}.roster__header-actions{align-items:center;gap:10px;display:flex}.roster__count{color:var(--text-muted);background:var(--surface-raised);border-radius:999px;padding:2px 10px;font-size:12px}.roster__filter,.roster .field{margin-bottom:14px}.roster__status{color:var(--text-muted);margin:0;font-size:12.5px}.roster__status--error{color:var(--amber)}.roster__list{flex-direction:column;gap:4px;max-height:70vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.roster__row{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px 6px;display:flex}.roster__row:hover{background:var(--surface-raised)}.roster__row--active{background:var(--blue-soft);border-color:var(--blue)}.roster__avatar{background:var(--surface-raised);width:34px;height:34px;color:var(--text-faint);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.roster__avatar--square{border-radius:var(--radius-sm)}.roster__avatar .material-symbols-outlined{font-size:16px}.roster__info{flex-direction:column;flex:1;min-width:0;display:flex}.roster__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.roster__role{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.connection-row{align-items:center;gap:10px;padding:6px;display:flex}.searchable-select,.suggest-input{position:relative}.connector-search__results{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-raised);z-index:20;width:100%;max-height:280px;margin:8px 0 0;padding:4px;list-style:none;position:absolute;overflow-y:auto}.connector-search__result{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none}.connector-search__result:hover{background:var(--surface)}.searchable-select__create{color:var(--text-muted)}.searchable-select__create:disabled{color:var(--text-faint);cursor:not-allowed}.menu-select{min-width:170px}.menu-select__item{align-items:center;gap:8px;display:flex}.menu-select__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu-select__item--active{background:var(--surface-raised)}.menu-select__check{color:var(--text-muted);flex-shrink:0;font-size:12px}.menu-select__add-trigger{color:var(--text-muted)}.menu-select__add{align-items:center;gap:6px;padding:4px;display:flex}.menu-select__add input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:140px;color:var(--text);outline:none;flex:1;padding:6px 8px;font-size:13px;transition:border-color .15s}.menu-select__add input:focus{border-color:var(--blue)}.modal-backdrop{z-index:50;background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:420px;max-height:85vh;padding:28px 24px 24px;display:flex;position:relative;overflow-y:auto}.modal--wide{text-align:left;align-items:stretch;max-width:640px}.modal--video{text-align:left;align-items:stretch;max-width:960px;padding:16px}.video-player-modal__title{color:var(--text);margin:0 0 12px;padding-right:32px;font-size:16px}@media (width<=640px){.modal-backdrop--video{padding:0}.modal--video{border-radius:0;justify-content:center;width:100%;max-width:none;height:100%;max-height:none}}.modal__close{background:var(--surface-raised);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:12px;right:12px}.modal__close:hover{color:var(--text)}.modal .detail-grid{text-align:left;grid-template-columns:1fr;width:100%;margin-top:20px}.modal .info-panel__footer{width:100%}.modal .field{text-align:left;width:100%;margin-top:16px}.context-menu{z-index:60;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);flex-direction:column;gap:2px;min-width:170px;max-height:calc(100vh - 16px);padding:6px;display:flex;position:fixed;overflow-y:auto}.context-menu__item{border-radius:var(--radius-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13.5px}.context-menu__item:hover:not(:disabled){background:var(--surface-raised)}.context-menu__item:disabled{color:var(--text-faint);cursor:not-allowed}.context-menu__item--danger{color:var(--danger)}.context-menu__item--checkbox{align-items:center;gap:8px;display:flex}.context-menu__checkbox{border:1px solid var(--border);width:14px;height:14px;color:var(--bg);border-radius:3px;flex-shrink:0;place-items:center;font-size:10px;line-height:1;display:grid}.context-menu__item--checkbox[aria-checked=true] .context-menu__checkbox{background:var(--blue);border-color:var(--blue)}.context-menu__confirm{flex-direction:column;gap:10px;max-width:240px;padding:8px;display:flex}.context-menu__confirm-text{color:var(--text);font-size:13px}.context-menu__confirm-actions{justify-content:flex-end;gap:8px;display:flex}.status-menu__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-menu__dot--blue{background:var(--blue)}.status-menu__dot--amber{background:var(--amber)}.status-menu__dot--violet{background:var(--violet)}.status-menu__dot--green{background:var(--green)}.status-menu__dot--gray{background:var(--text-faint)}.status-menu__dot--orange{background:var(--orange)}.profile-page__back{margin-bottom:20px;display:inline-block}.login-page{place-items:center;min-height:100svh;padding:24px;display:grid}.login-panel{width:100%;max-width:360px}.login-panel .info-panel__header{text-align:center}.login-panel .info-panel__header h2{font-size:22px}.youtube-embed{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border-soft);width:100%;position:relative;overflow:hidden}.youtube-embed iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.youtube-embed--empty{color:var(--text-faint);place-items:center;font-size:13px;display:grid}.filter-chip-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.filter-chip{background:var(--surface-raised);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:600}.filter-chip:hover{color:var(--text)}.filter-chip--active{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.label-add-row{align-items:center;gap:8px;margin-top:8px;display:flex}.label-add-row input{flex:1}.plan-section{border-top:1px solid var(--border-soft);margin-top:22px;padding-top:20px}.plan-section__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.plan-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.plan-row{border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.plan-row:hover{border-color:var(--text-faint)}.plan-row__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.plan-item-add{margin-bottom:14px}.plan-item-list{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.plan-item-row{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-raised);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.plan-item-row--playable{cursor:pointer}.plan-item-row--playable:hover{border-color:var(--border)}.plan-item-row__thumb-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:0}.plan-item-row__thumb-btn:disabled{cursor:default}.plan-item-row__name{min-width:140px;color:var(--text);flex:1;font-size:13.5px}.plan-item-row__field{align-items:center;gap:4px;display:flex}.plan-item-row__field label{color:var(--text-faint);font-size:11px}.plan-item-row__field input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:48px;color:var(--text);outline:none;padding:5px 6px;font-size:13px}.plan-item-row__field input:focus{border-color:var(--blue)}.plan-item-row__notes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;flex:100%;padding:6px 8px;font-size:12.5px}.plan-item-row__notes:focus{border-color:var(--blue)}.plan-item-row__remove,.task-row__remove{color:var(--text-faint);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:16px;line-height:1}.plan-item-row__remove:hover,.task-row__remove:hover{color:var(--danger);background:var(--danger-soft)}.plan-item-picker{position:relative}.data-table{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);max-width:1200px;margin:0 auto;padding:20px}@media (width<=640px){.data-table{padding:14px}}.data-table__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.data-table__title-row{align-items:center;gap:10px;display:flex}.data-table__title-row h2{font-size:15px}.data-table__toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.data-table__search{min-width:260px;margin:0}@media (width<=640px){.data-table__toolbar-actions{width:100%}.data-table__search{order:-1;width:100%;min-width:0}}.data-table__bulk-bar{background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.data-table__bulk-count{color:var(--text);font-weight:600}.data-table__bulk-spacer{flex:1}.data-table__pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:14px;margin-top:14px;font-size:13px;display:flex}.data-table__pagination-status{text-align:center;min-width:160px}.data-table__scroll{border:1px solid var(--border-soft);border-radius:var(--radius-sm);max-height:70vh;overflow:auto}.data-table__table{border-collapse:collapse;width:100%;font-size:13px}.data-table__table th{background:var(--surface);text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border-soft);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table__table td{border-bottom:1px solid var(--border-soft);color:var(--text);vertical-align:middle;padding:8px 10px}.data-table__table tbody tr:hover{background:var(--surface-raised)}.data-table__row--selected{background:var(--blue-soft)}.data-table__checkbox-col{width:32px}.data-table__checkbox-col input[type=checkbox]{accent-color:var(--blue);cursor:pointer}.data-table__title-cell{align-items:center;gap:10px;min-width:0;display:flex}.data-table__thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-raised);flex-shrink:0;width:48px;height:36px}.data-table__thumb--placeholder{color:var(--text-faint);place-items:center;font-size:18px;display:grid}.data-table__cell--clickable{cursor:pointer}.data-table__label-pills{flex-wrap:wrap;gap:4px;display:flex}.data-table__title-link{color:var(--text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-decoration:none;overflow:hidden}.data-table__title-link:hover{text-decoration:underline}.profile-page{max-width:480px;margin:0 auto}.profile-page__success{color:var(--green);background:var(--green-soft);border-radius:var(--radius-sm);margin-top:18px;padding:8px 12px;font-size:13px}.calendar-page__scroll{overflow-x:auto}.calendar-page__grid{grid-template-columns:repeat(7,1fr);gap:6px;min-width:700px;display:grid}.calendar-page__cell{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;min-height:96px;font:inherit;color:inherit;flex-direction:column;gap:4px;padding:6px;display:flex}.calendar-page__cell:hover{background:var(--surface-raised)}.calendar-page__cell--blank{cursor:default;background:0 0;border-color:#0000}.calendar-page__cell--today{border-color:var(--blue)}.calendar-page__day-number{color:var(--text-muted);font-size:12px;font-weight:600}.calendar-page__cell--today .calendar-page__day-number{color:var(--blue)}.calendar-page__appointments{flex-direction:column;gap:2px;display:flex}.calendar-page__appointment-chip{background:var(--surface-raised);color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;font-size:10.5px;display:flex;overflow:hidden}.calendar-page__appointment-chip:hover{background:var(--surface)}.calendar-page__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.calendar-page__dot--blue{background:var(--blue)}.calendar-page__dot--green{background:var(--green)}.calendar-page__dot--gray{background:var(--text-faint)}.calendar-page__more{color:var(--text-faint);padding:0 4px;font-size:10px}.stat-row+.stat-row{margin-top:12px}.stat-tile--static{cursor:default}.stat-tile--static:hover{background:var(--surface)}.appointments-layout{align-items:flex-start;gap:20px;max-width:1200px;margin:0 auto;display:flex}.appointments-layout .data-table{flex:1;min-width:0;max-width:none;margin:0}@media (width<=900px){.appointments-layout{flex-direction:column}}.appointments-calendar{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);flex-shrink:0;width:280px;padding:20px}@media (width<=900px){.appointments-calendar{width:100%}}.appointments-calendar__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.appointments-calendar__header h3{color:var(--text);font-size:14px}.appointments-calendar__filter{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.appointments-calendar__dot{background:var(--blue);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.appointments-calendar .project-calendar__cell{position:relative}