:root{--text-muted:#666670}button,input,select{font-family:inherit}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.secondary{background:#f4f4f5!important;color:#3f3f46!important;border:1px solid #dedee3;border-radius:6px;padding:8px 12px;cursor:pointer}.sidebar-foot{gap:6px}.status-row{font-size:11px}.auth-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#fafafa;padding:24px}.auth-overlay[hidden]{display:none}.auth-card{width:100%;max-width:380px;background:#fff;border:1px solid #e4e4e7;border-radius:18px;padding:32px;box-shadow:0 8px 32px #00000006}.brand{font-size:22px;font-weight:750;letter-spacing:-1px}.brand span{font-size:12px;font-weight:400;color:#71717a;letter-spacing:0;margin-left:12px}.auth-card h1{font-size:28px;line-height:1.3;letter-spacing:-1px;margin:32px 0 10px}.auth-card h2{font-size:22px;margin-bottom:24px}.auth-card p{font-size:13px;line-height:1.7;color:#71717a}.auth-card label{display:block;font-size:13px;margin:20px 0 8px}.auth-card input{width:100%;height:44px;border:1px solid #d4d4d8;border-radius:8px;padding:0 12px;font-size:16px;background:#fafafa}.auth-card .primary{height:44px;width:100%;border:0;border-radius:8px;background:#18181b;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.auth-card .primary:disabled{opacity:.5;cursor:wait}.auth-card .auth-note{font-size:11px;margin-top:20px;text-align:center}.auth-card .form-error{color:#b91c1c;min-height:24px;margin:8px 0}.locked>.sidebar,.locked>.main-area{visibility:hidden}.sync-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:500;width:min(680px,calc(100% - 24px));padding:16px;background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;box-shadow:0 4px 24px #0002;font-size:13px}.sync-banner button{margin:12px 8px 0 0;padding:10px;border:1px solid #d4d4d8;background:#fff;border-radius:6px;cursor:pointer}.sync-banner span{display:block}dialog{margin:auto;border:0;border-radius:18px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#0008}dialog .auth-card{border:0}dialog .secondary{margin-top:10px;width:100%}.card{cursor:pointer}.card:active{cursor:pointer}.card-title{font-size:14px}.card-desc{font-size:13px}.card-perma-del,.proj-delete,.cf-del{display:flex!important;align-items:center;justify-content:center}button{transition:background .15s,opacity .15s}button:active{opacity:.75}.home-task{font-size:12px}.sidebar-item{min-height:40px}.top-bar{flex-wrap:wrap}.top-bar .top-section--dates{min-width:0}.field-input{max-width:100%}.board-wrap{min-width:0}.home-tasks{max-height:240px;overflow:auto}
@media(max-width:1100px){.column[data-col=inprog] .col-body{grid-template-columns:1fr}.board-wrap{padding:16px;gap:10px}.column{min-width:0!important}.top-section--project{flex-wrap:wrap}.top-bar .top-section--dates{padding:8px}.filter-bar{padding:12px 16px}}
@media(max-width:700px){body{display:block}.sidebar{width:100%;height:auto;min-width:0;position:relative;border-right:0;border-bottom:1px solid var(--border);padding:12px;gap:8px}.sidebar-head{padding:0 4px;font-size:22px}.sidebar-list{display:flex;flex-wrap:wrap;overflow:visible;padding:0}.sidebar-item{min-height:44px;border-left:0;border-radius:6px;padding:8px 12px;font-size:13px}.sidebar-home{margin:0}.sidebar-foot{display:flex;flex-flow:row wrap;align-items:center;padding:0;border:0}.sidebar-foot .sb-btn{width:auto;height:44px;padding:0 12px;font-size:12px}.status-bar{width:100%;border:0;padding:0;margin:0;display:flex;gap:12px}.sidebar-archived{max-height:200px}.sidebar-archived-head{font-size:12px}.top-bar{position:relative;flex-wrap:wrap}.top-bar .top-section{min-height:52px;padding:10px 12px}.top-bar .top-section--project{flex-basis:100%;gap:8px}.top-bar .top-section--dates{flex:1;flex-wrap:wrap;gap:12px}.filter-bar{gap:8px}.filter-bar input[type=text]{width:100%}.filter-bar input[type=text],.filter-bar select,.filter-bar button{height:44px;font-size:14px}.filter-bar .btn-add{margin-left:0;flex:1}.board-wrap{display:block;padding:12px}.column{max-height:none;margin-bottom:16px}.column .col-body{overflow:visible}.column[data-col=inprog] .col-body{display:flex}.home-view{padding:16px}.home-grid{grid-template-columns:1fr}.card{padding:16px}.card-title{font-size:16px}.card-desc{font-size:14px}.col-title{font-size:15px}.modal{max-width:calc(100vw - 24px)}.modal-close,.opt-del,.btn-add-field,.proj-delete,.cf-del,.card-perma-del{min-width:44px;min-height:44px}.proj-delete{position:static}.card-perma-del{top:0;right:0}.column[data-col=cancelled] .card-top{padding-right:32px}.form-input,.form-select,.form-textarea{font-size:16px!important;min-height:44px}.modal-foot button{min-height:44px}.auth-card{padding:24px}.custom-field{flex-wrap:wrap}.field-value,.project-name,.project-label,.cf-name,.cf-value{min-height:36px;display:inline-flex;align-items:center}.home-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:850px){.top-bar .top-section--dates{display:flex!important}}
@media(max-width:700px){.top-bar .top-section--phase{display:flex!important}.opt-gear{min-width:44px;min-height:44px}.form-group input,.form-group select,.form-group textarea{font-size:16px!important;min-height:44px}.field-value.editing,.project-name.editing,.project-label.editing,.cf-value.editing{display:none!important}}
@media(max-width:700px){.filter-bar{display:grid;grid-template-columns:64px minmax(0,1fr) 44px;gap:8px}.filter-bar label[for=searchInput],.filter-bar #searchInput{grid-column:1/-1}.filter-bar label{font-size:13px}.filter-bar select{width:100%;min-width:0}.filter-bar .btn-reset{grid-column:1}.filter-bar .btn-add{grid-column:2/-1;white-space:nowrap;min-width:0;margin:0}.filter-bar .opt-gear{width:44px;padding:0}}