.app{min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:var(--surface);border-bottom:1px solid var(--border)}.page-header h1{margin:0;font-size:1.35rem;font-weight:600}.page-header a{opacity:.8}.page-header a:hover{opacity:1}.page-content{padding:2rem;max-width:1400px;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger:hover{color:var(--danger)}.inline-form{display:flex;gap:.5rem}.inline-form input{flex:1}.error{color:var(--danger);padding:1rem}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.board-tile{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border-radius:var(--radius);padding:1.25rem;min-height:100px;display:flex;align-items:flex-end;font-weight:600;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.board-tile:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000073}.board-view{display:flex;flex-direction:column;height:100vh}.board-view .page-header{flex-shrink:0}.board-canvas{flex:1;overflow-x:auto;padding:1.5rem 2rem;display:flex;gap:1rem;align-items:flex-start}.list-column{flex-shrink:0;width:280px;background:var(--list-bg);border-radius:var(--radius);display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.list-header{padding:.75rem 1rem;font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border)}.list-cards{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;min-height:40px}.card-item{background:var(--card-bg);border-radius:var(--radius);padding:.65rem .75rem;font-size:.875rem;cursor:grab;box-shadow:0 1px 3px #0003;transition:box-shadow .15s}.card-item:hover{box-shadow:0 2px 8px #0000004d}.card-item:active{cursor:grabbing}.card-item.dragging{opacity:.5}.list-footer{padding:.5rem}.add-list-column{flex-shrink:0;width:280px;background:#ffffff0f;border-radius:var(--radius);padding:.75rem}.add-list-column input{width:100%}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;max-width:400px;box-shadow:var(--shadow)}.auth-card h1{margin:0 0 .25rem;font-size:1.5rem}.auth-subtitle{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.auth-card form{display:flex;flex-direction:column;gap:1rem}.auth-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500}.auth-card input{width:100%}.btn-full{width:100%;justify-content:center;margin-top:.5rem}.auth-footer{margin-top:1.5rem;font-size:.85rem;color:var(--text-muted);text-align:center}.user-menu{display:flex;align-items:center;gap:.75rem;position:relative}.user-display{font-size:.9rem;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:1rem}.board-invite-actions{display:flex;align-items:center;gap:.5rem;position:relative}.invite-popup{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;gap:.5rem;z-index:10;min-width:320px;box-shadow:var(--shadow)}.invite-popup input{flex:1;font-size:.8rem}.error-inline{color:var(--danger);font-size:.8rem}.role-badge{font-size:.75rem;font-weight:500;color:var(--text-muted);background:var(--surface-hover);padding:.2rem .5rem;border-radius:4px;margin-left:.5rem;vertical-align:middle}.card-item-readonly{cursor:default}*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f1419;--surface: #1a2332;--surface-hover: #243044;--border: #2d3a4f;--text: #e8edf4;--text-muted: #8b9cb3;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--list-bg: #1e2a3a;--card-bg: #263347;--radius: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .35)}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button,input,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none;color:inherit}input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.5rem .75rem;font-size:.9rem}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}a{color:inherit;text-decoration:none}