@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0f1729;--bg-dark-rgb:15, 23, 42;--bg-light:#f6f7f9;--bg-light-rgb:248, 250, 252;--panel-dark:#1e293bb3;--panel-light:#ffffffb3;--border-dark:#ffffff14;--border-light:#0f172a14;--primary-hue:262;--primary:HSL(var(--primary-hue), 83%, 62%);--primary-hover:HSL(var(--primary-hue), 83%, 52%);--primary-light:HSL(var(--primary-hue), 83%, 95%);--primary-dark:HSL(var(--primary-hue), 83%, 20%);--accent-hue:320;--accent:HSL(var(--accent-hue), 85%, 60%);--success:#22c35d;--warning:#f59f0a;--danger:#ef4343;--font-sans:"Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #00000026, 0 10px 10px -5px #0000000a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){body{--bg-main:var(--bg-dark);--bg-main-rgb:var(--bg-dark-rgb);--panel:var(--panel-dark);--border:var(--border-dark);--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#7b899d;--shadow:var(--shadow-xl);--input-bg:#0f172a99}}@media (prefers-color-scheme:light){body{--bg-main:var(--bg-light);--bg-main-rgb:var(--bg-light-rgb);--panel:var(--panel-light);--border:var(--border-light);--text-primary:#0f1729;--text-secondary:#435670;--text-muted:#808ea3;--shadow:var(--shadow-lg);--input-bg:#ffffffe6}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);background-image:radial-gradient(at 0% 0%, rgba(var(--primary-hue), 83%, 62%, .05) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(var(--accent-hue), 85%, 60%, .05) 0px, transparent 50%);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-y:scroll}.glass-panel{background:var(--panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}.header{animation:slideDown var(--transition-normal);justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem}.logo-text{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), HSL(var(--primary-hue), 83%, 55%));color:#fff;box-shadow:0 4px 14px 0 rgba(var(--primary-hue), 83%, 62%, .3)}.btn-primary:hover{box-shadow:0 6px 20px 0 rgba(var(--primary-hue), 83%, 62%, .4);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--input-bg);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-muted);background:#8080801a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#eb1414;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{text-align:left;margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.input-text,.textarea{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;outline:none;padding:.85rem 1rem;font-size:1rem}.input-text:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-hue), 83%, 62%, .2)}.user-badge-btn{background:var(--panel);border:1px solid var(--border);cursor:pointer;font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast), background-color var(--transition-fast);border-radius:9999px;outline:none;align-items:center;gap:.75rem;padding:.5rem 1.25rem;display:flex}.user-badge-btn:hover{border-color:var(--primary);background:rgba(var(--primary-hue), 83%, 62%, .05)}.dropdown-arrow{color:var(--text-muted);transition:transform var(--transition-fast);font-size:.65rem}.dropdown-arrow.open{transform:rotate(180deg)}.profile-menu-container{position:relative}.profile-dropdown{z-index:1000;width:220px;animation:slideDown var(--transition-fast) forwards;border-radius:12px;padding:.75rem;position:absolute;top:calc(100% + 8px);right:0}.dropdown-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:.25rem .5rem;font-size:.8rem;overflow:hidden}.dropdown-item{width:100%;color:var(--text-primary);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.9rem;font-weight:600;display:flex}.dropdown-item:hover{color:var(--danger);background:#ef44441a}.user-avatar{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:32px;height:32px}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.auth-page{text-align:center;max-width:500px;animation:fadeIn var(--transition-slow);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 auto;display:flex}.auth-card{width:100%;margin-top:2rem;padding:3rem 2rem}.auth-title{background:linear-gradient(135deg, var(--text-primary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.15}.auth-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.board-card{cursor:pointer;transition:transform var(--transition-normal), border-color var(--transition-normal);text-align:left;flex-direction:column;justify-content:space-between;height:200px;padding:1.5rem;display:flex}.board-card:hover{border-color:var(--primary);transform:translateY(-4px)}.board-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.board-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:700;overflow:hidden}.board-badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.badge-brainstorming{background:rgba(var(--primary-hue), 83%, 62%, .15);color:var(--primary)}.badge-ranking{background:rgba(var(--accent-hue), 85%, 60%, .15);color:var(--accent)}.badge-finalized{color:var(--success);background:#8e462d26}.board-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;font-size:.9rem;display:-webkit-box;overflow:hidden}.board-card-footer{color:var(--text-muted);justify-content:space-between;margin-top:1rem;font-size:.8rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;animation:zoomIn var(--transition-normal);padding:2rem;position:relative}.modal-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:2rem;display:flex}.tags-container{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tag{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.85rem;display:inline-flex}.tag-remove{cursor:pointer;color:var(--danger);font-weight:700}.board-detail-container{text-align:left;animation:fadeIn var(--transition-normal);grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (width<=900px){.board-detail-container{grid-template-columns:1fr}}.back-link{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:600;display:inline-flex}.back-link:hover{color:var(--primary)}.board-header-section{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.board-meta-title{letter-spacing:-.75px;font-size:2.2rem;font-weight:800}.board-meta-description{color:var(--text-secondary);margin-top:.5rem;font-size:1.05rem}.ranks-section{margin-bottom:2rem;padding:2rem}.section-title{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;display:flex}.dnd-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.dnd-item{background:var(--input-bg);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;align-items:center;padding:1rem 1.25rem;display:flex;position:relative}.dnd-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.dnd-item:active{cursor:grabbing}.dnd-item.dragging{opacity:.4;border:1px dashed var(--primary);background:rgba(var(--primary-hue), 83%, 62%, .05)}.dnd-rank-badge{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:1.25rem;font-size:.9rem;font-weight:700;display:flex}.dnd-item:first-child .dnd-rank-badge{color:#1a1a1a;background:gold;box-shadow:0 0 10px #ffd70066}.dnd-item:nth-child(2) .dnd-rank-badge{color:#1a1a1a;background:silver}.dnd-item:nth-child(3) .dnd-rank-badge{color:#fff;background:#cd7f32}.dnd-item-name{flex-grow:1;font-size:1.1rem;font-weight:600}.dnd-item-points{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0d;border-radius:8px;padding:.25rem .6rem;font-size:.85rem;font-weight:700}.dnd-item-actions{opacity:0;transition:opacity var(--transition-fast);margin-left:1rem}.dnd-item:hover .dnd-item-actions{opacity:1}.points-calc-badge{border-radius:6px;margin-left:.75rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.points-5{color:#1fad53;background:#8e462d33}.points-3{color:#dc8f09;background:#265c3233}.points-1{background:var(--border);color:var(--text-muted)}.sidebar-panel{flex-direction:column;align-self:start;gap:2rem;padding:1.5rem;display:flex}.collaborators-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.collaborator-item{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.collaborator-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.logs-container{flex-direction:column;gap:.75rem;max-height:350px;margin-top:1rem;padding-right:.25rem;display:flex;overflow-y:auto}.log-entry{border:1px solid var(--border);background:#8080800d;border-radius:8px;padding:.75rem;font-size:.85rem}.log-meta{color:var(--text-muted);justify-content:space-between;margin-top:.25rem;font-size:.75rem;display:flex}.finalized-card{text-align:center;max-width:600px;animation:scaleUp var(--transition-slow) forwards;margin:4rem auto 0;padding:4rem 2rem;position:relative;overflow:hidden}.finalized-title{color:var(--success);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.final-name{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(var(--primary-hue), 83%, 62%, .2);-webkit-background-clip:text;margin-bottom:2rem;font-size:4rem;font-weight:800;line-height:1.1}.finalized-confetti{pointer-events:none;background:radial-gradient(circle, rgba(var(--primary-hue), 83%, 62%, .15) 0%, transparent 70%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#80808033;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#80808066}.btn-edit-meta{background:rgba(var(--primary-hue), 83%, 62%, .08);border:1px solid rgba(var(--primary-hue), 83%, 62%, .15);color:var(--primary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border-radius:9999px;outline:none;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.btn-edit-meta:hover{background:rgba(var(--primary-hue), 83%, 62%, .15);border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-hue), 83%, 62%, .15);transform:translateY(-1px)}.btn-edit-meta:active{transform:translateY(0)}.edit-icon{fill:currentColor;transition:transform var(--transition-fast);flex-shrink:0}.btn-edit-meta:hover .edit-icon{transform:rotate(15deg)scale(1.05)}@media (width<=600px){.header{gap:.5rem;margin-bottom:2rem}.logo-icon{font-size:1.8rem}.logo-text{font-size:1.35rem}.user-badge-btn{box-shadow:none;background:0 0;border:none;gap:0;padding:.25rem}.user-badge-btn:hover{background:0 0}.user-name,.dropdown-arrow{display:none}.profile-dropdown{width:200px}}