*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Inter',system-ui,sans-serif;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.01em}header{gap:.5rem;align-items:flex-start;flex-wrap:wrap;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:5}select,input[type="date"],input[type="text"],textarea,input[type="url"],input[type="search"]{font-size:1.25rem;background:var(--panel);color:var(--text);border:2px solid var(--border);border-radius:10px;padding:.35rem .6rem}button{font-size:1rem;background:var(--panel);color:var(--text);border:2px solid var(--border);border-radius:10px;padding:.35rem .6rem}input[type="search"]{border-radius:10px;padding:.35rem .6rem}button{cursor:pointer;box-shadow:var(--shadow)}button.primary{background:var(--accent);border-color:#fff0;color:#fff;padding:.4rem .7rem;border-radius:8px;font-weight:900}.btn-delete{background:#fff0;color:var(--accent);font-weight:900}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:.8rem;text-decoration:none;color:inherit}.pill:hover{filter:brightness(.98)}.pill a{font-size:.8rem}.kbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.kbar label{font-size:2.5rem}.view-switch{margin-left:auto;display:flex;gap:.25rem;align-items:left}.view-switch button{padding:.35rem .6rem;font-size:1.25rem}main{height:calc(90% - 20px);display:flex;flex-direction:column}#board,#dateView{flex:1;min-height:0}#board{display:flex;gap:12px;overflow-x:auto;padding:12px}.column{background:var(--col-bg);border:1px solid var(--border);border-radius:10px;min-width:300px;max-width:300px;display:flex;flex-direction:column;max-height:90%}.col-head{display:flex;gap:.5rem;align-items:center;padding:.6rem .6rem .4rem}.col-title{font-size:1.25rem;font-weight:600;flex:1;background:#fff0;border:0;border-bottom:1px dashed #fff0;padding:.25rem;border-radius:6px;color:var(--text)}.col-title[contenteditable="true"]:focus{outline:0;border-bottom:1px dashed var(--accent)}.card-list{display:flex;flex-direction:column;gap:8px;padding:8px;overflow:auto}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:10px;padding:.1rem .5rem;border:1px solid var(--border);background:var(--panel);font-size:12px}.badge .dot{width:1rem;height:1rem;border-radius:50%}.dropzone{min-height:24px}.empty{opacity:.7;text-align:center;padding:10px}h3{margin:.2rem 0 .1rem 0;font-size:1.25rem}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.5rem;box-shadow:var(--shadow)}.card:hover{animation:cardhover 1s;animation-fill-mode:both}.checkboxarea{display:flex;gap:.6rem;align-items:center}.titleareaoncard{flex:1;min-width:0}.notes{color:var(--text);margin:.8rem 0 .8rem 0}.titleoncard{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.titleoncard a{Pfont-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-decoration:none;color:var(--text);margin:.8rem 0 .8rem 0}strong{font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-decoration:none;color:var(--text);margin:.8rem 0 .8rem 0}.undertitle{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.statusarea{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.25rem;align-items:center}.editpill{margin-top:.6rem;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:12px;text-decoration:none;color:inherit}.editpill:hover{filter:brightness(.98)}.theme-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;width:50px;height:25px;padding:2px;border:1px solid var(--border);border-radius:999px;background:var(--panel);box-shadow:var(--shadow);cursor:pointer;user-select:none}.theme-toggle .opt{font-size:12px;text-align:center;z-index:1;color:var(--muted);font-weight:500}.theme-toggle .thumb{position:absolute;inset:2px auto 2px 2px;width:calc(50% - 2px);border-radius:999px;background:var(--accent);transition:left .2s ease}[data-theme="light"] .theme-toggle .opt:nth-child(1){color:#fff}[data-theme="dark"] .theme-toggle .opt:nth-child(2){color:#fff}[data-theme="dark"] .theme-toggle .thumb{left:calc(50% + 0px)}.chk{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:#fff;cursor:pointer;flex:0 0 22px}.chk input{position:absolute;opacity:0;inset:0;cursor:pointer}.chk .ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid #fff0;transform:scale(.6);opacity:0;transition:all .25s ease}.chk .mark{width:10px;height:10px;background:#fff0;position:relative;transition:all .2s ease}.chk .mark::after{content:'';position:absolute;left:2px;top:0;width:4px;height:8px;border:solid #fff0;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease,border-color .2s ease}.chk.checked .mark::after{border-color:var(--success);transform:rotate(45deg) scale(1)}.chk.checked{border-color:var(--success);background:rgb(22 163 74 / .08)}.chk.checked .ring{border-color:var(--success);opacity:.5;transform:scale(1)}.proj-title{font-size:1.25rem;font-weight:600;flex:0 1 250px;min-width:250px;background:#fff0;border:0;border-bottom:1px dashed #fff0;padding:.25rem;border-radius:6px;color:var(--text)}.proj-title[contenteditable="true"]:focus{outline:0;border-bottom:1px dashed var(--accent)}.avatar{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;background:var(--grad-avatar);color:#fff;font-size:11px;font-weight:700;letter-spacing:.2px;flex:0 0 20px}#dateView{display:none;overflow:auto;padding:12px;font-size:1.15rem}.dv-toolbar{display:flex;gap:.6rem;align-items:center;margin:0 0 10px 0}.table{width:100%;border-collapse:collapse;min-width:940px}.table th,.table td{border-bottom:1px solid var(--border);padding:.5rem;text-align:left;vertical-align:top;border-right:1px dotted var(--border)}.table tr:hover{background:rgb(100 116 139 / .08)}.table th.sortable{cursor:pointer;user-select:none;font-size:1.25rem;grid:50px;min-width:6%}.table th .sort-indicator{margin-left:.3rem;font-size:11px;color:var(--muted)}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:2rem;z-index:50}.modal.open{display:flex}.modal .sheet{width:min(700px,96vw);background:var(--panel);border:3px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.sheet header{position:unset;border-bottom:3px solid var(--border)}.sheet .body{padding:1rem;display:grid;gap:.6rem}.sheet .row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:.6rem}.sheet footer{display:flex;gap:.5rem;justify-content:flex-end;padding:1rem;border-top:1px solid var(--border)}*{scrollbar-width:auto;scrollbar-height:auto}#board::-webkit-scrollbar,#dateView::-webkit-scrollbar{height:20px;width:20px}#board::-webkit-scrollbar-thumb,#dateView::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:7px;border:3px solid #fff0;background-clip:content-box}#board::-webkit-scrollbar-thumb:hover,#dateView::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}#HHome{cursor:pointer}button.danger{background:#ef4444;border-color:#fff0;color:#fff}.color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--border)}.portfolio{padding:12px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pcard{background:var(--panel);border:3px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px;display:grid;gap:15px}.pcard:hover{cursor:pointer;animation:cardhover 1s;animation-fill-mode:both}.pcard h4{margin:0;font-size:24px}.pstats{display:flex;gap:8px;flex-wrap:wrap}.pill-kpi{display:inline-flex;gap:.35rem;align-items:center;border:1px solid var(--border);border-radius:10px;padding:.15rem .5rem;background:var(--col-bg);font-size:12px}.progress{height:8px;background:var(--col-bg);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress>i{display:block;height:100%;background:var(--accent);width:0%}.pcard footer{display:flex;gap:.5rem;justify-content:space-between;align-items:center}.pcard small{color:var(--muted)}#projectHeader{display:flex;align-items:center;gap:.5rem}.menu-toggle{display:none}.board-menu button{font-size:1.25rem}@media (max-width:640px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.board-menu{display:none;position:absolute;top:56px;left:0;right:0;background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:.5rem;gap:.5rem;z-index:10}.board-menu.open{display:flex;flex-wrap:wrap}header{position:sticky;top:0;z-index:20}}.badge-risk{background:var(--risk);border:1px solid var(--border);padding:.5rem;border-radius:10px}[data-theme="dark"]{.badge-risk{background:var(--risk);border:1px solid var(--border);padding:.5rem;border-radius:10px}}