.auth-page{display:flex;align-items:center;justify-content:center;height:100vh}.auth-card{background:#fff;padding:32px;border-radius:8px;box-shadow:0 1px 4px #0003;width:320px;display:flex;flex-direction:column;gap:8px}.auth-card h1{margin-top:0;font-size:20px}.auth-card input{padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:8px}.auth-card button{background:#0079bf;color:#fff;border:none;padding:10px;border-radius:4px;font-weight:700}.error{color:#b04632;font-size:13px}.dashboard{max-width:1000px;margin:0 auto;padding:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-user{display:flex;gap:12px;align-items:center}.new-board-form{display:flex;gap:8px;align-items:center;margin:24px 0}.new-board-form input{flex:1;padding:10px;border-radius:4px;border:1px solid #ddd}.new-board-form button{background:#0079bf;color:#fff;border:none;padding:10px 16px;border-radius:4px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.board-card{height:100px;border-radius:6px;display:flex;align-items:flex-end;padding:12px;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 1px 3px #0000004d}.task-card{background:#fff;border-radius:4px;padding:8px 10px;box-shadow:0 1px 2px #0003;border-left:4px solid #ccc;cursor:pointer}.task-card.dragging{box-shadow:0 4px 8px #0000004d}.task-title{margin:0 0 6px;font-size:14px}.task-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.badge{color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.task-assignees{display:flex;gap:4px}.avatar-chip{width:22px;height:22px;border-radius:50%;background:#0079bf;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700}.attachment-count{font-size:11px;color:#6b778c}.list-column{background:#ebecf0;border-radius:6px;width:260px;flex-shrink:0;padding:8px;display:flex;flex-direction:column;max-height:calc(100vh - 130px)}.list-header{display:flex;align-items:center;gap:4px}.list-title-input{flex:1;background:transparent;border:none;font-weight:700;font-size:14px;padding:6px}.list-title-input:focus{background:#fff;border-radius:4px}.icon-btn{background:none;border:none;color:#6b778c;font-size:14px}.task-list{display:flex;flex-direction:column;gap:8px;min-height:10px;padding:4px 0;overflow-y:auto}.add-task-btn{background:none;border:none;text-align:left;padding:8px;color:#6b778c}.add-task-btn:hover{background:#091e421a;border-radius:4px}.add-task-form{display:flex;flex-direction:column;gap:6px}.add-task-form textarea{padding:6px;border-radius:4px;border:1px solid #ddd;resize:none}.add-task-actions{display:flex;gap:6px}.add-task-actions button{border:none;padding:6px 10px;border-radius:4px}.add-task-actions button[type=submit]{background:#0079bf;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:100}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:560px;padding:24px;position:relative;display:flex;flex-direction:column;gap:10px}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:16px}.task-title-input{font-size:20px;font-weight:700;border:none;padding:6px;border-radius:4px}.task-title-input:focus{background:#f4f5f7}.task-modal-row{display:flex;gap:16px}.task-modal-row select{padding:6px;border-radius:4px}.color-picker{display:flex;gap:6px}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent}.color-dot.selected{border-color:#172b4d}.assignee-list{display:flex;flex-wrap:wrap;gap:8px 16px}.assignee-check{display:flex;align-items:center;gap:4px;font-size:13px}.attachments-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-item{display:flex;align-items:center;gap:4px;background:#f4f5f7;padding:4px 8px;border-radius:4px}.attachment-thumb{width:60px;height:60px;object-fit:cover;border-radius:4px}.modal-actions{display:flex;justify-content:space-between;margin-top:12px}.modal-actions button{border:none;padding:10px 16px;border-radius:4px;font-weight:700}.modal-actions button:first-child{background:#0079bf;color:#fff}.modal-actions .danger{background:#b04632;color:#fff}.board-page{min-height:100vh;padding:16px 24px}.board-header{display:flex;align-items:center;gap:16px;color:#fff;margin-bottom:16px;flex-wrap:wrap}.board-header h1{margin:0;flex:1}.back-link{color:#fff;text-decoration:none}.add-member-form{display:flex;gap:6px}.add-member-form input{padding:6px;border-radius:4px;border:none}.add-member-form button{padding:6px 10px;border:none;border-radius:4px;background:#ffffff4d;color:#fff}.board-members{display:flex;gap:4px}.board-columns{display:flex;gap:12px;align-items:flex-start;overflow-x:auto}.add-list-form{width:260px;flex-shrink:0;display:flex;gap:6px}.add-list-form input{flex:1;padding:8px;border-radius:4px;border:none}.add-list-form button{border:none;padding:8px 10px;border-radius:4px;background:#fff6}.loading{text-align:center;margin-top:40px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#172b4d}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}