*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f0f2f5;--color-bg-secondary: #f8f9fa;--color-surface: #ffffff;--color-primary: #0052cc;--color-primary-hover: #0047b3;--color-primary-light: #e8f0fe;--color-text: #172b4d;--color-text-secondary: #5e6c84;--color-text-muted: #8c9cb0;--color-border: #dfe1e6;--color-border-light: #ebecf0;--color-error: #de350b;--color-error-bg: #ffebe6;--color-success: #1b7c36;--color-success-bg: #e6f4ea;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition: .15s ease;--transition-slow: .25s ease;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--nav-height: 48px}html,body,#root{height:100%;font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,button,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#091e4226;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#091e4240}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100%;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2.5rem;width:100%;max-width:400px;animation:slideUp .3s ease}.auth-brand{text-align:center;margin-bottom:2rem}.auth-brand h1{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.auth-brand p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-card form{display:flex;flex-direction:column;gap:.25rem}.auth-card label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:.125rem}.auth-card input{display:block;width:100%;padding:.625rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;transition:border-color var(--transition),box-shadow var(--transition);background:var(--color-bg-secondary);margin-bottom:1rem}.auth-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0052cc1f;background:var(--color-surface)}.auth-card input::placeholder{color:var(--color-text-muted)}.auth-card button[type=submit]{width:100%;padding:.625rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;cursor:pointer;margin-top:.25rem;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.auth-card button[type=submit]:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-card button[type=submit]:active{transform:translateY(0)}.auth-link{text-align:center;margin-top:1.25rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-link a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.error-banner{background:var(--color-error-bg);color:var(--color-error);padding:.5rem .75rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:var(--font-size-sm);font-weight:500}.app-layout{min-height:100%;display:flex;flex-direction:column;background:var(--color-bg)}.app-nav{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);flex-shrink:0;position:sticky;top:0;z-index:100}.app-nav-left{display:flex;align-items:center;gap:.75rem}.app-logo{font-size:1rem;font-weight:700;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.app-logo:hover{color:var(--color-primary-hover)}.app-nav-separator{color:var(--color-border);font-size:1.125rem}.app-nav-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;font-weight:500}.app-nav-breadcrumb:hover{color:var(--color-text)}.app-nav-right{display:flex;align-items:center;gap:.75rem}.app-user-menu{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background var(--transition);position:relative}.app-user-menu:hover{background:var(--color-bg-secondary)}.app-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.app-dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:150}.app-dropdown{position:absolute;top:100%;right:0;margin-top:.375rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:180px;z-index:200;animation:slideDown .15s ease;overflow:hidden}.app-dropdown-item{display:block;width:100%;padding:.625rem 1rem;background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition)}.app-dropdown-item:hover{background:var(--color-bg-secondary)}.app-dropdown-item.danger{color:var(--color-error)}.app-dropdown-item.danger:hover{background:var(--color-error-bg)}.app-content{flex:1;display:flex;flex-direction:column}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;color:#fff;flex-shrink:0;-webkit-user-select:none;user-select:none;line-height:1}.avatar-sm{width:28px;height:28px;font-size:.625rem}.avatar-lg{width:40px;height:40px;font-size:var(--font-size-base)}.dashboard{min-height:100%;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-surface);box-shadow:var(--shadow)}.dashboard-header h1{font-size:1.25rem}.user-info{display:flex;align-items:center;gap:1rem}.user-info button{padding:.375rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem}.dashboard-content{flex:1;padding:2rem;animation:fadeIn .2s ease}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;display:block}.empty-state p{font-size:var(--font-size-base);margin-bottom:1.25rem}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100%;font-size:1.125rem;color:var(--color-text-secondary)}.btn-primary{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow)}.btn-primary:active{transform:translateY(0)}.btn-icon{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;line-height:1;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.btn-icon:hover{background:var(--color-bg-secondary);color:var(--color-text)}.btn-danger{padding:.5rem 1rem;background:#cf513d;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;margin-top:1rem;font-weight:600;font-size:var(--font-size-sm);transition:background var(--transition),box-shadow var(--transition)}.btn-danger:hover{background:#b73a2a;box-shadow:var(--shadow)}.header-left{display:flex;align-items:center;gap:1rem}.header-left a{color:var(--color-text-secondary);text-decoration:none;font-size:1.25rem;transition:color var(--transition)}.header-left a:hover{color:var(--color-text)}.inline-form{display:flex;gap:.5rem;margin-bottom:1.5rem;align-items:flex-start;flex-wrap:wrap}.inline-form input{padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-width:200px;transition:border-color var(--transition),box-shadow var(--transition)}.inline-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0052cc1f}.inline-form button{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);transition:background var(--transition)}.inline-form button:hover{background:var(--color-primary-hover)}.dashboard-section{margin-bottom:2.5rem}.dashboard-section:last-child{margin-bottom:0}.section-heading{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:.5rem}.section-heading-icon{font-style:normal;font-size:var(--font-size-sm)}.workspace-grid,.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.workspace-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--transition),transform var(--transition);overflow:hidden;position:relative}.workspace-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.workspace-card-accent{height:4px;background:var(--color-primary)}.workspace-card-body{padding:1rem 1.25rem}.workspace-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.workspace-card-top h3{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-icon-danger{background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color var(--transition),background var(--transition);flex-shrink:0}.btn-icon-danger:hover{color:var(--color-error);background:var(--color-error-bg)}.workspace-card h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.workspace-card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex;align-items:center;gap:.375rem}.board-card{border-radius:var(--radius);padding:1.25rem;cursor:pointer;min-height:110px;display:flex;align-items:flex-end;transition:opacity var(--transition),box-shadow var(--transition),transform var(--transition);position:relative;box-shadow:var(--shadow-sm)}.board-card:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-2px)}.board-card-top{display:flex;align-items:center;justify-content:space-between;gap:.375rem}.board-card h3{font-size:1rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-delete{background:#fff3;border:none;color:#fff;font-size:1.125rem;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity var(--transition),background var(--transition);flex-shrink:0}.board-card:hover .board-card-delete{opacity:1}.board-card-delete:hover{background:#ffffff59}.board-card-placeholder{border:2px dashed var(--color-border);background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;min-height:110px;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500;transition:border-color var(--transition),color var(--transition)}.board-card-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary);transform:none;opacity:1}.board-view{flex:1;display:flex;flex-direction:column;min-height:0}.board-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#0000001f;flex-shrink:0}.board-header h1{color:#fff;font-size:1.125rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:.5rem}.header-btn{padding:.375rem .75rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);font-size:.8125rem;cursor:pointer;font-weight:600;transition:background var(--transition)}.header-btn:hover{background:#ffffff40}.back-link{color:#fff!important;text-decoration:none;font-size:1.25rem;transition:opacity var(--transition)}.back-link:hover{opacity:.8}.header-search{display:flex;align-items:center}.search-input{padding:.375rem .75rem;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);width:200px;background:#fff3;color:#fff;transition:background var(--transition),width .2s}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;background:#ffffff59;width:260px}.filter-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00000014;flex-wrap:wrap;flex-shrink:0}.filter-label{font-size:.7rem;color:#ffffffb3;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.filter-chip{padding:.2rem .5rem;border:2px solid;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;font-weight:600;transition:opacity var(--transition);background:transparent}.filter-chip:hover{opacity:.8}.filter-clear{padding:.2rem .5rem;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-sm);color:#ffffffb3;font-size:.7rem;cursor:pointer;font-weight:600;transition:background var(--transition)}.filter-clear:hover{background:#ffffff1a}.lists-container{display:flex;gap:.75rem;padding:1rem 1rem 1.5rem;overflow-x:auto;flex:1;align-items:flex-start}.list-column{background:#ebecf0;border-radius:var(--radius);min-width:272px;max-width:272px;display:flex;flex-direction:column;max-height:calc(100vh - var(--nav-height) - 100px)}.list-column.dragging-over{background:#d9dce2}.list-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .75rem 0}.list-header h3{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.list-cards{padding:.5rem .5rem 0;overflow-y:auto;flex:1}.list-cards::-webkit-scrollbar{width:5px}.list-cards::-webkit-scrollbar-thumb{background:#091e421a;border-radius:3px}.list-cards::-webkit-scrollbar-thumb:hover{background:#091e4233}.card-item{background:var(--color-surface);border-radius:var(--radius-sm);padding:.5rem .75rem;margin-bottom:.5rem;box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-base);transition:box-shadow var(--transition),transform var(--transition)}.card-item:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.card-item.dragging{box-shadow:var(--shadow-md);transform:rotate(3deg)}.card-item p{word-break:break-word}.due-date{display:inline-block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:.25rem}.due-date.overdue{color:var(--color-error);font-weight:600}.card-label-dots{display:flex;gap:2px;margin-bottom:.375rem}.label-dot{width:36px;height:7px;border-radius:4px}.add-card-btn{padding:.5rem .75rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:background var(--transition),color var(--transition)}.add-card-btn:hover{background:#0000000f;color:var(--color-text)}.add-card-form{padding:.5rem}.add-card-input{width:100%;padding:.5rem .625rem;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);resize:none;background:var(--color-surface);box-shadow:0 1px 3px #0000001a;font-family:inherit;min-height:54px}.add-card-input:focus{outline:none}.add-card-actions{display:flex;align-items:center;gap:.375rem;margin-top:.375rem}.add-card-actions .btn-primary{padding:.375rem .75rem;font-size:var(--font-size-sm)}.add-card-cancel{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color var(--transition)}.add-card-cancel:hover{color:var(--color-text)}.add-list{background:#00000014;padding:.5rem;min-width:272px;border-radius:var(--radius)}.add-list input{width:100%;padding:.5rem .75rem;border:none;border-radius:var(--radius-sm);background:#fff3;color:#fff;font-size:var(--font-size-sm);transition:background var(--transition)}.add-list input:focus{outline:none;background:#ffffff59}.add-list input::placeholder{color:#ffffffb3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:3rem;z-index:1000;animation:fadeIn .15s ease}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;width:100%;max-width:520px;position:relative;max-height:80vh;overflow-y:auto;animation:slideUp .2s ease;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition),color var(--transition)}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.modal-content>label{display:block;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);margin-top:1rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.modal-field{width:100%!important;padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition);background:var(--color-bg-secondary)}.modal-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0052cc1f;background:var(--color-surface)}.modal-field-static{width:100%;padding:.5rem 0;font-size:var(--font-size-base);color:var(--color-text);white-space:pre-wrap;word-break:break-word}.modal-description{width:100%;height:160px;resize:none;overflow-y:auto}.modal-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border-light)}.modal-section:first-of-type{border-top:none;padding-top:0}.modal-section h4{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);margin-bottom:.5rem;font-weight:700}.label-badge{display:inline-block;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;color:#fff;margin-right:.25rem;margin-bottom:.25rem}.label-list{display:flex;flex-wrap:wrap;gap:.375rem}.label-badge{display:inline-block;border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:var(--font-size-xs);color:#fff;cursor:pointer;transition:opacity var(--transition);font-weight:600}.label-badge.inactive{color:var(--color-text-secondary);opacity:.6}.label-badge:hover{opacity:.8}.modal-row{display:flex;gap:1rem;margin-top:.75rem}.modal-row>div{flex:1}.modal-row label{display:block;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.modal-check{display:flex;align-items:flex-end;padding-bottom:.25rem}.modal-check label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.comment-list{max-height:200px;overflow-y:auto;margin-bottom:.5rem}.comment-item{padding:.5rem 0;border-bottom:1px solid var(--color-border)}.comment-item:last-child{border-bottom:none}.comment-header{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.25rem}.comment-header strong{color:var(--color-text)}.comment-header span{color:var(--color-text-secondary)}.comment-item p{font-size:.875rem;white-space:pre-wrap;word-break:break-word}.comment-form{display:flex;gap:.5rem}.comment-form input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:4px;font-size:.875rem}.comment-form button{padding:.5rem .75rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600}.comment-form button:disabled{opacity:.5;cursor:not-allowed}.member-badge{display:inline-block;background:var(--color-bg);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;margin-right:.25rem;margin-bottom:.25rem}.members-panel{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem;margin-bottom:1.5rem;animation:slideDown .15s ease}.members-panel h3{font-size:var(--font-size-sm);font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.members-panel .member-list{display:flex;flex-direction:column;gap:0;margin-bottom:1rem}.member-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-border-light)}.member-row:last-child{border-bottom:none}.member-row .avatar{width:32px;height:32px;font-size:var(--font-size-xs)}.member-info{flex:1;display:flex;flex-direction:column;min-width:0}.member-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.member-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.member-role-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;padding:.125rem .5rem;border-radius:var(--radius-sm);letter-spacing:.3px}.member-role-badge.role-admin{background:var(--color-primary-light);color:var(--color-primary)}.member-role-badge.role-member{background:var(--color-success-bg);color:var(--color-success)}.member-role-badge.role-viewer{background:#f1f3f4;color:#5f6368}.btn-remove{background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;padding:.25rem;line-height:1;transition:color var(--transition),background var(--transition);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{color:var(--color-error);background:var(--color-error-bg)}.member-add-form{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.member-add-form input,.member-add-form select{padding:.375rem .625rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:border-color var(--transition)}.member-add-form input:focus,.member-add-form select:focus{outline:none;border-color:var(--color-primary)}.member-add-form input{min-width:200px;flex:1}.member-add-form select{min-width:100px}.member-add-form button{padding:.375rem .75rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition)}.member-add-form button:hover{background:var(--color-primary-hover)}.confirm-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:380px;animation:slideUp .2s ease;box-shadow:var(--shadow-lg);margin-top:20vh}.confirm-modal h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.confirm-modal p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:1.25rem;line-height:1.4}.confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.confirm-actions .btn-secondary{padding:.5rem 1rem;font-size:var(--font-size-sm)}.confirm-actions .btn-danger{padding:.5rem 1rem;font-size:var(--font-size-sm);margin-top:0}.btn-secondary{padding:.5rem 1rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-weight:600;font-size:.875rem;transition:background .15s}.btn-secondary:hover{background:#f0f2f5}.dashboard-toolbar{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.toast-container{position:fixed;bottom:1.5rem;left:1.5rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1rem;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;color:#fff;animation:slideUp .25s ease;box-shadow:var(--shadow-lg);cursor:pointer;max-width:400px;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;line-height:1.3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast.toast-exit{animation:slideDown .2s ease forwards}.toast-error{background:#cf513df2}.toast-success{background:#1a7f37f2}.toast-info{background:#0052ccf2}.toast-undo-btn{background:#fff3;border:1px solid rgba(255,255,255,.35);color:#fff;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--transition)}.toast-undo-btn:hover{background:#ffffff4d}.skeleton{background:linear-gradient(90deg,#e8ecf0 25%,#f2f5f8,#e8ecf0 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm);color:transparent!important;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em;width:100%}.skeleton-text:last-child{width:60%}.skeleton-card{height:60px;margin-bottom:.5rem}.skeleton-heading{height:1.25rem;width:40%;margin-bottom:1rem}.skeleton-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.skeleton-workspace{height:90px;border-radius:var(--radius)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.spinner-white{border-color:#ffffff4d;border-right-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading{position:relative;pointer-events:none;opacity:.8}.drag-handle{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition);cursor:grab;padding:2px;border-radius:2px;flex-shrink:0;font-size:1rem;line-height:1}.card-item:hover .drag-handle{opacity:.6}.drag-handle:hover{opacity:1!important;background:#0000000f}.drag-handle:active{cursor:grabbing}.card-item.dragging{box-shadow:0 8px 24px #0003!important;transform:rotate(4deg) scale(1.02);opacity:.95;z-index:100}.list-column.dragging-over .card-item:not(.dragging){opacity:.7}.drop-indicator{height:3px;background:var(--color-primary);border-radius:2px;margin:2px 0;animation:pulse .8s ease infinite}.list-empty-state{padding:1rem .5rem;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}.page-enter{animation:fadeIn .2s ease}.page-exit{animation:fadeIn .15s ease reverse forwards}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);background:#000c;color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;z-index:100}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:150;animation:fadeIn .15s ease}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--color-surface);z-index:200;box-shadow:var(--shadow-lg);animation:slideInLeft .2s ease;display:flex;flex-direction:column;overflow:hidden}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.sidebar-header h2{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.04em}.sidebar-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition),color var(--transition)}.sidebar-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.sidebar-section{padding:.75rem 0;border-bottom:1px solid var(--color-border-light)}.sidebar-section:last-child{border-bottom:none}.sidebar-section-title{padding:0 1rem;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:.375rem}.sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;cursor:pointer;transition:background var(--transition);border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:var(--color-bg-secondary)}.sidebar-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-item-icon{flex-shrink:0;width:20px;text-align:center;font-size:1rem}.sidebar-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-scroll{flex:1;overflow-y:auto}.sidebar-toggle-btn{background:none;border:none;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;line-height:1;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);display:flex;align-items:center;gap:.25rem}.sidebar-toggle-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.breadcrumbs{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumbs a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition)}.breadcrumbs a:hover{color:var(--color-text)}.breadcrumbs span{color:var(--color-text);font-weight:600}.breadcrumb-sep{color:var(--color-border);font-size:.75rem}.inline-edit{background:transparent;border:none;border-bottom:2px solid transparent;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;padding:.125rem .25rem;transition:border-color var(--transition),background var(--transition);border-radius:2px;min-width:50px}.inline-edit:hover{background:#0000000a}.inline-edit:focus{outline:none;border-bottom-color:var(--color-primary);background:#0000000a}.inline-edit-white{color:#fff}.inline-edit-white:hover{background:#ffffff1a}.inline-edit-white:focus{border-bottom-color:#fff;background:#ffffff26}.inline-edit-dark{color:var(--color-text)}.bg-selector{display:flex;gap:.375rem;flex-wrap:wrap}.bg-option{width:40px;height:28px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:border-color var(--transition),transform var(--transition);flex-shrink:0}.bg-option:hover{transform:scale(1.1)}.bg-option.active{border-color:#fff;box-shadow:0 0 0 1px #0003}.md-content p{margin-bottom:.375rem}.md-content p:last-child{margin-bottom:0}.md-content ul,.md-content ol{margin:.25rem 0 .375rem;padding-left:1.25rem}.md-content li{margin-bottom:.125rem}.md-content strong{font-weight:700}.md-content a{color:var(--color-primary);text-decoration:underline}.md-content code{background:var(--color-bg-secondary);padding:.125rem .25rem;border-radius:2px;font-size:.8em;font-family:SFMono-Regular,Consolas,monospace}.field-error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px #de350b1f!important}.field-error-text{font-size:var(--font-size-xs);color:var(--color-error);margin-top:.125rem;font-weight:500}.char-counter{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;margin-top:.125rem}.char-counter.warn{color:#e6a817}.char-counter.error{color:var(--color-error);font-weight:600}@media (max-width: 768px){.workspace-grid,.board-grid{grid-template-columns:1fr}.sidebar{width:100%}.list-column{min-width:240px;max-width:240px}.dashboard-header{flex-direction:column;gap:.75rem;align-items:flex-start}.dashboard-content{padding:1rem}.board-header{flex-wrap:wrap;gap:.5rem}.header-search .search-input{width:140px}.header-search .search-input:focus{width:180px}.modal-content{max-width:100%;margin:0 .5rem;max-height:90vh;padding:1rem}.members-panel .member-add-form{flex-direction:column}.members-panel .member-add-form input,.members-panel .member-add-form select,.members-panel .member-add-form button{width:100%}.inline-form{flex-direction:column}.inline-form input{width:100%}.app-user-name{display:none}.auth-card{padding:1.5rem}.toast-container{left:.5rem;right:.5rem;bottom:.5rem}.toast{max-width:100%}.confirm-modal{margin:0 .5rem}}@media (max-width: 480px){.board-view .lists-container{padding:.5rem;gap:.5rem}.list-column{min-width:220px;max-width:220px}.card-item{padding:.375rem .5rem;font-size:var(--font-size-sm)}}