:root{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-serif:"Source Serif 4", "Source Serif Pro", Georgia, Cambria, "Times New Roman", serif;--gray-50:oklch(98.5% 0 0);--gray-100:oklch(96.5% 0 0);--gray-200:oklch(92.5% 0 0);--gray-300:oklch(87% 0 0);--gray-400:oklch(70% 0 0);--gray-500:oklch(55% 0 0);--gray-600:oklch(45% 0 0);--gray-700:oklch(37% 0 0);--gray-800:oklch(27% 0 0);--gray-900:oklch(20% 0 0);--gray-950:oklch(14% 0 0);--brand-500:oklch(32% 0 0);--brand-600:oklch(48% .2 260);--clr-bg:var(--gray-50);--clr-surface:#fff;--clr-text:var(--gray-900);--clr-text-muted:var(--gray-500);--clr-border:var(--gray-200);--clr-border-hover:var(--gray-300);--clr-primary:var(--brand-500);--clr-primary-hover:oklch(42% 0 0);--clr-primary-text:#fff;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px oklch(0% 0 0/.05);--shadow-md:0 2px 4px oklch(0% 0 0/.06), 0 1px 2px oklch(0% 0 0/.04);--shadow-lg:0 4px 12px oklch(0% 0 0/.08), 0 2px 4px oklch(0% 0 0/.04)}*,:before,:after{box-sizing:border-box;margin:0}html{font-family:var(--font-sans);color:var(--clr-text);background:var(--clr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5}button{all:unset;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;display:inline-flex}a{color:inherit;text-decoration:none}.btn{border-radius:var(--radius-md);padding:6px 12px;font-size:14px;font-weight:500;transition:background-color .15s,box-shadow .15s}.btn.btn-primary{background:var(--clr-primary);color:var(--clr-primary-text)}.btn.btn-primary:hover{background:var(--clr-primary-hover)}.btn.btn-secondary{background:var(--clr-surface);color:var(--clr-text);box-shadow:inset 0 0 0 1px var(--clr-border)}.btn.btn-secondary:hover{background:var(--gray-100)}.uktdropdown-body{--uktdd-body-bg-color:var(--clr-surface);--uktdd-body-color:var(--clr-text);--uktdd-body-bg-color-hover:var(--gray-100);--uktdd-body-color-hover:var(--clr-text);--uktdd-body-border-color:var(--clr-border);--uktdd-body-box-shadow:var(--shadow-lg);border-radius:var(--radius-md)}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--clr-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.login-title{font-size:24px;font-weight:700}.login-subtitle{color:var(--clr-text-muted);font-size:14px}.login-btn{margin-top:12px;padding:10px 24px}@media (width<=480px){.login-card{margin:0 16px;padding:36px 24px}}.board-doc-attach{color:var(--clr-text-muted);border:1px dashed var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.board-doc-attach svg{width:14px;height:14px}.board-doc-attach:hover{color:var(--clr-text);border-color:var(--clr-border-hover)}.board-doc-chip{color:var(--clr-text);background:var(--gray-100);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.board-doc-chip>svg{width:14px;height:14px;color:var(--clr-text-muted);flex-shrink:0}.board-doc-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-doc-remove{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;margin-left:auto;padding:0;display:flex}.board-doc-remove svg{width:14px;height:14px}.board-doc-remove:hover{color:var(--clr-text)}.board-doc-hint,.board-doc-error{color:var(--clr-text-muted);margin-top:6px;font-size:11px;line-height:1.5}.board-doc-error{color:oklch(50.5% .213 27)}.dialog-overlay{z-index:100;background:oklch(0% 0 0/.4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--clr-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;width:400px;max-width:calc(100vw - 48px);padding:24px;display:flex}.dialog h2{font-size:18px;font-weight:600}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.delete-column-sub{color:var(--clr-text-muted);font-size:14px;line-height:1.5}.boards-shell{color:oklch(100% 0 0/.95);min-height:100vh;position:relative}.boards-shell:before{content:"";z-index:-1;background:oklch(16% 0 0);position:fixed;inset:0}.boards-toolbar{align-items:center;gap:12px;padding:16px 24px;display:flex}.boards-toolbar-mark{color:oklch(100% 0 0/.95);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.boards-toolbar-mark svg{width:20px;height:20px}.boards-toolbar-title{margin-right:auto;font-size:15px;font-weight:600}.boards-toolbar .btn-primary{color:var(--gray-900);background:oklch(100% 0 0/.94)}.boards-toolbar .btn-primary:hover{background:#fff}.boards-avatar-trigger{border-radius:999px;flex-shrink:0;transition:box-shadow .12s;box-shadow:0 0 0 1px oklch(100% 0 0/.18)}.boards-avatar-trigger:hover,.boards-avatar-menu.is-open .boards-avatar-trigger{box-shadow:0 0 0 2px oklch(100% 0 0/.4)}.boards-avatar-body{min-width:220px;font-size:13px}.boards-avatar-body>div[data-ukt-value]{border-radius:var(--radius-sm);cursor:default;align-items:center;padding:6px 10px;display:flex}.boards-avatar-identity{border-bottom:1px solid var(--clr-border);align-items:center;gap:10px;margin-bottom:4px;padding:6px 10px 10px;display:flex}.boards-avatar-who{flex-direction:column;min-width:0;display:flex}.boards-avatar-name{font-weight:600}.boards-avatar-email{color:var(--clr-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.boards-page{max-width:1160px;margin:0 auto;padding:32px 24px 48px}.boards-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:20px;display:grid}.board-card{border-radius:var(--radius-xl);background:var(--gray-800);cursor:pointer;isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:460px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.07)}.board-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.16),0 12px 28px oklch(0% 0 0/.45)}.board-card-photo{z-index:-2;background-position:50%;background-size:cover;transition:transform .4s;position:absolute;inset:0}.board-card:hover .board-card-photo{transform:scale(1.03)}.board-card-scrim{z-index:-1;background:linear-gradient(#0000 0%,oklch(0% 0 0/.12) 18%,oklch(0% 0 0/.38) 34%,oklch(0% 0 0/.72) 52%,oklch(0% 0 0/.9) 70%,oklch(0% 0 0/.95) 100%);position:absolute;inset:0}.board-card-body{color:#fff;text-shadow:0 1px 14px oklch(0% 0 0/.55);flex-direction:column;padding:20px;display:flex}.board-card-name{letter-spacing:-.01em;padding-right:28px;font-size:21px;font-weight:500;line-height:1.2}.board-card-desc,.board-card-status{color:oklch(100% 0 0/.69);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin-top:7px;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.board-card-open{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:44px;color:var(--gray-900);text-shadow:none;opacity:0;background:oklch(100% 0 0/.72);border-radius:999px;justify-content:center;align-items:center;margin-top:26px;margin-bottom:-70px;font-size:14px;font-weight:600;transition:opacity .2s,transform .24s,margin-bottom .24s,background-color .15s;display:flex;transform:translateY(6px)}.board-card:hover .board-card-open,.board-card:focus-visible .board-card-open{opacity:1;margin-bottom:0;transform:none}.board-card-open:hover{background:oklch(100% 0 0/.92)}.board-card-bar{background:oklch(100% 0 0/.14);border-radius:999px;width:60%;max-width:190px;height:4px;margin-top:18px;display:flex;overflow:hidden}.board-card-bar-done{background:oklch(100% 0 0/.55)}.board-card-bar-flight{background:oklch(100% 0 0/0)}.board-card-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.board-card-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:oklch(100% 0 0/.88);white-space:nowrap;background:oklch(100% 0 0/.09);border-radius:999px;padding:3px 9px;font-size:11px;line-height:1.4}.board-card-chip b{color:oklch(100% 0 0/.96);font-weight:600}.board-card-chip-late{color:#fff;background:oklch(55% .2 25/.5)}.board-card-age{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.01em;color:oklch(100% 0 0/.85);white-space:nowrap;background:oklch(0% 0 0/.38);border-radius:999px;padding:3px 8px;font-size:10.5px;line-height:1.4;position:absolute;top:12px;left:12px}.board-card-menu-anchor{position:absolute;top:12px;right:12px}.board-card-menu-trigger{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;opacity:0;background:oklch(0% 0 0/.4);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .1s,background-color .1s;display:flex}.board-card-menu-trigger svg{width:18px;height:18px}.board-card-menu-trigger:hover{background:oklch(0% 0 0/.62)}.board-card:hover .board-card-menu-trigger,.board-card-menu-trigger:focus-visible,.board-card-menu.is-open .board-card-menu-trigger{opacity:1}.board-card-menu-body{font-size:13px}.board-card-menu-body>div{border-radius:var(--radius-sm);cursor:default;align-items:center;padding:4px 10px;display:flex}.board-card-menu-icon{width:14px;height:14px;margin-right:6px}.board-card-menu-item-danger{color:oklch(55% .2 25)}.board-card-menu-item-danger[data-ukt-active]{color:#fff!important;background:oklch(55% .2 25)!important}.board-card-menu .uktdropdown-body{--uktdd-body-position-area:block-end span-inline-start;--uktdd-body-position-try-fallback-1:--uktdd-top-end;--uktdd-body-position-try-fallback-2:--uktdd-bottom-start;--uktdd-body-pad-top:4px;--uktdd-body-pad-bottom:4px;--uktdd-body-pad-left:4px;--uktdd-body-pad-right:4px}.board-card-empty{border-radius:var(--radius-xl);color:oklch(100% 0 0/.6);cursor:pointer;background:oklch(100% 0 0/.03);border:1px dashed oklch(100% 0 0/.18);justify-content:center;align-items:center;min-height:460px;padding:24px 16px;font-size:14px;transition:border-color .15s,background-color .15s,color .15s;display:flex}.board-card-empty:hover{color:oklch(100% 0 0/.92);background:oklch(100% 0 0/.06);border-color:oklch(100% 0 0/.34)}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--clr-text-muted);font-size:13px;font-weight:500}.form-field input,.form-field textarea{border:1px solid var(--clr-border);border-radius:var(--radius-md);background:0 0;outline:none;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .15s}:is(.form-field input,.form-field textarea):focus{border-color:var(--clr-primary)}.form-field textarea{resize:vertical;min-height:64px}.empty-state{text-align:center;color:var(--clr-text-muted);padding:64px 24px}.empty-state p{margin-bottom:16px}.board-starter-columns{cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0 16px;font-size:13px;display:flex}.board-starter-columns input{accent-color:var(--clr-primary);flex-shrink:0;margin-top:2px}.board-starter-columns-hint{color:var(--clr-text-muted);margin-top:2px;font-size:12px;display:block}@media (hover:none){.board-card-menu-trigger{opacity:1}}@media (width<=640px){.boards-page{padding:20px 16px 40px}.board-card,.board-card-empty{min-height:360px}.form-field input,.form-field textarea{font-size:16px}}