*,*: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}}.page-enter{animation:fadeIn .2s ease}.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{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{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;color:#fff;z-index:9999;animation:slideUp .2s ease;box-shadow:var(--shadow-lg);cursor:pointer;max-width:360px}.toast-error{background:#cf513d}.toast-success{background:#1a7f37}.toast-info{background:#0052cc}
