*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 24px #00000014;width:360px}.login-box h1{font-size:1.5rem;margin-bottom:24px;color:#1e293b}.login-box input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;margin-bottom:12px;outline:none;display:block}.login-box input:focus{border-color:#3b82f6}.login-box button{width:100%;padding:10px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.login-box button:hover{background:#2563eb}.login-box button:disabled{background:#93c5fd;cursor:not-allowed}.login-error{color:#ef4444;font-size:.85rem;margin-bottom:12px}.board-wrapper{height:100vh;display:flex;flex-direction:column}.board-header{background:#fff;padding:12px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.board-header h1{font-size:1.1rem;color:#1e293b;flex:1}.btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f1f5f9;color:#64748b}.btn-secondary:hover{background:#e2e8f0}.btn-danger{background:#fee2e2;color:#ef4444}.btn-danger:hover{background:#fecaca}.board-canvas{flex:1;overflow:auto;position:relative}.canvas-inner{position:relative;width:100%;min-height:6000px}.zone{position:absolute;border-radius:12px;display:flex;align-items:flex-start;padding:12px 16px}.zone:hover{box-shadow:2px 2px 12px #00000014}.zone-label{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.card{position:absolute;background:#fff;border-radius:0 8px 8px 0;box-shadow:0 2px 8px #0000001a;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;transition:box-shadow .15s}.card:hover{box-shadow:0 4px 16px #00000026}.card.dragging{cursor:grabbing;box-shadow:0 8px 32px #0003;opacity:.95;z-index:1000}.card-body{padding:10px 12px}.card-title{font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:4px}.card-subtitle{font-size:.8rem;color:#94a3b8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:#fff;border-radius:12px;padding:28px;width:400px;box-shadow:0 8px 40px #00000026}.modal h2{font-size:1.2rem;margin-bottom:20px;color:#1e293b}.modal label{display:block;font-size:.85rem;color:#64748b;margin-bottom:4px}.modal input,.modal select,.modal textarea{width:100%;padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;margin-bottom:14px;outline:none;font-family:inherit;display:block}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#3b82f6}.modal-actions{display:flex;gap:8px;justify-content:flex-end}