@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F6F8FC;--bg-elevated: #FFFFFF;--surface: #FFFFFF;--surface2: #F2F5FB;--surface3: #EAF0FA;--border: #E4E9F2;--border2: #D3DBEA;--text: #0F172A;--text2: #475569;--text3: #7C8AA5;--accent: #2563EB;--accent-h: #1D4ED8;--accent-s: #EEF4FF;--accent-2: #8B5CF6;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .86);--glass-soft: rgba(255, 255, 255, .72);--glass-medium: rgba(255, 255, 255, .82);--glass-strong: rgba(255, 255, 255, .88);--panel-bg: rgba(255, 255, 255, .82);--panel-bg-2: rgba(255, 255, 255, .72);--panel-border-soft: rgba(15, 23, 42, .08);--panel-border-strong: rgba(15, 23, 42, .12);--list-body-bg: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .58));--list-body-bg-hover: linear-gradient(180deg, var(--accent-s), rgba(255, 255, 255, .75));--modal-shell-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .96));--sidebar-panel-bg: rgba(255, 255, 255, .7);--card-shadow-soft: 0 10px 24px rgba(15, 23, 42, .06);--card-shadow-hover: 0 16px 30px rgba(15, 23, 42, .1);--shadow-s: 0 2px 8px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .04);--shadow-m: 0 10px 24px rgba(15, 23, 42, .08), 0 4px 8px rgba(15, 23, 42, .04);--shadow-l: 0 24px 64px rgba(15, 23, 42, .14), 0 8px 18px rgba(15, 23, 42, .06);--radius-s: 8px;--radius-m: 12px;--radius-l: 18px;--radius-xl: 28px;--sb-bg: linear-gradient(180deg, rgba(10, 15, 28, .98) 0%, rgba(15, 23, 42, .98) 100%);--sb-border: rgba(255, 255, 255, .06);--sb-text: #94A3B8;--sb-active: linear-gradient(135deg, rgba(59, 130, 246, .24), rgba(139, 92, 246, .24));--sb-hover: rgba(255, 255, 255, .06);--sb-footer: #64748B;--sb-footer2: #CBD5E1;--topbar-bg: rgba(246, 248, 252, .82);--brand-gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);--success-gradient: linear-gradient(90deg, #10B981 0%, #34D399 100%)}[data-theme=dark]{--bg: #0B1120;--bg-elevated: #111827;--surface: #161D2E;--surface2: #1B2436;--surface3: #222D42;--border: #2A354A;--border2: #3A4760;--text: #E5EDF8;--text2: #A5B4CC;--text3: #7F8BA3;--accent: #60A5FA;--accent-h: #3B82F6;--accent-s: rgba(59, 130, 246, .16);--accent-2: #A78BFA;--success: #34D399;--warning: #FBBF24;--danger: #F87171;--glass: rgba(17, 24, 39, .68);--glass-soft: rgba(17, 24, 39, .58);--glass-medium: rgba(17, 24, 39, .72);--glass-strong: rgba(17, 24, 39, .84);--panel-bg: rgba(17, 24, 39, .82);--panel-bg-2: rgba(17, 24, 39, .72);--panel-border-soft: rgba(255, 255, 255, .06);--panel-border-strong: rgba(255, 255, 255, .1);--list-body-bg: linear-gradient(180deg, rgba(17, 24, 39, .72), rgba(17, 24, 39, .58));--list-body-bg-hover: linear-gradient(180deg, var(--accent-s), rgba(17, 24, 39, .76));--modal-shell-bg: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(15, 23, 42, .96));--sidebar-panel-bg: rgba(17, 24, 39, .74);--card-shadow-soft: 0 10px 24px rgba(0, 0, 0, .22);--card-shadow-hover: 0 16px 30px rgba(0, 0, 0, .3);--shadow-s: 0 2px 8px rgba(0, 0, 0, .24), 0 1px 2px rgba(0, 0, 0, .18);--shadow-m: 0 10px 24px rgba(0, 0, 0, .28), 0 4px 8px rgba(0, 0, 0, .18);--shadow-l: 0 24px 64px rgba(0, 0, 0, .42), 0 8px 18px rgba(0, 0, 0, .24);--sb-bg: linear-gradient(180deg, rgba(7, 11, 20, .98) 0%, rgba(10, 15, 28, .98) 100%);--sb-border: rgba(255, 255, 255, .06);--sb-text: #94A3B8;--sb-active: linear-gradient(135deg, rgba(59, 130, 246, .22), rgba(139, 92, 246, .22));--sb-hover: rgba(255, 255, 255, .06);--sb-footer: #64748B;--sb-footer2: #CBD5E1;--topbar-bg: rgba(11, 17, 32, .82);--brand-gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);--success-gradient: linear-gradient(90deg, #10B981 0%, #34D399 100%)}html,body,#root{height:100%}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:radial-gradient(circle at top left,rgba(59,130,246,.06),transparent 22%),radial-gradient(circle at bottom right,rgba(139,92,246,.06),transparent 18%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;transition:background .22s ease,color .22s ease}h1,h2,h3,h4,h5,input,textarea,select,button{font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:#3b82f62e}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 4px #3b82f624!important}button{-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes boardoFloat{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(4px)}}.boardo-landing{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:radial-gradient(circle at top left,rgba(59,130,246,.14),transparent 32%),radial-gradient(circle at bottom right,rgba(139,92,246,.14),transparent 30%),linear-gradient(135deg,#0b1020 0%,#10182a 42%,var(--bg) 42%,var(--bg) 100%);overflow:hidden}.boardo-bg-orb{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none;opacity:.55;animation:boardoFloat 14s ease-in-out infinite}.boardo-bg-orb-1{top:-120px;left:-120px;width:360px;height:360px;background:#3b82f63d}.boardo-bg-orb-2{right:-100px;bottom:-100px;width:320px;height:320px;background:#8b5cf638;animation-delay:-5s}.boardo-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,rgba(0,0,0,.95),transparent 72%);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.95),transparent 72%);pointer-events:none;opacity:.35}.boardo-hero{position:relative;min-width:0;padding:42px 52px;color:#fff;display:flex;align-items:center}.boardo-hero-inner{position:relative;z-index:1;width:100%;max-width:860px;animation:slideUp .55s ease}.boardo-brand-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffe0;font-size:12px;font-weight:600;margin-bottom:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.boardo-logo-row{display:flex;align-items:center;gap:14px;margin-bottom:28px}.boardo-logo-mark,.boardo-logo-img{width:54px;height:54px;border-radius:16px;flex-shrink:0}.boardo-logo-mark{display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);box-shadow:0 14px 34px #3b82f659}.boardo-logo-img{object-fit:contain;background:#ffffff14;padding:8px}.boardo-logo-row h1{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:6px}.boardo-logo-row p{color:#ffffffa8;font-size:13px}.boardo-hero-copy h2{font-size:clamp(42px,5vw,66px);line-height:1.02;font-weight:800;letter-spacing:-.065em;max-width:760px;margin-bottom:18px}.boardo-hero-copy p{max-width:620px;font-size:17px;line-height:1.75;color:#ffffffb8}.boardo-value-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;margin-bottom:34px;max-width:760px}.boardo-value-card{padding:18px;border-radius:20px;background:#ffffff12;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.boardo-value-card strong{display:block;font-size:14px;margin-bottom:6px;color:#fff}.boardo-value-card span{display:block;font-size:12px;line-height:1.65;color:#ffffffad}.boardo-shot{max-width:920px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;box-shadow:0 30px 90px #0000004d,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:boardoFloat 10s ease-in-out infinite}.boardo-shot-topbar{display:flex;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0a}.boardo-shot-dots{display:flex;gap:8px}.boardo-shot-dots span{width:10px;height:10px;border-radius:50%}.boardo-shot-dots span:nth-child(1){background:#fb7185}.boardo-shot-dots span:nth-child(2){background:#facc15}.boardo-shot-dots span:nth-child(3){background:#4ade80}.boardo-shot-search{flex:1;min-width:0;padding:10px 14px;border-radius:12px;background:#ffffff0f;color:#ffffff85;font-size:12px}.boardo-shot-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:450px}.boardo-shot-sidebar{padding:18px;border-right:1px solid rgba(255,255,255,.08);background:#080c1857}.boardo-shot-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.boardo-shot-brand-icon{width:36px;height:36px;border-radius:12px;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center}.boardo-shot-brand strong{display:block;color:#fff;font-size:13px}.boardo-shot-brand span{display:block;color:#ffffff85;font-size:11px}.boardo-shot-nav{display:grid;gap:8px;margin-bottom:24px}.boardo-shot-nav div{padding:10px 12px;border-radius:12px;color:#ffffffad;font-size:12px}.boardo-shot-nav .active{background:#ffffff1a;color:#fff}.boardo-shot-panel{padding:14px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.boardo-shot-panel p{font-size:11px;color:#ffffff8f;margin-bottom:6px}.boardo-shot-panel strong{display:block;color:#fff;font-size:28px;line-height:1;margin-bottom:6px}.boardo-shot-panel span{color:#fff9;font-size:11px;line-height:1.5}.boardo-shot-main{padding:20px}.boardo-shot-mainhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.boardo-shot-mainhead h4{font-size:20px;color:#fff;margin-bottom:4px}.boardo-shot-mainhead p{color:#ffffff94;font-size:12px}.boardo-shot-mainhead button{border:none;background:var(--brand-gradient);color:#fff;padding:11px 14px;border-radius:12px;font-weight:700;font-size:12px;cursor:pointer}.boardo-shot-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.boardo-shot-column{background:#ffffff0d;border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.08)}.boardo-shot-column-title{font-size:12px;font-weight:700;color:#ffffffd9;margin-bottom:12px}.boardo-shot-task{padding:14px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.06);margin-bottom:10px}.boardo-shot-task.featured{background:linear-gradient(135deg,#3b82f638,#8b5cf629);border-color:#60a5fa3d}.boardo-shot-task strong{display:block;color:#fff;font-size:12px;margin-bottom:5px}.boardo-shot-task span{display:block;color:#fff9;font-size:11px;line-height:1.55}.boardo-form-side{display:flex;align-items:center;justify-content:center;padding:32px 24px;min-width:0}.boardo-form-shell{width:100%;max-width:500px;position:relative;z-index:1;animation:slideUp .45s ease}.boardo-form-topcopy{margin-bottom:16px}.boardo-mini-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:var(--accent-s);color:var(--accent);font-size:12px;font-weight:700;margin-bottom:14px}.boardo-form-topcopy h3{font-size:34px;line-height:1.04;font-weight:800;letter-spacing:-.04em;color:var(--text);margin-bottom:8px}.boardo-form-topcopy p{color:var(--text3);font-size:14px;line-height:1.7}.boardo-progress{display:flex;gap:8px;margin-bottom:16px}.boardo-progress-bar{height:6px;flex:1;border-radius:999px;background:var(--border);overflow:hidden}.boardo-progress-bar.active{background:var(--brand-gradient)}.boardo-form-card{background:var(--glass-strong);border:1px solid rgba(15,22,41,.08);box-shadow:0 24px 70px #0f16291f;border-radius:28px;padding:30px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}[data-theme=dark] .boardo-form-card{background:#111827d6;border-color:#ffffff0f}.boardo-form-head{margin-bottom:22px}.boardo-form-head h2{font-size:28px;line-height:1.05;letter-spacing:-.03em;font-weight:800;color:var(--text);margin-bottom:8px}.boardo-form-head p{font-size:13px;color:var(--text3);line-height:1.65}.boardo-form-fields{display:flex;flex-direction:column;gap:14px}.boardo-field-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text2)}.boardo-text-input{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}.boardo-url-input{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.boardo-url-prefix{padding:12px;background:var(--surface2);border-right:1px solid var(--border);font-size:13px;color:var(--text3);white-space:nowrap}.boardo-url-field{flex:1;min-width:0;border:none;background:transparent;padding:12px;color:var(--text);font-size:14px}.boardo-url-field:focus{outline:none;box-shadow:none!important}.boardo-slug-status{padding:0 12px;font-size:12px;font-weight:700;color:var(--text3)}.boardo-slug-status.available{color:var(--success)}.boardo-slug-status.taken{color:var(--danger)}.boardo-help-text{margin-top:6px;font-size:11px;color:var(--text3);line-height:1.55}.boardo-workspace-preview{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#1e293b)}.boardo-preview-logo,.boardo-preview-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0}.boardo-preview-logo{object-fit:contain;background:#ffffff1f;padding:4px}.boardo-preview-icon{display:flex;align-items:center;justify-content:center;background:var(--brand-gradient)}.boardo-preview-name{font-size:14px;font-weight:700;color:#fff}.boardo-preview-note{margin-left:auto;color:#ffffff7a;font-size:11px}.boardo-form-error{background:#fef2f2;border:1px solid #FECACA;color:var(--danger);border-radius:14px;padding:12px 14px;font-size:13px}.boardo-signin-note{text-align:center;font-size:13px;color:var(--text3);margin-top:18px}.boardo-signin-note a{color:var(--accent);text-decoration:none;font-weight:700}.boardo-auth-tabs{display:flex;gap:6px;background:var(--surface2);border-radius:16px;padding:5px;margin-bottom:16px}.boardo-auth-tab{flex:1;border:none;background:transparent;color:var(--text3);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:11px 0;border-radius:12px;cursor:pointer;transition:all .2s ease}.boardo-auth-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-s)}.boardo-form-success{background:#ecfdf5;border:1px solid #6EE7B7;color:#065f46;border-radius:14px;padding:12px 14px;font-size:13px}.boardo-text-link{background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--accent);font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.boardo-text-link.strong{font-size:13px;font-weight:700}.boardo-auth-footnote{font-size:12px;color:var(--text3);text-align:center;line-height:1.7;margin-top:8px}.boardo-board-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.boardo-board-header-left,.boardo-board-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.boardo-back-btn,.boardo-archive-btn{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:var(--glass);color:var(--text2);font-size:14px;font-family:Poppins,sans-serif;cursor:pointer;transition:all .18s ease;box-shadow:var(--shadow-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.boardo-back-btn:hover,.boardo-archive-btn:hover{background:var(--surface);transform:translateY(-1px)}.boardo-board-meta{display:flex;align-items:center;gap:12px}.boardo-board-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid var(--border)}.boardo-board-meta h2{font-size:20px;line-height:1.05;font-weight:800;color:var(--text);letter-spacing:-.03em;margin-bottom:4px}.boardo-board-meta p{font-size:12px;color:var(--text3)}.boardo-board-members{display:flex;align-items:center}.boardo-board-member-img{width:30px;height:30px;border-radius:999px;object-fit:cover;border:2px solid var(--bg)}.boardo-filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-radius:18px;background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:18px}.boardo-filterbar-label{font-size:11px;font-weight:800;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;padding-right:4px}.boardo-filter-chip,.boardo-filter-select{padding:8px 12px;border-radius:999px;font-size:13px;font-family:Poppins,sans-serif;font-weight:500;border:1.5px solid var(--border);background:var(--surface);color:var(--text2)}.boardo-filter-chip{cursor:pointer}.boardo-filter-chip.active,.boardo-filter-select.active{border-color:var(--accent);background:var(--accent-s);color:var(--accent)}.boardo-filter-clear{margin-left:auto;background:none;border:none;color:var(--danger);cursor:pointer;font-size:13px;font-family:Poppins,sans-serif;font-weight:700}.boardo-board-canvas{flex:1;overflow:auto;min-height:0;padding-bottom:8px}.boardo-board-columns{display:flex;gap:18px;padding:4px 16px 24px 0;width:max-content;align-items:flex-start}.boardo-list{width:310px;flex-shrink:0;display:flex;flex-direction:column;transition:opacity .15s ease}.boardo-list.dragging{opacity:.45}.boardo-list-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding:10px 12px;border-radius:18px;background:var(--glass-strong);border:1px solid var(--border);box-shadow:var(--shadow-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.boardo-list-header.list-over{border-color:var(--accent);background:var(--accent-s)}.boardo-list-titlewrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.boardo-list-grip{color:var(--text3);font-size:14px;flex-shrink:0}.boardo-list-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0;box-shadow:0 0 10px #0000001f}.boardo-list-name{font-size:13px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardo-list-count{font-size:12px;color:var(--text3);background:var(--surface2);border-radius:999px;padding:2px 8px;font-weight:600;flex-shrink:0}.boardo-list-rename-input{width:100%;border:none;border-bottom:2px solid var(--accent);background:transparent;color:var(--text);font-size:13px;font-weight:700;outline:none;font-family:Poppins,sans-serif}.boardo-list-actions{display:flex;align-items:center;gap:4px}.boardo-icon-btn{width:28px;height:28px;border-radius:10px;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;transition:all .16s ease}.boardo-icon-btn.subtle{background:var(--surface2);color:var(--text3)}.boardo-icon-btn.primary{background:var(--brand-gradient);color:#fff;border-color:transparent}.boardo-icon-btn:hover{transform:translateY(-1px)}.boardo-list-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;overflow:hidden;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-l);z-index:50}.boardo-list-menu-item{width:100%;padding:11px 14px;border:none;background:transparent;text-align:left;font-size:13px;color:var(--text);cursor:pointer;font-family:Poppins,sans-serif}.boardo-list-menu-item:hover{background:var(--surface2)}.boardo-list-menu-item.danger{color:var(--danger);border-top:1px solid var(--border)}.boardo-list-menu-item.danger:hover{background:#fef2f2}.boardo-list-body{min-height:110px;max-height:calc(100vh - 255px);overflow-y:auto;padding:10px;border-radius:22px;background:linear-gradient(180deg,#ffffffb8,#ffffff94);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .boardo-list-body{background:linear-gradient(180deg,#111827b8,#11182794);box-shadow:inset 0 1px #ffffff08}.boardo-list-body.card-over{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-s),rgba(255,255,255,.75))}[data-theme=dark] .boardo-list-body.card-over{background:linear-gradient(180deg,var(--accent-s),rgba(17,24,39,.76))}.boardo-list-empty{text-align:center;padding:26px 10px;color:var(--text3);font-size:13px}.boardo-card{background:#ffffffe0;border-radius:18px;border:1px solid rgba(15,23,42,.08);padding:14px;margin-bottom:10px;-webkit-user-select:none;user-select:none;box-shadow:0 10px 24px #0f172a0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .boardo-card{background:#111827e0;border-color:#ffffff0f;box-shadow:0 10px 24px #00000038}.boardo-card.hovered{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a1a;border-color:#3b82f62e}.boardo-card.dragging{opacity:.45;box-shadow:var(--shadow-l)}.boardo-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.boardo-card-tag{font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px}.boardo-card-title{font-size:14px;font-weight:700;line-height:1.45;color:var(--text);margin-bottom:10px}.boardo-card-progress{margin-bottom:10px}.boardo-card-progress-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:11px;color:var(--text3)}.boardo-card-progress-track{height:5px;background:var(--border);border-radius:999px;overflow:hidden}.boardo-card-progress-fill{height:100%;background:var(--success-gradient);border-radius:999px}.boardo-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.boardo-card-assignees{display:flex;align-items:center}.boardo-card-avatar-img{width:24px;height:24px;border-radius:999px;object-fit:cover;border:2px solid var(--surface)}.boardo-card-avatar-more{width:24px;height:24px;border-radius:999px;background:var(--surface2);border:2px solid var(--surface);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text2);margin-left:-6px}.boardo-card-date{font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px;color:var(--text3);background:var(--surface2)}.boardo-card-date.overdue{color:var(--danger);background:#fef2f2}.boardo-add-card-box,.boardo-add-list-card{background:var(--glass-strong);border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:var(--shadow-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.boardo-add-card-textarea,.boardo-add-list-input{width:100%;border:1.5px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:14px;font-family:Poppins,sans-serif;outline:none}.boardo-add-card-textarea{resize:none;min-height:72px;padding:12px;margin-bottom:10px}.boardo-add-list-input{padding:10px 12px;margin-bottom:12px}.boardo-add-card-actions,.boardo-add-list-actions{display:flex;gap:8px}.boardo-add-list-wrap{width:300px;flex-shrink:0}.boardo-add-list-btn{width:100%;padding:15px 16px;border-radius:18px;border:1.5px dashed var(--border);background:#ffffff85;color:var(--text3);cursor:pointer;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:8px;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .16s ease}[data-theme=dark] .boardo-add-list-btn{background:#11182785}.boardo-add-list-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-s)}.boardo-add-list-colors{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.boardo-color-dot{width:24px;height:24px;border-radius:999px;border:3px solid transparent;cursor:pointer}.boardo-color-dot.active{border-color:var(--text)}@media (max-width: 1180px){.boardo-landing{grid-template-columns:1fr;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 30%),radial-gradient(circle at top right,rgba(139,92,246,.12),transparent 30%),linear-gradient(180deg,#0b1020 0%,#11182b 56%,var(--bg) 56%,var(--bg) 100%)}.boardo-bg-grid{mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 65%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 65%)}.boardo-hero{min-height:auto;padding-bottom:18px}.boardo-form-side{padding-top:10px;padding-bottom:34px}}@media (max-width: 900px){.boardo-board-header{align-items:flex-start;flex-direction:column}.boardo-filter-clear{margin-left:0}}@media (max-width: 860px){.boardo-hero{padding:28px 20px 12px}.boardo-form-side{padding:14px 16px 28px}.boardo-value-points,.boardo-shot-body{grid-template-columns:1fr}.boardo-shot-sidebar{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.boardo-shot-columns{grid-template-columns:1fr}.boardo-form-card{padding:22px;border-radius:22px}.boardo-form-topcopy h3{font-size:28px}.boardo-hero-copy h2{font-size:clamp(34px,8vw,48px)}}