:root{--color-bg:#f0f0ee;--color-surface:#fff;--color-surface-muted:#f6f6f4;--color-border:#e6e6e3;--color-border-strong:#d8d8d4;--color-text-primary:#111;--color-text-secondary:#6b6b68;--color-text-muted:#9a9a96;--color-text-inverse:#fff;--color-black:#111;--color-black-hover:#2a2a2a;--color-blue:#0050ff;--color-blue-hover:#003ecc;--color-blue-soft:#e6edff;--color-success:#1a9e5c;--color-success-soft:#e4f6ed;--color-danger:#e0393e;--color-danger-soft:#fdeaea;--color-warning:#e0a029;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.15;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #1111110a;--shadow-md:0 4px 16px #1111110f;--shadow-lg:0 12px 32px #11111114;--shadow-focus:0 0 0 3px var(--color-blue-soft);--transition-fast:.12s ease;--transition-base:.2s ease;--sidebar-width:240px;--header-height:72px;--max-content-width:1440px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}::selection{background:var(--color-blue-soft);color:var(--color-blue-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:0 0}.route-loading{min-height:100vh;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.shell{background:var(--color-bg);min-height:100vh;display:flex}.shell-sidebar{width:var(--sidebar-width);gap:var(--space-8);padding:var(--space-6) var(--space-5);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex}.shell-brand{align-items:center;gap:var(--space-3);display:flex}.shell-brand-mark{border-radius:var(--radius-md);background:var(--color-black);width:36px;height:36px;color:var(--color-text-inverse);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.shell-brand-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.shell-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.shell-nav-link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:background var(--transition-fast), color var(--transition-fast)}.shell-nav-link:hover{background:var(--color-surface-muted);color:var(--color-blue)}.shell-nav-link.active{background:var(--color-black);color:var(--color-text-inverse)}.shell-logout{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0}.shell-logout:hover{border-color:var(--color-blue);color:var(--color-blue)}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-topbar{height:var(--header-height);padding:0 var(--space-8);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.shell-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);transition:background var(--transition-fast);display:flex}.shell-user:hover{background:var(--color-surface-muted)}.shell-avatar{background:var(--color-blue-soft);width:38px;height:38px;color:var(--color-blue);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.shell-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.shell-user-username{font-size:var(--font-size-xs);color:var(--color-text-muted)}.shell-content{padding:var(--space-8);max-width:var(--max-content-width);flex:1;width:100%}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-black);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-blue)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--color-blue);color:var(--color-blue)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-blue)}.btn-link{height:auto;color:var(--color-blue);font-weight:var(--font-weight-medium);background:0 0;border-radius:0;padding:0}.btn-link:hover:not(:disabled){color:var(--color-blue-hover);text-decoration:underline}.btn-icon{width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border-radius:50%;padding:0}.btn-icon:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-blue)}.btn-icon.btn-icon-danger:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger)}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btn-spin}.btn-secondary .btn-spinner,.btn-ghost .btn-spinner{border:2px solid #11111126;border-top-color:var(--color-text-primary)}@keyframes btn-spin{to{transform:rotate(360deg)}}.field{gap:var(--space-2);text-align:left;flex-direction:column;display:flex}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.field-input-wrap{display:flex;position:relative}.field-input{width:100%;height:46px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.field-input-wrap.has-suffix .field-input{padding-right:var(--space-10)}.field-suffix{right:var(--space-2);align-items:center;display:flex;position:absolute;top:0;bottom:0}.field-input::placeholder{color:var(--color-text-muted)}.field-input:hover{border-color:var(--color-text-muted)}.field-input:focus{border-color:var(--color-blue);box-shadow:var(--shadow-focus);outline:none}.field-input-error{border-color:var(--color-danger)}.field-error{font-size:var(--font-size-xs);color:var(--color-danger)}.password-toggle{appearance:none;width:32px;height:32px;color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex}.password-toggle:hover{background:var(--color-surface-muted);color:var(--color-blue)}.password-toggle:focus-visible{background:var(--color-blue-soft);color:var(--color-blue)}.login-screen{background:var(--color-bg);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--space-8) var(--space-8) var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.login-brand{align-items:center;gap:var(--space-3);display:flex}.login-brand-mark{border-radius:var(--radius-md);background:var(--color-black);width:40px;height:40px;color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.login-brand-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:var(--line-height-tight)}.login-brand-sub{color:var(--color-text-muted);font-size:var(--font-size-xs)}.login-heading h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.login-heading p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-submit{width:100%;margin-top:var(--space-2)}.login-error{background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.login-footnote{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.work-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.work-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.work-subtitle{color:var(--color-text-secondary);max-width:560px}.work-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.work-user-picker{width:220px}.work-toolbar-right{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.work-filters{gap:var(--space-1);background:var(--color-surface-muted);padding:var(--space-1);border-radius:var(--radius-pill);display:flex}.work-filter-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none}.work-filter-btn:hover{color:var(--color-blue)}.work-filter-btn.active{background:var(--color-black);color:var(--color-text-inverse)}.task-list{flex-direction:column;list-style:none;display:flex}.task-row{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.task-row:last-child{border-bottom:none}.task-row-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.priority-dot-low{background:var(--color-border-strong)}.priority-dot-medium{background:var(--color-blue)}.priority-dot-high{background:var(--color-danger)}.task-row-main{flex:1;min-width:0}.task-row-heading{align-items:center;gap:var(--space-2);display:flex}.task-row-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.task-row-lock{color:var(--color-text-muted);flex-shrink:0}.task-row-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-1)}.task-row-meta{gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-2);display:flex}.task-row-dim{color:var(--color-text-muted)}.task-row-overdue{color:var(--color-danger);font-weight:var(--font-weight-medium)}.task-row-assign-log{color:var(--color-blue);font-size:var(--font-size-xs);margin-top:var(--space-2)}.task-row-side{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.task-row-actions{gap:var(--space-1);display:flex}.task-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex}.task-pill.tone-neutral{background:var(--color-surface-muted);color:var(--color-text-secondary)}.task-pill.tone-blue{background:var(--color-blue-soft);color:var(--color-blue)}.task-pill.tone-danger{background:var(--color-danger-soft);color:var(--color-danger)}.task-pill.tone-success{background:var(--color-success-soft);color:var(--color-success)}.work-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.work-empty-state{align-items:center;gap:var(--space-3);color:var(--color-text-muted);padding:var(--space-10) 0;font-size:var(--font-size-sm);flex-direction:column;display:flex}@media (width<=640px){.task-row{flex-wrap:wrap}.task-row-side{justify-content:space-between;width:100%;margin-left:26px}}.dashboard-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.dashboard-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.dashboard-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.dashboard-stat-link{transition:transform var(--transition-fast);display:block}.dashboard-stat-link:hover{transform:translateY(-2px)}.dashboard-stat-link>*{transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.dashboard-stat-link:hover>*{border-color:var(--color-blue);box-shadow:var(--shadow-md)}.dashboard-card-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.dashboard-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.dashboard-card-value-danger{color:var(--color-danger)}.dashboard-columns{gap:var(--space-5);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.dashboard-panel-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.dashboard-panel-header h2{font-size:var(--font-size-lg)}.dashboard-panel-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-blue)}.dashboard-panel-link:hover{color:var(--color-blue-hover);text-decoration:underline}.dashboard-panel-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.dashboard-today-list,.dashboard-team-list{flex-direction:column;list-style:none;display:flex}.dashboard-today-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1);border-bottom:1px solid var(--color-border);display:flex}.dashboard-today-item:last-child{border-bottom:none}.dashboard-today-item>span:first-child{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dashboard-today-main{flex:1;min-width:0}.dashboard-today-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.dashboard-today-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.dashboard-team-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);display:flex}.dashboard-team-avatar{background:var(--color-blue-soft);width:34px;height:34px;color:var(--color-blue);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-team-main{flex:1;min-width:0}.dashboard-team-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dashboard-team-username{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (width<=900px){.dashboard-columns{grid-template-columns:1fr}}.dropdown{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.dropdown-label{display:block}.dropdown-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;height:46px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.dropdown-trigger:hover:not(:disabled){border-color:var(--color-text-muted)}.dropdown-trigger.open{border-color:var(--color-blue);box-shadow:var(--shadow-focus)}.dropdown-trigger:disabled{opacity:.55;cursor:not-allowed}.dropdown-trigger-label{align-items:center;gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.dropdown-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.dropdown-trigger.open .dropdown-chevron{color:var(--color-blue);transform:rotate(180deg)}.dropdown-menu{top:calc(100% + var(--space-2));z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);max-height:260px;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.dropdown-option{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);appearance:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:left;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;outline:none;display:flex}.dropdown-option:hover{color:var(--color-blue);transform:translate(2px)}.dropdown-option.selected{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.dropdown-dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dropdown-dot.tone-neutral{background:var(--color-text-muted)}.dropdown-dot.tone-blue{background:var(--color-blue)}.dropdown-dot.tone-success{background:var(--color-success)}.dropdown-dot.tone-danger{background:var(--color-danger)}.dropdown.dropdown-compact .dropdown-trigger{height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:132px}.dropdown.dropdown-compact .dropdown-menu{min-width:160px}.modal-overlay{padding:var(--space-6);z-index:100;background:#11111173;justify-content:center;align-items:center;animation:.15s modal-fade;display:flex;position:fixed;inset:0}.modal-panel{width:100%;max-width:460px;max-height:calc(100vh - var(--space-12));background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:.18s modal-in;overflow-y:auto}.modal-header{padding:var(--space-6) var(--space-6) 0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl)}.modal-close{width:32px;height:32px;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-surface-muted);color:var(--color-blue)}.modal-body{padding:var(--space-6)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-dialog{max-width:380px}.confirm-dialog-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.confirm-dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.confirm-dialog-actions .btn{flex:1}.btn.btn-danger{background:var(--color-danger)}.btn.btn-danger:hover:not(:disabled){background:#c62828}.date-picker{gap:var(--space-3);flex-direction:column;display:flex}.date-picker-chips{gap:var(--space-2);display:flex}.date-chip{border-radius:var(--radius-md);background:var(--color-surface-muted);min-width:0;height:56px;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.date-chip:hover{color:var(--color-blue)}.date-chip:active{transform:scale(.96)}.date-chip.selected{background:var(--color-black);color:var(--color-text-inverse)}.date-chip-label{font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.02em;opacity:.75}.date-chip-num{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.date-chip-calendar{color:var(--color-text-muted);flex:0 0 48px}.date-chip-calendar.selected{background:var(--color-blue-soft);color:var(--color-blue)}.date-picker-input{width:100%}@media (width<=480px){.date-chip-extra{display:none}}.modal-panel.task-modal{max-width:560px}.task-form{gap:var(--space-4);flex-direction:column;display:flex}.task-textarea{height:auto;padding:var(--space-3) var(--space-4);resize:vertical;font-family:inherit}.task-checkbox{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.task-checkbox input{width:16px;height:16px;accent-color:var(--color-blue)}.task-form-submit{width:100%;margin-top:var(--space-2)}.task-form-error{background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.plans-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.plans-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.plans-subtitle{color:var(--color-text-secondary);max-width:560px}.plans-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0}.plans-board{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.plans-column{background:var(--color-surface-muted);border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.plans-column-header{padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.plans-column-header h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.plans-column-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-pill);padding:2px var(--space-2);text-align:center;min-width:20px}.plans-column-body{gap:var(--space-3);flex-direction:column;display:flex}.plans-empty-col{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-4) var(--space-2);text-align:center}.plan-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.plan-card-top{justify-content:space-between;align-items:center;display:flex}.plan-card-lock{color:var(--color-text-muted)}.plan-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.plan-card-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.plan-card-footer{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.plan-card-owner{font-size:var(--font-size-xs);color:var(--color-text-muted)}.plan-card-actions{gap:var(--space-1);display:flex}@media (width<=900px){.plans-board{grid-template-columns:1fr}}.team-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.team-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.team-layout{gap:var(--space-5);grid-template-columns:360px 1fr;align-items:start;display:grid}.team-card-heading{font-size:var(--font-size-lg);margin-bottom:var(--space-5)}.team-form{gap:var(--space-4);flex-direction:column;display:flex}.team-submit{width:100%;margin-top:var(--space-2)}.team-error{background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.team-success{background:var(--color-success-soft);color:var(--color-success);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.team-list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.team-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.team-list-item:hover{background:var(--color-surface-muted)}.team-list-avatar{background:var(--color-blue-soft);width:36px;height:36px;color:var(--color-blue);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-list-info{flex:1;min-width:0}.team-list-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.team-list-you{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.team-list-username{font-size:var(--font-size-xs);color:var(--color-text-muted)}.team-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-danger);background:var(--color-danger-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);flex-shrink:0}.team-list-actions{gap:var(--space-1);flex-shrink:0;display:flex}.team-list-error{margin-bottom:var(--space-4)}.team-empty{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (width<=800px){.team-layout{grid-template-columns:1fr}}.profile-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.profile-avatar{background:var(--color-blue-soft);width:56px;height:56px;color:var(--color-blue);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-title{font-size:var(--font-size-2xl)}.profile-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.profile-layout{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.profile-card-heading{font-size:var(--font-size-lg);margin-bottom:var(--space-5)}.profile-form{gap:var(--space-4);flex-direction:column;display:flex}.profile-submit{width:100%;margin-top:var(--space-2)}.profile-error{background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.profile-success{background:var(--color-success-soft);color:var(--color-success);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}