:root{--color-bg: #f3ece3;--color-card-bg: #fffaf4;--color-border: #ecdfd0;--color-primary: #9f5c45;--color-primary-text: #fff8f4;--color-accent: #7f9c7a;--color-secondary-bg: #e9e0d3;--color-secondary-text: #5c5044;--color-text: #4a3f36;--color-text-muted: #6d5d4e;--color-input-border: #e3d5c4;--color-input-bg: #fdf9f4;--color-error: #b3503c}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}.centered-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 2px 10px #785a461f;padding:28px 24px;width:100%;max-width:320px;margin:24px}.auth-card h1{font-size:1.5rem;margin:0 0 4px;text-align:center}.auth-card h2{font-size:1.15rem;margin:0 0 4px}.auth-subtitle{color:var(--color-text-muted);font-size:.85rem;margin:0 0 20px;text-align:center}.auth-muted{color:var(--color-text-muted);font-size:.85rem;margin:0}.auth-field{margin-bottom:12px}.auth-field label{display:block;font-size:.78rem;color:var(--color-secondary-text);margin-bottom:4px}.auth-field input{width:100%;padding:9px 11px;border:1px solid var(--color-input-border);border-radius:8px;font-size:.9rem;background:var(--color-input-bg);color:var(--color-text)}.auth-btn{display:block;width:100%;padding:10px;border:none;border-radius:8px;background:var(--color-primary);color:var(--color-primary-text);font-size:.9rem;font-weight:500;cursor:pointer;margin-top:6px;text-decoration:none;text-align:center}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-secondary{background:var(--color-secondary-bg);color:var(--color-secondary-text)}.auth-btn-inline{width:auto;margin-top:0;padding:7px 14px}.auth-link{display:block;text-align:center;margin-top:14px;font-size:.8rem;color:var(--color-text-muted);text-decoration:none;cursor:pointer}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--color-text-muted);font-size:.78rem;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-divider:before{margin-right:10px}.auth-divider:after{margin-left:10px}.auth-error{color:var(--color-error);font-size:.85rem;margin-top:12px;text-align:center}.auth-me-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.auth-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-primary-text);display:flex;align-items:center;justify-content:center;font-weight:600}.shell-nav{display:flex;align-items:center;gap:18px;background:var(--color-card-bg);border-bottom:1px solid var(--color-border);padding:12px 24px;font-size:.9rem}.shell-logo{font-weight:700;color:var(--color-primary);margin-right:6px}.shell-nav a{color:var(--color-text);text-decoration:none}.shell-nav-active{color:var(--color-primary);font-weight:600}.shell-spacer{flex:1}.shell-badge{background:var(--color-error);color:var(--color-primary-text);border-radius:50%;padding:1px 6px;font-size:.72em;margin-left:3px}.shell-new-retro{background:var(--color-primary);color:var(--color-primary-text)!important;padding:7px 14px;border-radius:8px;font-weight:500;font-size:.85rem}.shell-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-primary-text)!important;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.shell-content{padding:24px;max-width:900px;margin:0 auto}.shell-content-centered{display:flex;justify-content:center}.dashboard-greeting{font-size:1.1rem;margin-bottom:14px}.dashboard-cards{display:flex;gap:12px;margin-bottom:12px}.dashboard-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;padding:14px;flex:1;text-decoration:none;color:inherit;display:block}.dashboard-card h4{margin:0 0 6px;font-size:.85rem;color:var(--color-text-muted);font-weight:500}.dashboard-count{font-size:1.6rem;font-weight:700;color:var(--color-primary)}.dashboard-card-accent .dashboard-count{color:var(--color-accent)}.dashboard-recent{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;padding:14px}.dashboard-recent h4{margin:0 0 8px;font-size:.85rem;color:var(--color-text-muted);font-weight:500}.group-create-form{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;padding:14px;margin-bottom:12px}.group-list-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;margin-bottom:8px;text-decoration:none;color:var(--color-text)}.group-list-role{color:var(--color-text-muted);font-size:.8rem}.group-member-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;margin-bottom:6px}.group-member-role{color:var(--color-text-muted);font-size:.8rem}.group-member-actions{display:flex;gap:6px}.invite-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;margin-bottom:8px}.invite-actions{display:flex;gap:6px}.retro-template-picker{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.retro-template-option{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;gap:8px}.retro-template-delete{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;padding:0 4px}.retro-confirm{font-size:.78rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.retro-list-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;margin-bottom:8px;text-decoration:none;color:var(--color-text)}.retro-list-meta{color:var(--color-text-muted);font-size:.8rem}.retro-status-badge{font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--color-accent);color:var(--color-primary-text);margin-left:8px;vertical-align:middle}.retro-status-closed{background:var(--color-secondary-bg);color:var(--color-secondary-text)}.board-topbar{display:flex;align-items:center;justify-content:space-between;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;margin-bottom:16px}.board-topbar h2{margin:0;font-size:1.15rem}.board-closed-banner{background:var(--color-secondary-bg);color:var(--color-secondary-text);border-radius:10px;padding:10px 14px;font-size:.85rem;margin-bottom:16px}.board-columns{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}.board-column{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;width:240px;flex-shrink:0;padding:10px}.board-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.board-column-header h4{margin:0;font-size:.88rem}.board-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;padding:8px 10px;margin-bottom:8px;box-shadow:0 2px 6px #785a4614}.board-card p{margin:0 0 6px;font-size:.82rem;white-space:pre-wrap;word-break:break-word}.board-card-foot{display:flex;align-items:center;justify-content:space-between}.board-avatar{width:18px;height:18px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-text);font-size:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.board-column-icons{font-size:.78rem;display:flex;gap:4px}.board-icon-btn{background:var(--color-bg);border:none;border-radius:5px;padding:1px 5px;cursor:pointer;font-size:.78rem}.board-inline-form{display:flex;gap:4px;align-items:center}.board-inline-form input{flex:1;padding:4px 6px;border:1px solid var(--color-input-border);border-radius:6px;font-size:.82rem;background:var(--color-input-bg)}.board-add-col{width:160px;flex-shrink:0;border:1px dashed var(--color-border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.82rem;cursor:pointer}.board-add-col-form{width:200px;flex-shrink:0;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.board-add-col-form input{padding:6px 8px;border:1px solid var(--color-input-border);border-radius:6px;font-size:.82rem;background:var(--color-input-bg)}.board-card-actions{display:flex;gap:4px}.board-inline-form-vertical{flex-direction:column;align-items:stretch}.board-inline-form textarea{padding:6px 8px;border:1px solid var(--color-input-border);border-radius:6px;font-size:.82rem;background:var(--color-input-bg);font-family:inherit;resize:vertical;min-height:50px}.board-add-card{font-size:.78rem;color:var(--color-text-muted);padding:6px;text-align:center;border-radius:8px;cursor:pointer}.board-add-card:hover{background:var(--color-secondary-bg)}.board-column-cards{min-height:24px}.cdk-drag-preview{box-shadow:0 4px 12px #785a4640}.cdk-drag-placeholder{opacity:.3}.cdk-drop-list-dragging .board-card:not(.cdk-drag-placeholder){transition:transform .2s ease}.board-card-highlight{animation:board-card-flash 1.5s ease-out}@keyframes board-card-flash{0%{background:var(--color-accent)}to{background:var(--color-card-bg)}}