*{box-sizing:border-box}:root{--bg:#f4f5f7;--ink:#172b4d;--muted:#6b778c;--line:#dfe1e6;--primary:#0c66e4}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:#091e420f;border-radius:4px;padding:6px 10px}button:hover{background:#091e4224}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:#05c}button.primary:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;padding:4px 8px;color:var(--muted)}button.ghost:hover{background:#091e4214}button.danger{color:#ae2e24}input,select,textarea{border:2px solid var(--line);border-radius:4px;padding:6px 8px;background:#fff;width:100%}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--primary)}select,input[type=checkbox]{width:auto}textarea{resize:vertical}h2,h3,h4,h5{margin:0}.muted{color:var(--muted)}.pad{padding:16px}.spacer{flex:1}.error{color:#ae2e24}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;flex:none}.topbar{height:48px;background:#0747a6;color:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;position:sticky;top:0;z-index:30}.topbar a{color:#fff;text-decoration:none}.brand{font-weight:700;font-size:18px;margin-right:8px}.btn-top{background:#ffffff26;color:#fff;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px}.btn-top:hover{background:#ffffff40}.search{position:relative;width:260px}.search input{background:#fff3;border-color:transparent;color:#fff}.search input::placeholder{color:#fffc}.search input:focus{background:#fff;color:var(--ink)}.search-results{position:absolute;top:40px;left:0;width:360px;background:#fff;color:var(--ink);border-radius:6px;box-shadow:0 8px 24px #091e4240;max-height:60vh;overflow:auto}.search-results a{display:block;color:var(--ink);padding:8px 12px;border-bottom:1px solid var(--line)}.search-results a:hover{background:var(--bg)}.search-results small{display:block;color:var(--muted)}.boards-page{max-width:960px;margin:24px auto;padding:0 16px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:12px 0 24px}.board-tile{height:96px;border-radius:6px;padding:12px;color:#fff;font-weight:700;text-decoration:none;display:block}.board-tile:hover{filter:brightness(.92)}.board-tile.add{background:#091e4214;color:var(--ink);font-weight:400}.board-tile.new{background:#fff;color:var(--ink);height:auto;display:flex;flex-direction:column;gap:8px}.archived-list .row{padding:4px 0}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatches button{width:28px;height:24px;padding:0;border:2px solid transparent}.swatches button.sel{border-color:var(--ink)}.board{height:calc(100vh - 48px);display:flex;flex-direction:column;position:relative}.board-head{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#00000029;color:#fff;flex-wrap:wrap}.board-head h2{cursor:pointer;padding:2px 8px}.board-head .title-input{width:260px;font-weight:700}.board-head .filter{width:160px}.board-head button,.board-head select{background:#ffffff40;color:#fff;border:0;padding:6px 10px}.board-head select option{color:#000}.lists{flex:1;display:flex;gap:10px;padding:12px;overflow-x:auto;align-items:flex-start}.list{background:#ebecf0;border-radius:8px;width:280px;flex:none;max-height:100%;display:flex;flex-direction:column;padding:8px}.list-head{display:flex;justify-content:space-between;align-items:center;cursor:grab;padding:2px 4px 6px}.list-head h3{font-size:14px;flex:1;padding:4px}.list-head h3 small{color:var(--muted);font-weight:400}.list-head input{font-weight:700}.cards{overflow-y:auto;min-height:12px;display:flex;flex-direction:column;gap:8px;padding:2px}.card{background:#fff;border-radius:6px;padding:8px 10px;box-shadow:0 1px #091e4240;cursor:pointer}.card:hover{background:#f7f8f9}.card.faded{opacity:.4}.card-title{overflow-wrap:anywhere}.labels{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.label{min-width:40px;height:8px;border-radius:4px;font-size:0;display:inline-block}.label.big{height:auto;font-size:12px;color:#fff;padding:4px 10px;min-width:48px;font-weight:600}.badges{display:flex;gap:8px;align-items:center;margin-top:6px;color:var(--muted);font-size:12px;flex-wrap:wrap}.badge{display:inline-flex;gap:3px;align-items:center;padding:1px 4px;border-radius:3px}.badge.done{background:#4bce97;color:#164b35}.badge.overdue{background:#f87168;color:#fff}.ph-card{height:36px;background:#091e4224;border-radius:6px;flex:none}.ph-list{width:280px;flex:none;height:80px;background:#ffffff40;border-radius:8px}.add-card{text-align:left;margin-top:6px}.add-list{background:#ffffff3d}.add-list .ghost{color:#fff;width:100%;text-align:left}.composer{display:flex;flex-direction:column;gap:6px;margin-top:6px}.menu-wrap{position:relative}.popover{position:absolute;right:0;top:100%;background:#fff;border-radius:6px;box-shadow:0 8px 24px #091e4240;z-index:20;padding:8px;min-width:180px;display:flex;flex-direction:column;gap:6px}.popover button{text-align:left}.popover.wide{width:280px;left:0;right:auto}.side{position:absolute;right:0;top:0;bottom:0;width:340px;background:#fff;padding:16px;overflow:auto;box-shadow:-4px 0 16px #091e4233;z-index:15}.side h3{margin-bottom:12px}.side h4{margin:16px 0 6px}.close{position:absolute;right:10px;top:10px;background:transparent;font-size:20px;line-height:1}.act{display:flex;gap:8px;margin:10px 0}.act small,.arch small{display:block;color:var(--muted)}.arch{display:flex;gap:6px;align-items:center;margin:8px 0}.arch div{flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#091e4299;z-index:50;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 12px}.dialog{background:#fff;border-radius:8px;padding:20px;width:340px;display:flex;flex-direction:column;gap:10px}.modal{background:var(--bg);border-radius:8px;width:780px;max-width:100%;padding:20px;position:relative}.modal-title{font-size:20px;font-weight:700;background:transparent;border-color:transparent;width:calc(100% - 36px)}.modal-title:focus{background:#fff}.modal-body{display:flex;gap:20px;margin-top:8px}.main{flex:1;min-width:0}.main h4{margin:18px 0 8px}.sidebar{width:170px;flex:none;display:flex;flex-direction:column;gap:6px}.sidebar h5{margin:8px 0 2px;color:var(--muted);text-transform:uppercase;font-size:11px}.sidebar button{text-align:left}.popwrap{position:relative;display:flex;flex-direction:column}.popwrap .popover{left:auto;right:0;top:36px}.dateinput{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.dateinput input{font-size:12px;padding:4px}.chips{display:flex;gap:20px;flex-wrap:wrap}.chips h5{color:var(--muted);font-size:11px;margin-bottom:4px}.desc{background:#091e420f;border-radius:6px;padding:10px;min-height:54px;white-space:pre-wrap;cursor:pointer;overflow-wrap:anywhere}.checklist{margin-top:8px}.progress{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.progress div{flex:1;height:8px;background:#091e4214;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:#4bce97}.item{display:flex;align-items:center;gap:8px;padding:3px 0}.item span{flex:1;overflow-wrap:anywhere}.struck{text-decoration:line-through;color:var(--muted)}.attach{display:flex;gap:10px;align-items:center;padding:4px 0}.attach small{color:var(--muted);flex:1}.comment-text{background:#fff;border-radius:6px;padding:8px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px #091e4240}.labelname{color:#fff;font-weight:600}hr{border:0;border-top:1px solid var(--line);width:100%}@media (max-width:700px){.modal-body{flex-direction:column}.sidebar{width:100%}.search{width:130px}.side{width:100%}.list{width:260px}}.popover .row{flex-wrap:nowrap}.dialog.wide{width:480px;max-width:95vw}.lp{min-height:100vh;display:flex;flex-direction:column;background:#fff;color:#333;font-family:Roboto,Segoe UI,system-ui,sans-serif}.lp-topbar{background:#1d365f;color:#fff;font-size:13px;padding:7px 32px;display:flex;justify-content:flex-end}.lp-topbar span{position:relative;padding-left:22px;opacity:.9}.lp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#fff;box-shadow:0 2px 8px #0000001f;position:relative;z-index:2}.lp-brand{display:flex;align-items:center;gap:12px}.lp-brand strong{display:block;color:#1d365f;font-size:20px;font-weight:600;line-height:1.1}.lp-brand small{display:block;color:#00acd8;font-size:12px;margin-top:2px}.lp-tag{white-space:nowrap;background:#1d365f;color:#fff;font-size:14px;font-weight:500;padding:8px 18px;border-radius:4px}.lp-hero{flex:1;display:flex;align-items:center;padding:48px 32px;background:linear-gradient(115deg,#1d365ff2,#1d365fd9 45%,#00acd8bf),#1d365f;position:relative;overflow:hidden}.lp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px}.lp-hero-inner{position:relative;max-width:1100px;width:100%;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}.lp-eyebrow{color:#7fdcf3;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;margin:0 0 10px}.lp-intro h1{color:#fff;font-size:44px;line-height:1.15;font-weight:600;margin:0 0 16px}.lp-intro h1 span{color:#7fdcf3}.lp-lead{color:#e3edf7;font-size:18px;line-height:1.5;margin:0 0 28px;max-width:520px}.lp-features{list-style:none;padding:0;margin:0;display:grid;gap:14px}.lp-features li{border-left:3px solid #00acd8;padding-left:14px;color:#fff;display:flex;flex-direction:column}.lp-features span{color:#cfdcec;font-size:14px}.lp-card{background:#fff;border-radius:6px;padding:34px 32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 40px #0000004d;border-top:4px solid #00acd8}.lp-card h2{margin:0;color:#1d365f;font-size:26px;font-weight:600}.lp-sub{margin:0 0 4px;color:#666;font-size:14px}.lp-card label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#1d365f;font-weight:500}.lp-card input{padding:11px 12px;border:1px solid #ccc;border-radius:4px;font-size:15px;background:#f8f8f8;color:#333}.lp-card input:focus{outline:none;border-color:#00acd8;box-shadow:0 0 0 3px #00acd833;background:#fff}.lp-card .error{margin:0;color:#c36;font-size:14px}.lp-card button{margin-top:6px;background:#00acd8;color:#fff;border:0;border-radius:4px;padding:13px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.lp-card button:hover{background:#1d365f}.lp-card button:disabled{opacity:.6;cursor:default}.lp-footer{background:#f4f4f4;color:#666;font-size:13px;padding:14px 32px;text-align:center}.lp-footer a{color:#00acd8}@media (max-width:860px){.lp-hero-inner{grid-template-columns:1fr;gap:32px}.lp-intro h1{font-size:32px}.lp-hero{padding:32px 16px}.lp-header,.lp-topbar{padding-left:16px;padding-right:16px}.lp-brand strong{font-size:17px}.lp-features{display:none}}