@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{max-width:400px;width:100%}.auth-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;text-align:center}.auth-header h1{color:#fff;font-size:28px;font-weight:700;margin:0}.auth-card{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;padding:32px}.auth-card h2{color:var(--neutral-900);font-size:20px;font-weight:600;margin:0 0 24px;text-align:center}.auth-error{background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:14px;padding:12px}.auth-error,.form-group{margin-bottom:16px}.form-group label{color:var(--neutral-700);font-weight:500;margin-bottom:6px}.form-group input{border:2px solid var(--neutral-300);border-radius:4px;box-sizing:border-box;font-size:14px;height:44px;padding:0 12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:var(--primary-500);outline:none}.form-group input::placeholder{color:var(--neutral-400)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.auth-button{background:var(--primary-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:44px;margin-top:8px;transition:background .2s;width:100%}.auth-button:hover:not(:disabled){background:var(--primary-600)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{font-size:14px;margin-top:24px;text-align:center}.auth-footer a{color:var(--primary-500);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-select{background:#fff;border:2px solid var(--neutral-300);border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:14px;height:44px;padding:0 12px;transition:border-color .2s;width:100%}.auth-select:focus{border-color:var(--primary-500);outline:none}.otp-header{margin-bottom:24px;text-align:center}.otp-icon{align-items:center;background:#e8f4fd;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.otp-icon .material-icons{color:var(--primary-500);font-size:28px}.otp-subtitle{color:var(--neutral-600);font-size:14px;line-height:1.5;margin:0}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.otp-box{border:2px solid var(--neutral-300);border-radius:8px;caret-color:var(--primary-500);color:var(--neutral-900);font-size:24px;font-weight:700;height:56px;text-align:center;transition:border-color .15s,box-shadow .15s;width:48px}.otp-box:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0079bf26;outline:none}.otp-box:not(:placeholder-shown){background:#f0f8ff;border-color:var(--primary-400)}.otp-footer{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:20px}.resend-btn{background:none;border:none;border-radius:4px;color:var(--primary-500);cursor:pointer;font-size:14px;padding:4px 8px;transition:background .15s}.resend-btn:hover:not(:disabled){background:#0079bf14}.resend-btn:disabled{color:var(--neutral-400);cursor:default}.back-btn{background:none;border:none;color:var(--neutral-500);cursor:pointer;font-size:13px;padding:4px 8px;transition:color .15s}.back-btn:hover{color:var(--neutral-800)}.ws-settings-page{background:#0d1117;background:var(--bg-primary,#0d1117);color:#e6edf3;color:var(--text-primary,#e6edf3);font-family:Inter,system-ui,sans-serif;min-height:100vh}.ws-error,.ws-loading{align-items:center;color:#8b949e;color:var(--text-secondary,#8b949e);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh}.ws-error .material-icons,.ws-loading .material-icons{font-size:48px}.ws-error .material-icons{color:#e74c3c}.spinning{animation:spin 1s linear infinite}.ws-error button{background:#238636;background:var(--accent-color,#238636);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:10px 20px}.ws-settings-header{align-items:center;background:#161b22;background:var(--bg-secondary,#161b22);border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-color,#30363d);display:flex;gap:16px;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ws-back-btn{align-items:center;background:#0000;border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:8px;color:#e6edf3;color:var(--text-primary,#e6edf3);cursor:pointer;display:flex;flex-shrink:0;padding:8px;transition:background .15s,transform .15s}.ws-back-btn:hover{background:#21262d;background:var(--bg-tertiary,#21262d);transform:translateX(-2px)}.ws-settings-header h1{font-size:22px;font-weight:700;margin:0 0 2px}.ws-settings-header p{color:#8b949e;color:var(--text-secondary,#8b949e);font-size:13px;margin:0}.ws-settings-body{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:900px;padding:32px 24px}.ws-action-error{align-items:center;background:#e74c3c1f;border:1px solid #e74c3c66;border-radius:8px;color:#e74c3c;display:flex;font-size:14px;gap:10px;padding:12px 16px}.ws-action-error .material-icons{font-size:18px}.ws-action-error button{align-items:center;background:#0000;border:none;color:#e74c3c;cursor:pointer;display:flex;margin-left:auto}.ws-section{background:#161b22;background:var(--bg-secondary,#161b22);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:12px;padding:24px}.ws-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ws-section h2{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.ws-count{background:#21262d;background:var(--bg-tertiary,#21262d);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:20px;color:#8b949e;color:var(--text-secondary,#8b949e);font-size:13px;font-weight:500;padding:2px 10px}.ws-add-btn{align-items:center;background:#238636;background:var(--accent-color,#238636);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:9px 16px;transition:background .15s,transform .15s,box-shadow .15s}.ws-add-btn:hover{background:#2ea043;background:var(--accent-hover,#2ea043);box-shadow:0 4px 12px #2386364d;transform:translateY(-1px)}.ws-add-btn .material-icons{font-size:18px}.ws-add-panel{background:#21262d;background:var(--bg-tertiary,#21262d);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:10px;margin-bottom:20px;padding:20px}.ws-add-panel h3{font-size:15px;font-weight:600;margin:0 0 16px}.ws-add-form{gap:14px}.ws-add-form,.ws-field{display:flex;flex-direction:column}.ws-field{gap:6px}.ws-field label{color:#8b949e;color:var(--text-secondary,#8b949e);font-size:13px;font-weight:500}.ws-field select{background:#161b22;background:var(--bg-secondary,#161b22);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:8px;color:#e6edf3;color:var(--text-primary,#e6edf3);cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .15s}.ws-field select:focus,.ws-field select:hover{border-color:#238636;border-color:var(--accent-color,#238636);outline:none}.ws-search-input{background:#161b22;background:var(--bg-secondary,#161b22);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:8px;box-sizing:border-box;color:#e6edf3;color:var(--text-primary,#e6edf3);font-size:14px;padding:10px 12px;transition:border-color .15s;width:100%}.ws-search-input:focus,.ws-search-input:hover{border-color:#238636;border-color:var(--accent-color,#238636);outline:none}.ws-search-hint{color:#484f58;color:var(--text-tertiary,#484f58);display:block;font-size:12px;margin-top:4px}.ws-search-results{background:#161b22;background:var(--bg-secondary,#161b22);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:8px;margin-top:6px;max-height:200px;overflow:hidden;overflow-y:auto}.ws-search-result-item{align-items:center;background:#0000;border:none;color:#e6edf3;color:var(--text-primary,#e6edf3);cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:background .12s;width:100%}.ws-search-result-item.selected,.ws-search-result-item:hover{background:#21262d;background:var(--bg-tertiary,#21262d)}.ws-search-result-item .material-icons{color:#484f58;color:var(--text-tertiary,#484f58);flex-shrink:0;font-size:22px}.ws-result-name{font-size:14px;font-weight:500}.ws-result-email{color:#8b949e;color:var(--text-secondary,#8b949e);font-size:12px;margin-left:auto}.ws-add-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.ws-btn-primary,.ws-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:9px 18px;transition:all .15s}.ws-btn-secondary{background:#161b22;background:var(--bg-secondary,#161b22);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);color:#e6edf3;color:var(--text-primary,#e6edf3)}.ws-btn-secondary:hover:not(:disabled){background:#21262d;background:var(--bg-tertiary,#21262d)}.ws-btn-primary{background:#238636;background:var(--accent-color,#238636);color:#fff}.ws-btn-primary:hover:not(:disabled){background:#2ea043;background:var(--accent-hover,#2ea043);box-shadow:0 4px 12px #2386364d}.ws-btn-primary:disabled,.ws-btn-secondary:disabled{cursor:not-allowed;opacity:.45}.ws-empty,.ws-members-list{display:flex;flex-direction:column;gap:10px}.ws-empty{align-items:center;color:#8b949e;color:var(--text-secondary,#8b949e);padding:40px 20px;text-align:center}.ws-empty .material-icons{font-size:48px}.ws-member-row{align-items:center;background:#21262d;background:var(--bg-tertiary,#21262d);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:10px;display:flex;gap:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.ws-member-row:hover{border-color:#58a6ff44;box-shadow:0 2px 8px #0003}.ws-member-avatar .material-icons{color:#484f58;color:var(--text-tertiary,#484f58);font-size:40px}.ws-member-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ws-member-name{color:#e6edf3;color:var(--text-primary,#e6edf3);font-size:15px;font-weight:600}.ws-member-email{color:#8b949e;color:var(--text-secondary,#8b949e);font-size:13px}.ws-member-meta{color:#484f58;color:var(--text-tertiary,#484f58);font-size:11px;margin-top:2px}.ws-member-controls{align-items:center;display:flex;flex-shrink:0;gap:10px}.role-badge{letter-spacing:.6px;padding:5px 10px}.role-badge,.ws-role-select{background:#161b22;background:var(--bg-secondary,#161b22);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:6px;font-weight:700}.ws-role-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%238b949e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;font-size:12px;letter-spacing:.5px;padding:6px 28px 6px 10px;text-transform:uppercase;transition:border-color .15s}.ws-role-select:focus,.ws-role-select:hover{border-color:#58a6ff;outline:none}.ws-remove-btn{align-items:center;background:#0000;border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:6px;color:#8b949e;color:var(--text-secondary,#8b949e);cursor:pointer;display:flex;padding:6px;transition:all .15s}.ws-remove-btn:hover{background:#e74c3c1f;border-color:#e74c3c;color:#e74c3c}.ws-remove-btn .material-icons{font-size:18px}.ws-roles-section h2{margin-bottom:16px}.ws-roles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.ws-role-card{background:#21262d;background:var(--bg-tertiary,#21262d);border:1px solid #30363d;border:1px solid var(--border-color,#30363d);border-radius:10px;padding:16px}.ws-role-label{display:block;font-size:13px;font-weight:700;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.ws-role-card p{color:#8b949e;color:var(--text-secondary,#8b949e);font-size:13px;line-height:1.4;margin:0 0 10px}.ws-role-perms{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0 0 0 4px}.ws-role-perms li{color:#8b949e;color:var(--text-secondary,#8b949e);font-size:12px}.card-modal-backdrop{align-items:flex-start;animation:fadeIn .2s var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2.5rem 1rem;position:fixed;right:0;top:0;z-index:var(--z-modal)}.card-modal{animation:scaleIn .2s var(--ease-out);background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;color:var(--text-primary);margin:auto;max-width:56rem;position:relative;width:100%}.card-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);width:32px;z-index:1}.card-modal-close:hover{background-color:#091e4214;color:var(--text-primary)}.attachment-upload{position:relative}.attachment-upload-error{background-color:#ffebe6;border:1px solid #ff5630;border-radius:var(--radius-sm);color:#bf2600;font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-2)}.popover{animation:popoverIn .15s var(--ease-out);background-color:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:304px}.popover-header{padding:var(--space-3);position:relative;text-align:center}.popover-header h3{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.popover-close{border-radius:var(--radius-full);color:var(--text-secondary);height:32px;position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);transition:background-color var(--duration-fast) var(--ease-out);width:32px}.popover-content{max-height:400px;padding:var(--space-3)}@keyframes popoverIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.manage-labels-modal{background:#fff;border-radius:8px;box-shadow:0 8px 16px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:500px}.modal-header{border-bottom:1px solid #e0e0e0;padding:16px 20px}.modal-header h2{font-size:18px;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b778c;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.modal-close:hover{background-color:#f4f5f7}.modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.create-label-btn{background:#0079bf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:16px;padding:12px;transition:background-color .2s;width:100%}.create-label-btn:hover{background:#026aa7}.label-form{background:#f4f5f7;border-radius:4px;margin-bottom:16px;padding:16px}.label-name-input{border:2px solid #dfe1e6;border-radius:4px;font-size:14px;margin-bottom:12px;padding:10px 12px;transition:border-color .2s;width:100%}.label-name-input:focus{border-color:#0079bf;outline:none}.color-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.color-option{border:2px solid #0000;border-radius:4px;height:32px;transition:transform .2s,box-shadow .2s;width:40px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#172b4d;box-shadow:0 0 0 2px #fff,0 0 0 4px #172b4d;transform:scale(1.1)}.form-actions{display:flex;gap:8px}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.btn-primary{background:#0079bf;color:#fff}.btn-primary:hover{background:#026aa7}.btn-secondary{background:#f4f5f7;color:#172b4d}.btn-secondary:hover{background:#e4e6ea}.labels-list{gap:12px}.empty-state,.loading{color:#6b778c;font-size:14px;padding:32px;text-align:center}.label-item{background:#f4f5f7;border-radius:4px;justify-content:space-between;padding:12px}.label-item,.label-preview{align-items:center;display:flex}.label-preview{flex:1 1;gap:12px}.label-color-bar{border-radius:4px;height:32px;width:48px}.label-name{color:#172b4d;flex:1 1;font-size:14px;font-weight:600}.label-count{color:#6b778c;font-size:12px}.label-actions{display:flex;gap:8px}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.btn-edit{background:#fff;color:#172b4d}.btn-edit:hover{background:#e4e6ea}.btn-delete{background:#fff;color:#eb5a46}.btn-delete:hover{background:#ffebe6}.label-edit-form{width:100%}.labels-popover{display:flex;flex-direction:column;gap:var(--space-3)}.labels-search{background-color:var(--neutral-100);border:1px solid #091e4221;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);padding:var(--space-2);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);width:100%}.labels-search:focus{background-color:var(--neutral-0);border-color:var(--trello-blue);outline:none}.labels-list{flex-direction:column}.label-option,.labels-list{display:flex;gap:var(--space-2)}.label-option{align-items:center;border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:transform var(--duration-fast) var(--ease-out)}.label-option:hover{transform:translateX(4px)}.label-color{border-radius:var(--radius-sm);color:var(--neutral-0);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);transition:opacity var(--duration-fast) var(--ease-out)}.label-option:hover .label-color{opacity:.9}.label-check{color:var(--neutral-0);position:absolute;right:var(--space-2)}.move-card-popover{display:flex;flex-direction:column;gap:var(--space-3)}.move-card-field{display:flex;flex-direction:column;gap:var(--space-1)}.move-card-field label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.move-card-select{background-color:var(--neutral-100);border:1px solid #091e4221;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);padding:var(--space-2);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);width:100%}.move-card-select:hover{background-color:#091e420a}.move-card-select:focus{background-color:var(--neutral-0);border-color:var(--trello-blue);outline:none}.move-card-loading{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-3) 0;text-align:center}.move-card-error{color:#eb5a46;color:var(--color-danger,#eb5a46);font-size:var(--font-size-sm);padding:var(--space-1) 0}.copy-card-popover{animation:popoverSlideIn .2s ease-out;background-color:#fff;background-color:var(--neutral-0,#fff);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 8px 16px #00000026;box-shadow:var(--shadow-modal,0 8px 16px #00000026);width:300px}@keyframes popoverSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover-header{border-bottom:1px solid #091e4221;padding:var(--space-3,12px) var(--space-4,16px)}.popover-header h3{color:var(--text-primary,#172b4d);font-size:var(--font-size-sm,14px);font-weight:600;font-weight:var(--font-weight-semibold,600)}.popover-close{align-items:center;border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--text-secondary,#5e6c84);display:flex;font-size:16px;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.popover-close:hover{background-color:#091e4214}.popover-content{padding:var(--space-4,16px)}.form-group{margin-bottom:12px;margin-bottom:var(--space-3,12px)}.form-group label{color:#5e6c84;color:var(--text-secondary,#5e6c84);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);margin-bottom:4px;margin-bottom:var(--space-1,4px)}.form-group input[type=text],.form-group select{border:1px solid #091e4240;border-radius:4px;border-radius:var(--radius-sm,4px);color:#172b4d;color:var(--text-primary,#172b4d);font-size:14px;font-size:var(--font-size-sm,14px);padding:8px;padding:var(--space-2,8px);transition:border-color .2s ease;width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#0079bf;border-color:var(--trello-blue,#0079bf);outline:none}.form-section{margin-bottom:12px;margin-bottom:var(--space-3,12px)}.form-section>label{color:#5e6c84;color:var(--text-secondary,#5e6c84);display:block;font-size:12px;font-size:var(--font-size-xs,12px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:8px;margin-bottom:var(--space-2,8px)}.checkbox-group{flex-direction:column}.checkbox-group,.checkbox-label{display:flex;gap:8px;gap:var(--space-2,8px)}.checkbox-label{align-items:center;color:#172b4d;color:var(--text-primary,#172b4d);cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px)}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-label span{-webkit-user-select:none;user-select:none}.copy-button{background-color:#0079bf;background-color:var(--trello-blue,#0079bf);border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#fff;color:var(--neutral-0,#fff);cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:8px;padding:var(--space-2,8px);transition:background-color .2s ease;width:100%}.copy-button:hover:not(:disabled){background-color:#026aa7}.copy-button:disabled{cursor:not-allowed;opacity:.6}.checklist-item{align-items:flex-start;display:flex;gap:8px;padding:6px 0;position:relative}.checklist-item:hover .checklist-item-delete{opacity:1}.checklist-item-checkbox{cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.checklist-item-text{border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;line-height:1.4;padding:4px 8px;word-break:break-word}.checklist-item-text:hover{background:var(--neutral-200)}.checklist-item.completed .checklist-item-text{color:var(--neutral-600);text-decoration:line-through}.checklist-item-edit{flex:1 1}.checklist-item-textarea{border:2px solid var(--primary-500);border-radius:4px;font-family:inherit;font-size:14px;min-height:32px;padding:4px 8px;resize:vertical;width:100%}.checklist-item-textarea:focus{border-color:var(--primary-600);outline:none}.checklist-item-delete{background:none;border:none;border-radius:4px;color:var(--neutral-600);cursor:pointer;flex-shrink:0;opacity:0;padding:4px;transition:opacity .2s,background .2s}.checklist-item-delete:hover{background:var(--neutral-200);color:var(--danger-600)}.checklist{margin-bottom:24px}.checklist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.checklist-header-left{align-items:center;display:flex;flex:1 1;gap:8px}.checklist-header-left svg{color:var(--neutral-600);flex-shrink:0}.checklist-name{border-radius:4px;color:var(--neutral-900);cursor:pointer;font-size:16px;font-weight:600;margin:0;padding:4px 8px}.checklist-name:hover{background:var(--neutral-200)}.checklist-name-input{flex:1 1;font-size:16px;font-weight:600;padding:4px 8px}.checklist-progress{align-items:center;display:flex;gap:8px;margin-bottom:12px}.progress-text{color:var(--neutral-600);font-size:11px;min-width:32px}.progress-bar{background:var(--neutral-300);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:var(--success-500);height:100%;transition:width .3s ease}.checklist-items{margin-bottom:8px}.checklist-toggle{color:var(--neutral-700);font-size:13px;margin-bottom:8px}.add-item-form{margin-top:8px}.add-item-textarea{border:2px solid var(--primary-500);border-radius:4px;font-family:inherit;font-size:14px;margin-bottom:8px;padding:8px 12px;resize:vertical;width:100%}.add-item-textarea:focus{border-color:var(--primary-600);outline:none}.add-item-actions{display:flex;gap:8px}.checklist-section{margin-top:24px}.add-checklist-form{background:var(--neutral-100);border-radius:8px;margin-top:12px;padding:12px}.checklist-name-input{border:2px solid var(--primary-500);border-radius:4px;font-size:14px;margin-bottom:8px;padding:8px 12px;width:100%}.checklist-name-input:focus{border-color:var(--primary-600);outline:none}.add-checklist-actions{display:flex;gap:8px}.comments-section{margin-top:24px}.comments-section-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.comments-section-icon{color:var(--neutral-600)}.comments-section-header h3{color:var(--neutral-900);font-size:16px;font-weight:600;margin:0}.add-comment{display:flex;gap:8px;margin-bottom:16px}.comment-avatar{align-items:center;background:var(--primary-500);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.add-comment-placeholder{background:var(--neutral-100);border:2px solid #0000;border-radius:8px;color:var(--neutral-600);cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px}.add-comment-placeholder:hover{background:var(--neutral-200)}.add-comment-form{flex:1 1}.add-comment-textarea{border:2px solid var(--primary-500);border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:8px;min-height:80px;padding:8px 12px;resize:vertical;width:100%}.add-comment-textarea:focus{border-color:var(--primary-600);outline:none}.add-comment-actions{display:flex;gap:8px}.comments-list{display:flex;flex-direction:column;gap:16px}.comments-empty{color:var(--neutral-600);font-size:14px;padding:16px;text-align:center}.comment{display:flex;gap:8px}.comment-content{flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.comment-author{color:var(--neutral-900);font-size:14px;font-weight:600}.comment-timestamp{color:var(--neutral-600);font-size:12px}.comment-text{color:var(--neutral-800);font-size:14px;line-height:1.5;margin-bottom:4px;white-space:pre-wrap;word-break:break-word}.comment-actions{align-items:center;display:flex;font-size:12px;gap:4px}.comment-action-separator{color:var(--neutral-400);margin:0 4px}.edit-comment-form{margin-top:4px}.edit-comment-textarea{border:2px solid var(--primary-500);border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:8px;min-height:80px;padding:8px 12px;resize:vertical;width:100%}.edit-comment-textarea:focus{border-color:var(--primary-600);outline:none}.edit-comment-actions{display:flex;gap:8px}.members-popover{background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;left:0;margin-top:8px;position:absolute;top:100%;width:304px;z-index:100}.members-popover-header{align-items:center;border-bottom:1px solid var(--neutral-300);display:flex;justify-content:space-between;padding:12px 16px}.members-popover-header h3{color:var(--neutral-900);font-size:14px;font-weight:600;margin:0}.members-popover-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--neutral-600);cursor:pointer;display:flex;justify-content:center;padding:4px}.members-popover-close:hover{background:var(--neutral-200);color:var(--neutral-900)}.members-popover-search{padding:12px 16px}.members-popover-search input{border:2px solid var(--neutral-300);border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.members-popover-search input:focus{border-color:var(--primary-500);outline:none}.members-popover-title{color:var(--neutral-600);font-size:12px;font-weight:600;padding:8px 16px;text-transform:uppercase}.members-popover-list{max-height:300px;overflow-y:auto;padding:4px}.members-popover-empty{color:var(--neutral-600);font-size:14px;padding:16px;text-align:center}.member-item{background:none;border:none;border-radius:4px;cursor:pointer;gap:8px;padding:8px 12px;text-align:left;width:100%}.member-item:hover{background:var(--neutral-100)}.member-item.assigned{background:var(--primary-50)}.member-item.assigned:hover{background:var(--primary-100)}.member-item:disabled{cursor:not-allowed;opacity:.6}.member-avatar{background:var(--primary-500);display:flex;font-size:14px;height:32px;width:32px}.member-info{min-width:0}.member-name{color:var(--neutral-900);font-size:14px;font-weight:500}.member-email,.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:var(--neutral-600);font-size:12px}.member-check{color:var(--primary-600);flex-shrink:0}.activity-item{border-bottom:1px solid #f4f5f7;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-icon{height:24px;width:24px}.activity-description{word-wrap:break-word;color:#172b4d}.activity-description strong{color:#172b4d;font-weight:600}.activity-time{color:#5e6c84;font-size:12px}.activity-feed{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:400px;padding:20px}.activity-feed h3{color:#172b4d;font-size:16px;font-weight:600;margin:0 0 16px}.activity-list{max-height:500px}.activity-empty,.activity-error,.activity-loading{font-size:14px;padding:20px}.activity-error{color:#eb5a46}.activity-load-more{background:#f4f5f7;border:none;border-radius:4px;color:#172b4d;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:10px;transition:background .2s;width:100%}.activity-load-more:hover{background:#e4e6e9}.activity-load-more:active{background:#d4d6d9}.card-modal-content{padding:1.5rem 2rem}.card-modal-header{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.card-modal-icon{color:var(--text-secondary);flex-shrink:0}.card-modal-header-content{flex:1 1;min-width:0}.card-modal-title{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:20px;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0;padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-out)}.card-modal-title:hover{background-color:#091e420a}.card-modal-title-input{background-color:var(--neutral-0);border:2px solid var(--trello-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-base);font-size:20px;font-weight:var(--font-weight-semibold);outline:none;overflow:hidden;padding:var(--space-1) var(--space-2);resize:none;width:100%}.card-modal-list-name{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.card-modal-list-name span{text-decoration:underline}.card-modal-body{display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.card-modal-body{flex-direction:row;gap:3rem}}.card-modal-main{flex:1 1;min-width:0}.card-modal-sidebar{flex-shrink:0;width:100%}@media (min-width:768px){.card-modal-sidebar{background-color:#f8fafc80;border-left:1px solid #f1f5f9;margin-right:-2rem;padding:1.5rem 2rem;width:14rem}}.card-modal-labels{margin-bottom:var(--space-4)}.card-modal-labels h4{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.card-modal-labels-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.card-modal-label{border-radius:var(--radius-sm);color:var(--neutral-0);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);transition:opacity var(--duration-fast) var(--ease-out)}.card-modal-label:hover{opacity:.85}.card-modal-section{margin-bottom:var(--space-6)}.card-modal-section-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.card-modal-section-icon{color:var(--text-secondary)}.card-modal-section-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.card-modal-section-content{margin-left:2.5rem}.card-modal-date-display{background-color:#091e420a;border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-2) var(--space-3);transition:background-color var(--duration-fast) var(--ease-out)}.card-modal-date-display:hover{background-color:#091e4214}.card-modal-date-edit{margin-bottom:var(--space-3)}.card-modal-date-input{background-color:var(--neutral-0);border:2px solid var(--trello-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);margin-bottom:var(--space-2);outline:none;padding:var(--space-2) var(--space-3);width:100%}.card-modal-date-actions{display:flex;gap:var(--space-2)}.card-modal-description{word-wrap:break-word;background-color:#091e420a;border-radius:var(--radius-sm);cursor:pointer;min-height:56px;padding:var(--space-2) var(--space-3);transition:background-color var(--duration-fast) var(--ease-out);white-space:pre-wrap}.card-modal-description:hover{background-color:#091e4214}.card-modal-description.empty{color:var(--text-secondary)}.card-modal-description-edit{margin-bottom:var(--space-3)}.card-modal-description-input{background-color:var(--neutral-0);border:2px solid var(--trello-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);min-height:108px;outline:none;padding:var(--space-2) var(--space-3);resize:vertical;width:100%}.card-modal-description-actions{display:flex;gap:var(--space-2)}.card-modal-attachments{display:flex;flex-direction:column;gap:var(--space-3)}.card-modal-attachment{background-color:#091e420a;border-radius:var(--radius-sm);display:flex;gap:var(--space-3);padding:var(--space-3);transition:background-color var(--duration-fast) var(--ease-out)}.card-modal-attachment:hover{background-color:#091e4214}.card-modal-attachment-preview{background-color:var(--neutral-200);border-radius:var(--radius-sm);flex-shrink:0;height:80px;overflow:hidden;width:112px}.card-modal-attachment-preview img{height:100%;object-fit:cover;width:100%}.card-modal-attachment-icon{align-items:center;background-color:var(--neutral-200);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;flex-shrink:0;height:80px;justify-content:center;width:112px}.card-modal-attachment-info{flex:1 1;min-width:0}.card-modal-attachment-name{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-modal-attachment-meta{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.card-modal-attachment-actions{display:flex;gap:var(--space-3)}.btn-link{background:none;border:none;color:var(--trello-blue);cursor:pointer;font-size:var(--font-size-sm);padding:0;text-decoration:underline;transition:color var(--duration-fast) var(--ease-out)}.btn-link:hover{color:#0065ff}.btn-link.danger{color:#bf2600}.btn-link.danger:hover{color:#ff5630}.card-modal-activity{padding:var(--space-3)}.card-modal-activity-empty{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.card-modal-sidebar-section{margin-bottom:var(--space-4)}.card-modal-sidebar-section h4{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.card-modal-sidebar-section{margin-bottom:2rem}.btn-block{justify-content:flex-start;margin-bottom:var(--space-1);width:100%}.btn-block svg{margin-right:var(--space-2)}.notification-center{position:relative}.notification-bell{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--neutral-0);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:relative;transition:background-color var(--duration-fast) var(--ease-out);width:32px}.notification-bell:hover{background-color:#fff3}.notification-badge{background-color:#eb5a46;border-radius:9px;color:var(--neutral-0);font-size:11px;font-weight:var(--font-weight-bold);height:18px;line-height:18px;min-width:18px;padding:0 4px;position:absolute;right:-4px;text-align:center;top:-4px}.notification-live-indicator{animation:pulse-indicator 2s ease-in-out infinite;background-color:#61bd4f;border:2px solid #ffffff4d;border-radius:50%;bottom:-2px;height:8px;position:absolute;right:-2px;width:8px}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.notification-panel{animation:notificationPanelIn .2s var(--ease-out);background-color:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:600px;position:fixed;right:8px;top:48px;width:380px;z-index:1000}@keyframes notificationPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;border-bottom:1px solid #091e4221;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.notification-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.mark-all-read{background:none;border:none;border-radius:var(--radius-sm);color:var(--trello-blue);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-out)}.mark-all-read:hover{background-color:#091e420a}.notification-list{flex:1 1;max-height:520px;overflow-y:auto}.notification-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-4)}.notification-empty p{font-size:var(--font-size-base);margin:var(--space-2) 0 0 0}.notification-item{align-items:flex-start;border-bottom:1px solid #091e4214;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);position:relative;transition:background-color var(--duration-fast) var(--ease-out)}.notification-item:hover{background-color:#091e420a}.notification-item.unread{background-color:#0079bf0a}.notification-item.unread:hover{background-color:#0079bf14}.notification-icon{align-items:center;background-color:#091e420a;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-content{flex:1 1;min-width:0}.notification-message{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--space-1)}.notification-card-title{margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-card-title,.notification-time{color:var(--text-secondary);font-size:var(--font-size-xs)}.notification-dot{background-color:var(--trello-blue);border-radius:var(--radius-full);height:8px;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:8px}.search-bar{align-items:center;display:flex;margin-top:13px;max-width:400px;position:relative;width:100%}.search-bar .search-icon{color:#fff9;left:12px;margin-bottom:10px;pointer-events:none;position:absolute;transition:color .15s ease;z-index:1}.search-bar .search-input{background-color:#0000001a;border:1px solid #ffffff1a;border-radius:3px;color:#fff;font-size:14px;height:32px;padding:0 32px 0 36px;transition:all .15s ease;width:100%}.search-bar .search-input::placeholder{color:#ffffff80}.search-bar .search-input:hover{background-color:#00000026;border-color:#ffffff26}.search-bar .search-input:focus{background-color:#fff;border-color:#4c9aff;color:#172b4d;outline:none}.search-bar .search-input:focus::placeholder{color:#a5adba}.search-bar .search-input:focus~.search-clear,.search-bar .search-input:focus~.search-icon{color:#5e6c84}.search-bar .search-clear{align-items:center;background:none;border:none;border-radius:3px;color:#fff9;cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;position:absolute;right:6px;transition:all .15s ease;width:22px}.search-bar .search-clear:hover{background:#ffffff26;color:#fff}.search-bar .search-input:focus~.search-clear:hover{background:#dfe1e6;color:#172b4d}.filter-panel-container{position:relative}.filter-button{align-items:center;background-color:#ffffff4d;border:none;border-radius:var(--radius-sm);color:var(--neutral-0);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-1);height:32px;padding:0 var(--space-2);transition:background-color var(--duration-fast) var(--ease-out)}.filter-button.active,.filter-button:hover{background-color:#fff6}.filter-badge{align-items:center;background:var(--primary-500);border-radius:var(--radius-full);color:#fff;display:flex;font-size:11px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;min-width:18px;padding:0 4px}.filter-panel{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:500px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:var(--z-dropdown)}.filter-panel-header{align-items:center;border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.filter-panel-header h3{color:var(--neutral-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.filter-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--neutral-600);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background-color var(--duration-fast) var(--ease-out);width:24px}.filter-close:hover{background:var(--neutral-100)}.filter-section{border-bottom:1px solid var(--neutral-200);padding:var(--space-3) var(--space-4)}.filter-section:last-of-type{border-bottom:none}.filter-section h4{color:var(--neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.filter-options{display:flex;flex-direction:column;gap:var(--space-2)}.filter-checkbox,.filter-radio{align-items:center;cursor:pointer;display:flex;gap:var(--space-2);-webkit-user-select:none;user-select:none}.filter-checkbox input,.filter-radio input{cursor:pointer}.label-badge{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.label-badge.label-red{background:var(--label-red)}.label-badge.label-orange{background:var(--label-orange)}.label-badge.label-yellow{background:var(--label-yellow);color:var(--neutral-900)}.label-badge.label-green{background:var(--label-green)}.label-badge.label-blue{background:var(--label-blue)}.label-badge.label-purple{background:var(--label-purple)}.member-name{color:var(--neutral-700);font-size:var(--font-size-sm)}.filter-footer{border-top:1px solid var(--neutral-200);padding:var(--space-3) var(--space-4)}.clear-filters-button{background:var(--neutral-100);border:none;border-radius:var(--radius-sm);color:var(--neutral-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2);transition:background-color var(--duration-fast) var(--ease-out);width:100%}.clear-filters-button:hover{background:var(--neutral-200)}.live-indicator{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;transition:all .3s ease}.live-indicator.connected{background-color:#10b9811a;color:#10b981}.live-indicator.disconnected{background-color:#ef44441a;color:#ef4444}.status-dot{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:6px;width:6px}.live-indicator.connected .status-dot{background-color:#10b981}.live-indicator.disconnected .status-dot{background-color:#ef4444}.status-text{line-height:1}.create-workspace-modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:500px}.modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e4e6e9;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#172b4d;font-size:20px;font-weight:700;margin:0}.modal-content{overflow-y:auto;padding:24px}.error-message{background:#ffebe6;border:1px solid #eb5a46;border-radius:6px;color:#c9372c;font-size:14px;margin-bottom:16px;padding:12px 16px}.form-group{margin-bottom:20px}.form-group label{color:#172b4d;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #dfe1e6;border-radius:6px;color:#172b4d;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0079bf;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#a5adba}.form-group textarea{min-height:80px;resize:vertical}.modal-footer{border-top:1px solid #e4e6e9;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.cancel-button,.create-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cancel-button{background:#f4f5f7;color:#172b4d}.cancel-button:hover:not(:disabled){background:#e4e6e9}.create-button{background:#0079bf;color:#fff}.create-button:hover:not(:disabled){background:#026aa7}.cancel-button:disabled,.create-button:disabled{cursor:not-allowed;opacity:.5}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f4f5f7;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a5adba}.modal-overlay{align-items:center;animation:overlayFadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.today-tasks-modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:650px}.today-modal-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e4e6e9;display:flex;justify-content:space-between;padding:20px 24px}.header-content h2{align-items:center;color:#172b4d;display:flex;font-size:22px;font-weight:700;gap:8px;margin:0 0 6px}.today-date{color:#5e6c84;font-size:13px;font-weight:500;margin:0}.today-modal-content{background:#fafbfc;flex:1 1;overflow-y:auto;padding:16px 24px 24px}.error-state,.loading-state{padding:60px 20px}.empty-state{gap:12px;justify-content:center;padding:80px 20px}.empty-icon{font-size:56px}.empty-state p{color:#172b4d;font-size:18px;font-weight:600;margin:0}.empty-subtitle{color:#5e6c84;font-size:14px}.task-section{margin-bottom:20px}.task-section:last-child{margin-bottom:0}.section-header{align-items:center;background:#fff;border:2px solid #dfe1e6;border-radius:8px;display:flex;gap:8px;margin-bottom:10px;padding:10px 14px}.section-icon{font-size:18px}.section-header h3{color:#172b4d;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.overdue-header{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-color:#eb5a46}.overdue-section .section-header h3{color:#c9372c}.morning-header{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9}.afternoon-header{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ffb74d}.evening-header{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#ce93d8}.night-header{background:linear-gradient(135deg,#e8eaf6,#c5cae9);border-color:#9fa8da}.task-list{display:flex;flex-direction:column;gap:8px}.task-item{background:#fff;border:2px solid #dfe1e6;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;padding:14px 16px;transition:all .15s ease}.task-item:hover{background:#f4f5f7;border-color:#0079bf;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.overdue-item{background:#fff5f5;border-color:#eb5a46}.overdue-item:hover{background:#ffe5e5;border-color:#c9372c}.task-time{color:#0079bf;font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.overdue-time{color:#eb5a46}.task-title{color:#172b4d;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:6px}.task-list-name{align-items:center;color:#5e6c84;display:flex;font-size:12px;gap:4px;margin-bottom:6px}.task-labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.task-label{border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;text-shadow:0 1px 1px #0003}.today-modal-content::-webkit-scrollbar{width:8px}.today-modal-content::-webkit-scrollbar-track{background:#f4f5f7;border-radius:4px}.today-modal-content::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}.today-modal-content::-webkit-scrollbar-thumb:hover{background:#a5adba}.app-header{align-items:center;background-color:var(--header-bg);box-shadow:0 1px 0 #091e4221;color:var(--neutral-0);display:flex;height:var(--header-height);justify-content:space-between;padding:0 var(--space-2);z-index:var(--z-sticky)}.header-center,.header-left,.header-right{align-items:center;display:flex;gap:var(--space-2);height:100%}.header-left{flex:1 1}.header-center{flex:0 1 auto}.header-right{flex:1 1;justify-content:flex-end}.header-logo{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-out)}.header-logo:hover{background-color:#fff3}.header-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.header-workspace{position:relative}.workspace-button{align-items:center;background-color:#ffffff4d;border:none;border-radius:var(--radius-sm);color:var(--neutral-0);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-out)}.workspace-button:hover{background-color:#fff6}.workspace-dropdown{background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;left:0;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.workspace-dropdown-header{border-bottom:1px solid #e4e6e9;color:#5e6c84;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.workspace-list{max-height:300px;overflow-y:auto}.workspace-item{color:#172b4d;font-size:14px;justify-content:space-between;padding:10px 16px;transition:background .2s}.workspace-item:hover{background:#f4f5f7}.workspace-item.active{background:#e4f0f6;color:#0079bf}.workspace-dropdown-footer{border-top:1px solid #e4e6e9;padding:8px}.create-workspace-btn{align-items:center;background:#f4f5f7;border:none;border-radius:6px;color:#172b4d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.create-workspace-btn:hover{background:#e4e6e9}.header-board-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2)}.header-center{gap:var(--space-2)}.header-center,.header-search{align-items:center;display:flex}.header-search{max-width:100%;position:relative;width:400px}.header-search svg{color:var(--neutral-400);left:var(--space-2);position:absolute}.header-search input{background-color:#ffffff4d;border:none;border-radius:var(--radius-sm);color:var(--neutral-0);font-size:var(--font-size-base);height:32px;padding:0 var(--space-2) 0 var(--space-8);transition:background-color var(--duration-fast) var(--ease-out);width:100%}.header-search input::placeholder{color:#ffffffb3}.header-search input:focus{background-color:var(--neutral-0);color:var(--text-primary);outline:none}.header-search input:focus::placeholder{color:var(--neutral-500)}.header-icon-button{align-items:center;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--neutral-0);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color var(--duration-fast) var(--ease-out);width:32px}.header-icon-button:hover{background-color:#fff3}.today-button{align-items:center;background-color:#ffffff4d;border:none;border-radius:var(--radius-sm);color:var(--neutral-0);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-1);height:32px;padding:0 var(--space-3);position:relative;transition:background-color var(--duration-fast) var(--ease-out)}.today-button:hover{background-color:#fff6}.today-badge{align-items:center;background-color:#eb5a46;background-color:var(--danger-500,#eb5a46);border-radius:9px;color:var(--neutral-0);display:inline-flex;font-size:11px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.header-avatar{background:none;border:none;cursor:pointer;padding:0}.avatar{align-items:center;background-color:var(--neutral-600);border-radius:var(--radius-full);color:var(--neutral-0);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:32px;justify-content:center;transition:transform var(--duration-fast) var(--ease-out);width:32px}.avatar:hover{transform:scale(1.1)}.user-menu-container{position:relative}.user-menu{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:var(--z-dropdown)}.user-menu-header{align-items:center;background:var(--neutral-50);display:flex;gap:var(--space-3);padding:var(--space-4)}.user-menu-avatar{align-items:center;background:var(--primary-500);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:var(--font-weight-semibold);height:48px;justify-content:center;width:48px}.user-menu-info{flex:1 1;min-width:0}.user-menu-name{color:var(--neutral-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.user-menu-email,.user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{color:var(--neutral-600);font-size:var(--font-size-sm)}.user-menu-divider{background:var(--neutral-200);height:1px}.user-menu-item{align-items:center;background:none;border:none;color:var(--neutral-700);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;transition:background-color var(--duration-fast) var(--ease-out);width:100%}.user-menu-item:hover{background:var(--neutral-100)}.user-menu-item svg{color:var(--neutral-500)}.create-board-modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:450px}.create-board-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e4e6e9;display:flex;justify-content:space-between;padding:20px 24px}.create-board-modal .modal-header h2{color:#172b4d;font-size:20px;font-weight:700;margin:0}.create-board-modal .close-button{background:none;border:none;color:#5e6c84;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;transition:color .2s}.create-board-modal .close-button:hover{color:#172b4d}.create-board-modal .modal-content{overflow-y:auto;padding:24px}.create-board-modal .error-message{background:#ffebe6;border:1px solid #eb5a46;border-radius:6px;color:#c9372c;font-size:14px;margin-bottom:16px;padding:12px 16px}.create-board-modal .form-group{margin-bottom:20px}.create-board-modal .form-group label{color:#172b4d;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-board-modal .form-group input{border:2px solid #dfe1e6;border-radius:6px;color:#172b4d;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.create-board-modal .form-group input:focus{border-color:#0079bf;outline:none}.create-board-modal .form-group input::placeholder{color:#a5adba}.color-options{display:flex;gap:12px}.color-option{align-items:center;border:3px solid #0000;border-radius:6px;box-shadow:0 1px 3px #00000026;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:60px}.color-option:hover{box-shadow:0 2px 6px #0003;transform:scale(1.05)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 3px #0079bf,0 2px 6px #0003}.create-board-modal .modal-footer{border-top:1px solid #e4e6e9;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.create-board-modal .cancel-button,.create-board-modal .create-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.create-board-modal .cancel-button{background:#f4f5f7;color:#172b4d}.create-board-modal .cancel-button:hover:not(:disabled){background:#e4e6e9}.create-board-modal .create-button{background:#0079bf;color:#fff}.create-board-modal .create-button:hover:not(:disabled){background:#026aa7}.create-board-modal .cancel-button:disabled,.create-board-modal .create-button:disabled{cursor:not-allowed;opacity:.5}.create-board-modal .modal-content::-webkit-scrollbar{width:8px}.create-board-modal .modal-content::-webkit-scrollbar-track{background:#f4f5f7;border-radius:4px}.create-board-modal .modal-content::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}.create-board-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#a5adba}.workspace-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1.5rem 1rem;width:16rem}.workspace-sidebar.collapsed{padding:1rem .5rem;width:60px}.nav-link{align-items:center;border-radius:.5rem;color:#475569;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s}.nav-link:hover{background-color:#f1f5f9}.nav-link.active{background-color:#0690e01a;color:#0690e0;font-weight:600}.nav-link .material-icons-outlined{font-size:1.25rem}.workspace-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.5rem .75rem;text-align:left;transition:background-color .2s;width:100%}.workspace-item:hover{background-color:#f1f5f9}.workspace-item.active{background-color:#0690e01a;color:#1e293b;font-weight:600}.workspace-avatar{background:linear-gradient(to bottom right,#6366f1,#8b5cf6);border-radius:.25rem;color:#fff;font-size:.625rem;font-weight:700;height:1.5rem;justify-content:center;width:1.5rem}.board-item,.workspace-avatar{align-items:center;display:flex}.board-item{border:none;border-radius:.5rem;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;gap:.75rem;padding:.5rem .75rem;text-align:left;transition:all .2s;width:100%}.board-item:hover{background-color:#f1f5f9}.board-item.active{color:#1e293b;font-weight:600}.board-color-indicator{border-radius:.25rem;flex-shrink:0;height:1rem;width:1rem}.pro-banner{background-color:#0690e00d;border:1px solid #0690e01a;border-radius:.75rem;padding:1rem}.pro-banner p:first-child{color:#0690e0}.pro-banner p:nth-child(2){color:#475569}.collapse-toggle{align-items:center;background:none;border:none;border-radius:.25rem;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.collapse-toggle:hover{background-color:#f1f5f9}.space-y-1>*+*{margin-top:.25rem}.mt-8{margin-top:2rem}.pt-6{padding-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-slate-600{color:#475569}.text-primary{color:#0690e0}.rounded-lg{border-radius:.5rem}.hover\:bg-primary\/90:hover{background-color:#0690e0e6}.text-sm{font-size:.875rem;line-height:1.25rem}.opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.bg-primary{background-color:#0690e0}.cursor-pointer{cursor:pointer}.p-1{padding:.25rem}.list-header{gap:var(--space-1);position:relative}.list-drag-handle{align-items:center;border-radius:var(--radius-sm);cursor:grab;display:flex;opacity:.6;padding:4px;transition:opacity var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.list-drag-handle:hover{background-color:#091e4214;opacity:1}.list-drag-handle:active{cursor:grabbing}.list-drag-handle svg{fill:currentColor;height:14px;width:14px}.list-title{border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-out)}.list-title:hover{background-color:#091e420a}.list-title-input{background-color:var(--neutral-0);border:2px solid var(--trello-blue);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:28px;outline:none;padding:var(--space-1) var(--space-2)}.list-menu-container{position:relative}.list-menu{animation:fadeIn var(--duration-fast) var(--ease-out);background-color:var(--neutral-0);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);position:absolute;right:0;top:32px;width:280px;z-index:var(--z-dropdown)}.list-menu-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-3)}.list-menu-header span{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.list-menu-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background-color var(--duration-fast) var(--ease-out);width:24px}.list-menu-close:hover{background-color:#091e4214}.list-menu-content{padding:var(--space-2)}.list-menu-content button{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:block;font-size:var(--font-size-base);padding:var(--space-2);text-align:left;transition:background-color var(--duration-fast) var(--ease-out);width:100%}.list-menu-content button:hover{background-color:#091e420a}.list-menu-content button.danger{color:var(--error)}.list-menu-content button.danger:hover{background-color:var(--error);color:var(--neutral-0)}.card-editor{background-color:var(--card-bg);border-radius:var(--card-border-radius);box-shadow:var(--shadow-card);margin-bottom:var(--card-gap);padding:var(--card-padding-y) var(--card-padding-x)}.card-editor-textarea{background-color:var(--neutral-0);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:54px;outline:2px solid var(--trello-blue);outline-offset:-2px;padding:var(--space-2);resize:vertical;width:100%}.card-editor-textarea:focus{outline:2px solid var(--trello-blue)}.card-badges{gap:4px;margin-top:4px}.card-badge{background:var(--neutral-200);border-radius:3px;color:var(--neutral-700);font-size:12px;line-height:1;padding:2px 6px}.card-badge span{font-weight:500}.card-badge-due{background:var(--warning-100);color:var(--warning-800)}.card-badge-checklist{background:var(--neutral-200);color:var(--neutral-700)}.card-badge-checklist.complete{background:var(--success-100);color:var(--success-800)}.card-badge:hover{background:var(--neutral-300)}.card-badge-due:hover{background:var(--warning-200)}.card-badge-checklist.complete:hover{background:var(--success-200)}.card{background-color:var(--card-bg);border-radius:var(--card-border-radius);box-shadow:var(--shadow-card);cursor:pointer;margin-bottom:var(--card-gap);padding:var(--card-padding-y) var(--card-padding-x);position:relative;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card:hover .card-menu-button{opacity:1}.card.dragging{cursor:grabbing;opacity:.5}.card-content{position:relative}.card-menu-button{align-items:center;background-color:var(--neutral-0);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;padding:0;position:absolute;right:-4px;top:-4px;transition:opacity var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);width:24px}.card-menu-button:hover{background-color:var(--neutral-100);color:var(--text-primary)}.card-menu{background-color:var(--neutral-0);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);min-width:120px;padding:var(--space-2);position:absolute;right:0;top:20px;z-index:var(--z-dropdown)}.card-menu button{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:block;font-size:var(--font-size-base);padding:var(--space-2);text-align:left;transition:background-color var(--duration-fast) var(--ease-out);width:100%}.card-menu button:hover{background-color:#091e420a}.card-menu button.danger{color:var(--error)}.card-menu button.danger:hover{background-color:var(--error);color:var(--neutral-0)}.card-labels{margin-bottom:var(--space-2)}.card-label{border-radius:4px;height:8px;min-width:40px;transition:height var(--duration-fast) var(--ease-out)}.card:hover .card-label{height:16px}.card-title{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-1);padding-right:var(--space-6)}.card-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.card-badge{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:4px}.card-badge svg{flex-shrink:0}.card-badge span{line-height:1}.card-badge.due-soon{color:var(--warning)}.card-badge.due-overdue{color:var(--error)}.card-badge.due-complete{color:var(--success)}.add-card-form{margin-bottom:var(--space-2);padding:0 var(--space-1)}.add-card-form form{background-color:var(--card-bg);border-radius:var(--card-border-radius);box-shadow:var(--shadow-card);padding:var(--space-2)}.add-card-textarea{background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:54px;outline:none;padding:var(--space-2);resize:vertical;width:100%}.add-card-textarea::placeholder{color:var(--text-secondary)}.add-card-textarea:focus{outline:2px solid var(--trello-blue);outline-offset:-2px}.add-card-actions{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-2)}.add-card-actions .btn-ghost{min-width:auto;padding:var(--space-1)}.board-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--list-bg);border:1px solid #ffffff1a;border-radius:var(--list-border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 96px);padding:var(--list-padding);width:var(--list-width)}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3)}.list-title{color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-menu-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background-color var(--duration-fast) var(--ease-out);width:24px}.list-menu-button:hover{background-color:#091e4214}.list-cards{flex:1 1;margin:0 -var(--space-1);min-height:8px;overflow-x:hidden;overflow-y:auto;padding:0 var(--space-1)}.list-footer{padding-top:var(--space-2)}.add-card-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;transition:background-color var(--duration-fast) var(--ease-out);width:100%}.add-card-button:hover{background-color:#091e4214;color:var(--text-primary)}.add-list-form{background-color:#ffffff3d;border-radius:var(--list-border-radius);flex-shrink:0;padding:var(--space-2);width:var(--list-width)}.add-list-form form{display:flex;flex-direction:column;gap:var(--space-2)}.add-list-input{background-color:var(--neutral-0);border:2px solid var(--trello-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:36px;outline:none;padding:var(--space-2) var(--space-3);transition:border-color var(--duration-fast) var(--ease-out);width:100%}.add-list-input::placeholder{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.add-list-input:focus{border-color:var(--trello-blue)}.add-list-actions{align-items:center;display:flex;gap:var(--space-2)}.add-list-actions .btn-ghost{min-width:auto;padding:var(--space-1)}.background-picker{background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;margin-top:8px;position:absolute;right:0;top:100%;width:304px;z-index:100}.background-picker-header{align-items:center;border-bottom:1px solid var(--neutral-300);display:flex;justify-content:space-between;padding:12px 16px}.background-picker-header h3{color:var(--neutral-900);font-size:14px;font-weight:600;margin:0}.background-picker-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--neutral-600);cursor:pointer;display:flex;justify-content:center;padding:4px}.background-picker-close:hover{background:var(--neutral-200);color:var(--neutral-900)}.background-picker-tabs{border-bottom:1px solid var(--neutral-300);display:flex}.background-picker-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--neutral-600);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.background-picker-tabs .tab:hover{background:var(--neutral-100);color:var(--neutral-900)}.background-picker-tabs .tab.active{border-bottom-color:var(--primary-600);color:var(--primary-600)}.background-picker-content{max-height:400px;overflow-y:auto;padding:12px}.background-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.background-option{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:96px;justify-content:center;position:relative;transition:transform .2s,box-shadow .2s}.background-option:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.background-option:active{transform:scale(.98)}.background-option svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.archived-cards-modal{background:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:600px}.archived-modal-header{align-items:center;border-bottom:1px solid #e4e6e9;display:flex;justify-content:space-between;padding:20px 24px}.archived-modal-header h2{color:#172b4d;font-size:20px;font-weight:600;margin:0}.close-button{font-size:24px;padding:4px 8px;transition:color .2s}.archived-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.empty-state,.error-state,.loading-state{color:#5e6c84;padding:40px 20px;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px}.empty-icon{font-size:48px;opacity:.5}.archived-cards-list{display:flex;flex-direction:column;gap:12px}.archived-card-item{align-items:flex-start;background:#f4f5f7;border-radius:6px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:background .2s}.archived-card-item:hover{background:#e4e6e9}.card-info{flex:1 1;min-width:0}.card-title{word-wrap:break-word;color:#172b4d;font-size:16px;font-weight:600;margin:0 0 8px}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5e6c84;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 8px;overflow:hidden}.card-meta{display:flex;flex-direction:column;gap:8px}.archived-date{color:#5e6c84;font-size:12px}.card-labels{display:flex;flex-wrap:wrap;gap:4px}.label-badge{border-radius:3px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.restore-button{align-items:center;background:#0079bf;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s}.restore-button:hover{background:#026aa7}.restore-button:active{background:#055a8c}.restore-button svg{height:16px;width:16px}.member-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:600;justify-content:center;text-align:center;transition:transform .2s ease}.member-avatar:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1);z-index:10}.member-avatar-small{font-size:11px;height:28px;width:28px}.member-avatar-medium{font-size:13px;height:32px;width:32px}.member-avatar-large{font-size:15px;height:40px;width:40px}.member-avatar-group{align-items:center;display:flex;padding-left:4px}.member-avatar-group .member-avatar{margin-left:-8px}.member-avatar-group .member-avatar:first-child{margin-left:0}.member-avatar-group .member-avatar-more{background:#dfe1e6;color:#172b4d;font-weight:600}.member-avatar-group .member-avatar-more:hover{background:#c1c7d0}.invite-member-popover{background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;display:flex;flex-direction:column;left:0;margin-top:8px;max-height:400px;position:absolute;right:0;top:100%;z-index:1000}.popover-header{align-items:center;border-bottom:1px solid #e4e6e9;display:flex;justify-content:space-between;padding:12px 16px}.popover-header h3{color:#172b4d;font-size:14px;font-weight:700;margin:0}.popover-close{background:none;border:none;color:#5e6c84;cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:color .2s}.popover-close:hover{color:#172b4d}.popover-content{overflow-y:auto;padding:16px}.search-input{border:2px solid #dfe1e6;border-radius:4px;color:#172b4d;font-size:14px;margin-bottom:12px;padding:10px 12px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#0079bf;outline:none}.search-input::placeholder{color:#a5adba}.role-selector-section{align-items:center;display:flex;gap:12px;margin-bottom:16px}.role-selector-section label{color:#5e6c84;font-size:13px;font-weight:600}.role-selector-section .role-selector{flex:1 1}.search-results{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.search-result-item{align-items:center;background:#f4f5f7;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .15s ease}.search-result-item:hover{background:#e4e6e9}.user-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.user-name{color:#172b4d;font-size:14px;font-weight:600}.user-email{color:#5e6c84;font-size:12px}.add-button{background:#0079bf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .2s}.add-button:hover{background:#026aa7}.no-results,.search-error,.search-hint,.search-loading{color:#5e6c84;font-size:13px;padding:20px;text-align:center}.search-error{color:#eb5a46}.search-hint{font-style:italic}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f4f5f7;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#a5adba}.board-members-modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:600px}.members-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e4e6e9;display:flex;justify-content:space-between;padding:20px 24px}.members-modal-header h2{color:#172b4d;font-size:20px;font-weight:700;margin:0}.members-modal-content{background:#fafbfc;flex:1 1;overflow-y:auto;padding:16px 24px 24px}.members-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.member-item{align-items:center;background:#fff;border:2px solid #dfe1e6;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .15s ease}.member-item:hover{border-color:#0079bf;box-shadow:0 2px 4px #0000001a}.member-info{align-items:center;display:flex;flex:1 1;gap:12px}.member-details{display:flex;flex-direction:column;gap:4px}.member-name{align-items:center;color:#172b4d;display:flex;font-size:15px;font-weight:600;gap:8px}.you-badge{color:#5e6c84;font-size:12px;font-weight:500}.member-email{color:#5e6c84;font-size:13px}.member-actions{align-items:center;display:flex;gap:12px}.role-badge{border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-badge-admin{background:#eb5a46;color:#fff}.role-badge-editor{background:#0079bf;color:#fff}.role-badge-viewer{background:#61bd4f;color:#fff}.role-selector{background:#fff;border:2px solid #dfe1e6;border-radius:4px;color:#172b4d;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:border-color .2s}.role-selector:hover{border-color:#0079bf}.role-selector:focus{border-color:#0079bf;outline:none}.remove-member-button{align-items:center;background:#eb5a46;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background .2s;width:28px}.remove-member-button:hover{background:#c9372c}.invite-section{border-top:2px solid #e4e6e9;margin-top:16px;padding-top:16px;position:relative}.invite-button{align-items:center;background:#0079bf;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:background .2s;width:100%}.invite-button:hover{background:#026aa7}.error-state,.loading-state{color:#5e6c84;font-size:15px;padding:40px 20px;text-align:center}.error-state{color:#eb5a46}.members-modal-content::-webkit-scrollbar{width:8px}.members-modal-content::-webkit-scrollbar-track{background:#f4f5f7;border-radius:4px}.members-modal-content::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}.members-modal-content::-webkit-scrollbar-thumb:hover{background:#a5adba}.board-menu-container{position:relative}.board-menu-button{align-items:center;background-color:#ffffff4d;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#fff;color:var(--neutral-0,#fff);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.board-menu-button:hover{background-color:#fff6}.board-menu-dropdown{animation:menuSlideDown .2s ease-out;background-color:#fff;background-color:var(--neutral-0,#fff);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 8px 16px #00000026;box-shadow:var(--shadow-modal,0 8px 16px #00000026);position:absolute;right:0;top:40px;width:300px;z-index:100}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.board-menu-header{align-items:center;border-bottom:1px solid #091e4221;display:flex;justify-content:space-between;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.board-menu-header h3{color:#172b4d;color:var(--text-primary,#172b4d);font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.menu-close-button{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#5e6c84;color:var(--text-secondary,#5e6c84);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:24px}.menu-close-button:hover{background-color:#091e4214}.board-menu-section{border-bottom:1px solid #091e4221;padding:8px 0;padding:var(--space-2,8px) 0}.board-menu-section:last-child{border-bottom:none}.board-menu-section-header{color:#5e6c84;color:var(--text-secondary,#5e6c84);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;text-transform:uppercase}.board-menu-item,.board-menu-section-header{padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px)}.board-menu-item{align-items:center;background:none;border:none;color:#172b4d;color:var(--text-primary,#172b4d);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:12px;gap:var(--space-3,12px);text-align:left;transition:background-color .2s ease;width:100%}.board-menu-item:hover{background-color:#091e4214}.board-menu-item svg{flex-shrink:0}.board-menu-info,.board-menu-item svg{color:#5e6c84;color:var(--text-secondary,#5e6c84)}.board-menu-info{font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.4;padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px)}.delete-board-item{color:#b04632!important}.delete-board-item:hover{background-color:#b0463214!important}.delete-board-item svg{color:#b04632!important}.activity-sidebar-overlay{animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.activity-sidebar{animation:slideInRight .3s ease-out;background-color:#fff;background-color:var(--neutral-0,#fff);box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1001}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.activity-sidebar-header{align-items:center;border-bottom:1px solid #091e4221;display:flex;justify-content:space-between;padding:16px;padding:var(--space-4,16px)}.activity-sidebar-header h2{color:#172b4d;color:var(--text-primary,#172b4d);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.activity-filter{border-bottom:1px solid #091e4221;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.activity-filter label{display:block;font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:8px;margin-bottom:var(--space-2,8px)}.activity-filter label,.activity-filter select{color:#172b4d;color:var(--text-primary,#172b4d);font-size:14px;font-size:var(--font-size-sm,14px)}.activity-filter select{background-color:#fff;background-color:var(--neutral-0,#fff);border:1px solid #091e4240;border-radius:4px;border-radius:var(--radius-sm,4px);cursor:pointer;padding:8px;padding:var(--space-2,8px);width:100%}.activity-filter select:focus{border-color:#0079bf;border-color:var(--trello-blue,#0079bf);outline:none}.activity-list{flex:1 1;overflow-y:auto;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.activity-item{border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:12px;gap:var(--space-3,12px);margin-bottom:8px;margin-bottom:var(--space-2,8px);padding:12px;padding:var(--space-3,12px);transition:background-color .2s ease}.activity-item:hover{background-color:#091e420a}.activity-icon{align-items:center;background-color:#091e4214;border-radius:50%;border-radius:var(--radius-full,50%);display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1;min-width:0}.activity-user{font-size:14px;font-size:var(--font-size-sm,14px);margin-bottom:4px;margin-bottom:var(--space-1,4px)}.activity-user strong{color:#172b4d;color:var(--text-primary,#172b4d);font-weight:600;font-weight:var(--font-weight-semibold,600)}.activity-description{color:#5e6c84;color:var(--text-secondary,#5e6c84);font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.4;margin-bottom:4px;margin-bottom:var(--space-1,4px)}.activity-timestamp{color:#8993a4;color:var(--text-tertiary,#8993a4);font-size:12px;font-size:var(--font-size-xs,12px)}.activity-empty,.activity-error,.activity-loading{color:#5e6c84;color:var(--text-secondary,#5e6c84);padding:32px 16px;padding:var(--space-8,32px) var(--space-4,16px);text-align:center}.activity-empty{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.activity-empty .empty-icon{font-size:48px;opacity:.5}.activity-empty p{font-size:16px;font-size:var(--font-size-base,16px);margin:0}.load-more-button{background-color:#091e4214;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#172b4d;color:var(--text-primary,#172b4d);cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);margin-top:8px;margin-top:var(--space-2,8px);padding:8px;padding:var(--space-2,8px);transition:background-color .2s ease;width:100%}.load-more-button:hover:not(:disabled){background-color:#091e4221}.load-more-button:disabled{cursor:not-allowed;opacity:.6}.close-button{align-items:center;background:none;border:none;border-radius:50%;border-radius:var(--radius-full,50%);color:#5e6c84;color:var(--text-secondary,#5e6c84);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease,color .2s ease;width:32px}.close-button:hover{background-color:#091e4214;color:#172b4d;color:var(--text-primary,#172b4d)}.board-container{background:linear-gradient(135deg,#0079bf,#026aa7);display:flex;flex:1 1;flex-direction:column;overflow:hidden;transition:margin-left var(--duration-slow) var(--ease-spring)}.board-container.sidebar-collapsed{margin-left:0}.board-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;padding:var(--space-3) var(--space-4)}.board-header-actions{display:flex;gap:8px;position:relative}.board-background-button{background:#ffffff4d}.board-background-button:hover{background:#fff6}.light-background .board-background-button{background:#0000001a;color:#172b4d}.light-background .board-background-button:hover{background:#00000026}.light-background .board-title{color:#172b4d}.dark-background .board-title{color:#fff}.board-title{color:var(--neutral-0);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.board-lists{align-items:flex-start;display:flex;flex:1 1;gap:var(--list-gap);overflow-x:auto;overflow-y:hidden;padding:var(--board-padding)}.add-list-container{flex-shrink:0}.add-list-button{align-items:center;background-color:#ffffff3d;border:none;border-radius:var(--list-border-radius);color:var(--neutral-0);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background-color var(--duration-fast) var(--ease-out);width:var(--list-width)}.add-list-button:hover{background-color:#ffffff52}.board-empty-state{align-items:center;color:var(--neutral-0);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.board-empty-state h2{font-size:var(--font-size-2xl);margin:0 0 var(--space-2) 0}.board-empty-state p{font-size:var(--font-size-md);opacity:.8}.board-background-button{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s}.board-background-button:hover{background:#ffffff4d}.board-activity-button{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s}.board-activity-button:hover{background:#ffffff4d}.board-archived-button{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s}.board-archived-button:hover{background:#ffffff4d}.board-todo-button{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s}.board-todo-button:hover{background:#ffffff4d}.activity-feed-panel{background:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:absolute;right:0;top:50px;width:400px;z-index:100}.activity-feed-header{align-items:center;border-bottom:1px solid #e4e6e9;display:flex;justify-content:space-between;padding:16px 20px}.activity-feed-header h3{color:#172b4d;font-size:16px;font-weight:600;margin:0}.activity-feed-close{background:none;border:none;color:#5e6c84;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;transition:color .2s}.activity-feed-close:hover{color:#172b4d}.activity-feed-panel .activity-feed{border-radius:0;box-shadow:none;flex:1 1;max-width:none;overflow-y:auto;padding:0}.activity-feed-panel .activity-feed h3{display:none}.app{flex-direction:column;height:100vh}.app,.app-main{display:flex;overflow:hidden}.app-main{flex:1 1}.app-loading{align-items:center;background-color:var(--bg-secondary);display:flex;height:100vh;justify-content:center}:root{--trello-blue:#0690e0;--trello-dark-blue:#0c3953;--trello-blue-50:#e6f4fb;--trello-blue-100:#c0e3f5;--trello-blue-200:#96d1ef;--trello-blue-300:#6cbfe9;--trello-blue-400:#4db1e5;--trello-blue-500:#0690e0;--trello-blue-600:#0582cd;--trello-blue-700:#0470b3;--trello-blue-800:#035f9a;--trello-blue-900:#024371;--label-green:#6fc25f;--label-yellow:#f2d918;--label-orange:#fea72f;--label-red:#ec6957;--label-purple:#c883e2;--label-blue:#1885c4;--label-sky:#18c7e2;--label-lime:#61e9a1;--label-pink:#fe84cf;--label-black:#486271;--label-green-light:#d3f1a7;--label-yellow-light:#fef3c0;--label-orange-light:#fedec8;--label-red-light:#f5d3ce;--label-purple-light:#ead5f9;--label-blue-light:#c2e0f4;--label-sky-light:#c6edfb;--label-lime-light:#d4f4dd;--label-pink-light:#fdd0ec;--label-black-light:#dfe1e6;--neutral-0:#fff;--neutral-50:#fafbfc;--neutral-100:#f4f5f7;--neutral-200:#ebecf0;--neutral-300:#dfe1e6;--neutral-400:#c1c7d0;--neutral-500:#a5adba;--neutral-600:#7a869a;--neutral-700:#5e6c84;--neutral-800:#42526e;--neutral-900:#172b4d;--success:#61bd4f;--warning:#f2d600;--error:#eb5a46;--info:#00c2e0;--bg-primary:#fff;--bg-secondary:#f4f5f7;--bg-tertiary:#ebecf0;--bg-overlay:#000000a3;--text-primary:#172b4d;--text-secondary:#5e6c84;--text-tertiary:#a5adba;--text-inverse:#fff;--border-light:#dfe1e6;--border-medium:#c1c7d0;--border-dark:#a5adba;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Noto Sans","Ubuntu","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.5;--line-height-loose:1.6;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--shadow-card:0 1px 0 #091e4221;--shadow-card-hover:0 4px 8px #091e4240;--shadow-card-active:0 1px 2px #091e4240;--shadow-modal:0 8px 16px #091e4240;--shadow-dropdown:0 8px 16px -4px #091e4240;--shadow-popover:0 8px 16px -4px #091e4240,0 0 1px #091e424f;--shadow-overlay:0 12px 24px -6px #091e4240,0 0 1px #091e424f;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1100;--z-tooltip:1200;--duration-instant:0ms;--duration-fast:85ms;--duration-normal:150ms;--duration-slow:200ms;--duration-slower:300ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.23,1,0.32,1);--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-in-out);--transition-slow:var(--duration-slow) var(--ease-spring);--header-height:44px;--header-bg:var(--trello-blue);--sidebar-width:260px;--sidebar-collapsed-width:16px;--sidebar-bg:var(--neutral-100);--board-padding:8px;--list-width:288px;--list-bg:#f1f5f9e6;--list-border-radius:var(--radius-xl);--list-padding:12px;--list-gap:8px;--card-bg:var(--neutral-0);--card-border-radius:var(--radius-lg);--card-padding-y:10px;--card-padding-x:10px;--card-gap:8px;--modal-width:768px;--modal-content-width:552px;--modal-sidebar-width:168px;--popover-width:304px;--button-height:32px;--button-padding-y:6px;--button-padding-x:12px;--input-height:36px;--input-padding-y:8px;--input-padding-x:12px;--input-border-width:2px;--avatar-sm:24px;--avatar-md:28px;--avatar-lg:32px;--avatar-xl:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--duration-fast) var(--ease-out) forwards}.animate-fade-out{animation:fadeOut var(--duration-fast) var(--ease-in) forwards}.animate-slide-in-top{animation:slideInFromTop var(--duration-slow) var(--ease-spring) forwards}.animate-slide-in-bottom{animation:slideInFromBottom var(--duration-slow) var(--ease-spring) forwards}.animate-slide-in-left{animation:slideInFromLeft var(--duration-slow) var(--ease-spring) forwards}.animate-slide-in-right{animation:slideInFromRight var(--duration-slow) var(--ease-spring) forwards}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-out) forwards}.animate-scale-out{animation:scaleOut var(--duration-fast) var(--ease-in) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,var(--neutral-200) 0,var(--neutral-300) 50%,var(--neutral-200) 100%);background-size:1000px 100%}.animate-bounce{animation:bounce .5s var(--ease-out)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}.transition-shadow{transition:box-shadow var(--transition-fast)}.hover-lift{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.hover-darken{transition:filter var(--duration-fast) var(--ease-out)}.hover-darken:hover{filter:brightness(.9)}.hover-darken:active{filter:brightness(.8)}.hover-brighten{transition:background-color var(--duration-fast) var(--ease-out)}.hover-brighten:hover{background-color:#fff3}.modal-backdrop-enter{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.modal-backdrop-exit{animation:fadeOut var(--duration-normal) var(--ease-in) forwards}.modal-content-enter{animation:slideInFromTop var(--duration-slow) var(--ease-spring) forwards}.modal-content-exit{animation:fadeOut var(--duration-normal) var(--ease-in) forwards}.popover-enter{animation:scaleIn var(--duration-fast) var(--ease-out) forwards;transform-origin:top center}.popover-exit{animation:scaleOut var(--duration-fast) var(--ease-in) forwards;transform-origin:top center}.card-dragging{cursor:grabbing!important;opacity:.5}.card-drag-preview{box-shadow:var(--shadow-card-hover);transform:rotate(3deg)}.card-drop-placeholder{background-color:var(--neutral-300);border:2px dashed var(--neutral-400);border-radius:var(--radius-md);opacity:.5}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--neutral-200) 0,var(--neutral-300) 50%,var(--neutral-200) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--neutral-300);border-radius:50%;border-top-color:var(--trello-blue);height:32px;width:32px}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-lg{border-width:4px;height:48px;width:48px}.focus-ring{box-shadow:0 0 0 2px var(--trello-blue)}.focus-ring,.focus-ring-inset{outline:none;transition:box-shadow var(--duration-fast) var(--ease-out)}.focus-ring-inset{box-shadow:inset 0 0 0 2px var(--trello-blue)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{animation:ripple .6s ease-out;height:200px;width:200px}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#0690e080;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#0690e080;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-8{margin-top:32px}.mt-auto{margin-top:auto}.flex{display:flex}.hidden{display:none}.w-96{width:24rem}.w-full{width:100%}.flex-1{flex:1 1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4px*var(--tw-space-y-reverse));margin-top:calc(4px*(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-black\/40{background-color:#0006}.bg-blue-600{--tw-bg-opacity:1;background-color:#0582cd;background-color:rgb(5 130 205/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:4px}.p-2{padding:8px}.p-4{padding:16px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-bottom:4px;padding-top:4px}.pt-4{padding-top:16px}.text-left{text-align:left}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);overflow-x:hidden}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#091e4221;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#091e4240}*{scrollbar-color:#091e4221 #0000;scrollbar-width:thin}.container{margin:0 auto;max-width:1280px;padding:0 var(--space-4);width:100%}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--trello-blue);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--trello-blue);outline-offset:2px}::selection{background-color:var(--trello-blue-200);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}a{color:var(--trello-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--trello-blue-700);text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}
/*# sourceMappingURL=main.e8cb50d5.css.map*/