:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#283d35;background:#f7f8f4;font-synthesis:none;--green:#244e3c;--muted:#7b887f;--line:#e5e8e0;--accent:#d8edb9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9ebd6c;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #85a886;outline-offset:1px}svg{width:20px;height:20px;display:block;flex-shrink:0}button{border:0;background:none}button svg{pointer-events:none}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select,textarea{border-radius:8px}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;gap:20px;color:var(--muted)}.boot-logo{font:700 72px Georgia;color:var(--green)}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#183c30;color:#c6d6c9;display:flex;flex-direction:column;padding:34px 20px 18px;position:fixed;inset:0 auto 0 0;width:248px;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 15px 32px;color:#f4faef;letter-spacing:-.8px;font-size:25px;font-weight:650}.brand-mark{font:700 31px Georgia;color:#cde8aa;background:#2c5040;width:39px;height:39px;line-height:34px;text-align:center;border-radius:12px;letter-spacing:-3px;padding-right:4px}.workspace-label{margin:4px 15px 14px;font-size:10px;font-weight:650;letter-spacing:2.1px;color:#829d8e}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;width:100%;text-align:left;font-size:13px;font-weight:500;border-radius:8px;margin:3px 0;color:#b6ccbd;transition:background .15s}.nav-item:hover{background:#244b3a;color:white}.nav-item.active{color:#edfae3;background:#315340}.nav-item.active svg{color:#d1e8b2}.nav-item .count{margin-left:auto;font-size:11px;border-radius:5px;background:#ffffff0c;padding:2px 6px;color:#bad1c1}.nav-projects{margin-top:32px;display:flex;align-items:center;justify-content:space-between;padding-right:10px}.nav-projects .workspace-label{margin-bottom:10px}.nav-projects button{color:#bdd0c2;padding:4px}.project-nav-list{overflow-y:auto;max-height:calc(100vh - 430px);min-height:70px}.dot{width:9px;height:9px;flex-shrink:0;border-radius:3px;background:var(--project-color,#8fad8c)}.nav-item .project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-note{margin:auto 10px 24px;padding-top:30px}.side-note .mini-art{display:flex;align-items:center;gap:5px;margin-bottom:13px}.mini-art i{display:block;width:6px;border-radius:4px;background:#53785b;transform:rotate(20deg)}.mini-art i:nth-child(1){height:15px}.mini-art i:nth-child(2){height:25px;background:#aec98b}.mini-art i:nth-child(3){height:20px;background:#7da472}.side-note p{font-size:12px;color:#a3bca9;line-height:1.8}.side-note small{display:block;font-size:10px;color:#73917f;margin-top:5px}.profile{border-top:1px solid #ffffff14;padding:18px 10px 0;display:flex;gap:10px;align-items:center}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#dbe9cd;border-radius:50%;font-size:12px;color:#31503c;font-weight:650;flex-shrink:0}.profile strong{font-size:12px;display:block;color:#e0ebdf}.profile small{font-size:10px;color:#89a18f}.profile .icon-button{margin-left:auto;color:#92ad9b}.main{grid-column:2;min-width:0}.topbar{height:77px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fcfcfa;gap:20px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#8c978f;font-size:12px}.breadcrumb strong{font-weight:500;color:#4b6054}.breadcrumb .divider{color:#c4cbc1}.topbar-right{display:flex;align-items:center;gap:20px}.save-state{font-size:11px;display:flex;align-items:center;gap:7px;color:#8a978a;white-space:nowrap}.save-state i{width:6px;height:6px;background:#6c9878;border-radius:50%}.top-avatar{width:30px;height:30px;font-size:11px;border:3px solid white;box-shadow:0 0 0 1px #e1e7db}.content{padding:40px 42px;max-width:1800px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#859779;display:flex;gap:8px;align-items:center;margin-bottom:12px}.eyebrow::before{content:"";width:16px;height:1px;background:#91a780}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.heading-row h1{font-size:32px;font-weight:600;letter-spacing:-1.2px;line-height:1.3}.heading-row p{font-size:13px;color:#839083;margin-top:9px;line-height:1.6}.heading-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.4;transition:background .15s,transform .15s}.btn svg{width:16px;height:16px}.primary{background:#2f563e;color:#fff;border:1px solid #2f563e;box-shadow:0 2px 3px #193c3012}.primary:hover{background:#20472f}.secondary{background:white;border:1px solid #dfe5d9;color:#5c6d5c}.secondary:hover{background:#f2f5ed}.danger{color:#b55749}.danger:hover{background:#fff1ed}.icon-button{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#8f9a8f;flex-shrink:0}.icon-button:hover{background:#e9eee3;color:#466644}.icon-button svg{width:17px;height:17px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 37px}.stat{padding:22px 24px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;gap:16px;align-items:center}.stat-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:12px;background:#edf2e8;color:#75916b}.stat:nth-child(2) .stat-icon{background:#fcf1df;color:#b89955}.stat:nth-child(3) .stat-icon{background:#eaf0f8;color:#8298b6}.stat-number{font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1.1}.stat-label{font-size:11px;color:#8b9688;margin-top:6px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{font-size:15px;font-weight:600;letter-spacing:-.2px}.section-heading small{font-size:11px;color:#96a18f}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{display:flex;flex-direction:column;min-height:240px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;text-align:left;width:100%;padding:0}.project-card:hover{transform:translateY(-3px);box-shadow:0 7px 24px #233f2b0a}.project-cover{height:62px;background:var(--project-soft);position:relative;overflow:hidden;border-bottom:1px solid #00000003}.project-cover::before{content:"";position:absolute;width:140px;height:140px;border:23px solid var(--project-color);opacity:.12;border-radius:40px;right:-7px;top:-68px;transform:rotate(28deg)}.project-cover::after{content:"";position:absolute;width:65px;height:65px;border:12px solid var(--project-color);opacity:.12;border-radius:20px;right:130px;top:28px;transform:rotate(28deg)}.project-monogram{position:absolute;top:16px;left:22px;background:#ffffffac;border:1px solid #ffffff88;color:var(--project-color);height:31px;min-width:31px;padding:0 7px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;z-index:1}.project-body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1;width:100%}.project-body h3{font-size:15px;font-weight:600;letter-spacing:-.3px;overflow-wrap:anywhere}.project-body p{font-size:11px;line-height:1.8;color:#929a8f;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.project-progress{margin-top:23px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8e9989}.progress-track{height:4px;background:#edf0e8;border-radius:5px;margin-top:8px;overflow:hidden}.progress-track span{display:block;background:var(--project-color,#799868);height:100%;border-radius:5px}.project-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:19px;font-size:10px;color:#9da596}.tiny-badge{display:inline-flex;align-items:center;gap:5px;background:#f3f6ee;border:1px solid #e8ecdf;color:#7c9166;padding:4px 7px;border-radius:5px;font-size:9px}.tiny-badge i{width:4px;height:4px;border-radius:50%;background:#95ad7c}.project-new{border:1px dashed #cfd9c7;background:transparent;min-height:258px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#819477;text-align:center}.project-new:hover{background:#f0f4e9;border-color:#91a77d}.project-new span{width:38px;height:38px;border:1px solid #dde5d5;border-radius:50%;display:grid;place-items:center;background:#f2f5ed;margin-bottom:5px}.project-new strong{font-size:12px;font-weight:500}.project-new small{font-size:10px;color:#a1ac97}.overview-bottom{margin-top:31px;background:#eef2e6;border:1px solid #e5ebdb;border-radius:10px;padding:19px 23px;display:flex;align-items:center;gap:14px;color:#85976d}.overview-bottom svg{width:21px;height:21px;flex-shrink:0}.overview-bottom p{font-size:11px;line-height:1.8}.overview-bottom strong{font-weight:600;color:#647b51}.overview-bottom .key{margin-left:auto;font-size:10px;background:#f8faf4;border:1px solid #dce5d0;border-radius:4px;padding:4px 7px;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:25px}.tabs{display:flex;gap:25px}.tab{font-size:12px;color:#8b9686;padding:12px 0 15px;border-radius:0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px}.tab svg{width:15px;height:15px}.tab.active{color:#34543a;border-bottom-color:#487044}.filters{display:flex;gap:10px;align-items:center;padding-bottom:10px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e0e6da;background:white;border-radius:7px;padding:8px 10px;color:#a0ab96}.search svg{width:14px;height:14px}.search input{background:transparent;border:0;outline:none;font-size:11px;width:150px;color:#4e634d;border-radius:0}.search input::placeholder{color:#a0ab96}.filter-select{font-size:11px;padding:8px 24px 8px 10px;color:#7e8d72;background:white;border:1px solid #e0e6da;max-width:140px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;align-items:start}.column{min-width:0;background:#f0f2ec;border-radius:11px;padding:14px 12px 12px;min-height:360px;border:1px solid #e9ece3;transition:background .15s}.column.drag-over{background:#e4eddb;outline:2px dashed #a5bd8b;outline-offset:-2px}.column-heading{display:flex;align-items:center;gap:8px;padding:0 3px 13px;font-size:12px;font-weight:600}.status-dot{height:7px;width:7px;border-radius:50%;background:#a0ac94}.doing .status-dot{background:#d6b675}.done .status-dot{background:#6f9e7d}.column-heading .number{font-size:10px;font-weight:500;color:#8c9980;background:#e5eadd;border-radius:5px;min-width:19px;text-align:center;padding:3px}.column-heading .icon-button{margin-left:auto;width:22px;height:22px}.task-list{display:flex;flex-direction:column;gap:11px;min-height:80px}.task{background:white;border:1px solid #e3e7dd;border-radius:9px;padding:17px 16px 14px;box-shadow:0 2px 2px #203c241b;cursor:grab;transition:box-shadow .15s,transform .15s;outline:none}.task:hover{box-shadow:0 4px 12px #233a2412;transform:translateY(-1px);border-color:#bdcbb0}.task:focus-visible{outline:2px solid #8fac76;outline-offset:3px}.task.dragging{opacity:.4}.task.drop-before{border-top:3px solid #719c61}.task-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.tag{font-size:9px;line-height:1.6;padding:2px 7px;border-radius:4px;background:#eef3e6;color:#849563;font-weight:500;max-width:100%;overflow-wrap:anywhere}.tag:nth-child(3n+2){background:#f6eddf;color:#b39a6f}.tag:nth-child(3n+3){background:#ebedf7;color:#9694b8}.task h3{font-size:12px;font-weight:600;line-height:1.6;letter-spacing:-.1px;overflow-wrap:anywhere}.task-description{font-size:10px;line-height:1.8;color:#9aa292;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.task-bottom{display:flex;align-items:center;gap:9px;margin-top:16px;flex-wrap:wrap;min-height:17px}.task-meta{display:flex;align-items:center;gap:4px;font-size:9px;color:#98a38e}.task-meta svg{width:12px;height:12px}.task-meta.overdue{color:#c37565}.task-priority{display:flex;align-items:center;gap:3px;font-size:9px;color:#9da58f;margin-left:auto}.task-priority svg{width:11px;height:11px}.task-priority.high{color:#c08166}.task-priority.low{color:#8caa92}.column-add{width:100%;padding:13px 5px 4px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#96a18b}.column-add:hover{color:#41683c}.column-add svg{width:14px;height:14px}.column-empty{padding:26px 10px 24px;text-align:center;font-size:10px;color:#a6af9c;line-height:1.8}.board-summary{display:flex;gap:15px;align-items:center;margin-top:24px;font-size:10px;color:#9ba68f}.board-summary .progress-track{width:100px;margin:0}.board-summary .push{margin-left:auto;display:flex;gap:5px;align-items:center}.board-summary svg{width:12px;height:12px}.list-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:white}.task-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.task-table th{padding:14px 18px;font-size:10px;color:#8f9c83;font-weight:500;background:#f5f7f0}.task-table td{padding:16px 18px;border-top:1px solid #eef0e9}.task-table tbody tr{cursor:pointer}.task-table tbody tr:hover{background:#f8faf4}.list-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap}.list-status i{width:6px;height:6px;border-radius:50%;background:#a0ac94}.list-status.doing i{background:#d6b675}.list-status.done i{background:#6f9e7d}.empty{padding:65px 25px;text-align:center;color:#94a088}.empty svg{margin:auto auto 16px;color:#a5b594;width:32px;height:32px}.empty h3{font-size:15px;font-weight:500;color:#62775b}.empty p{font-size:12px;margin:8px 0 20px;line-height:1.7}.mobile-menu{display:none}.mobile-overlay{display:none}#toast{position:fixed;bottom:27px;left:calc(50% + 100px);transform:translate(-50%,15px);max-width:calc(100vw - 36px);background:#244533;color:#f3f8ed;font-size:12px;line-height:1.6;border-radius:9px;padding:12px 18px;box-shadow:0 4px 22px #24453320;z-index:100;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#965a4f}dialog{border:1px solid #dfe6d8;border-radius:15px;padding:0;width:560px;max-width:calc(100vw - 28px);max-height:90dvh;color:#344a38;background:#fcfdf9;box-shadow:0 25px 100px #1731263b}dialog::backdrop{background:#152e267a;backdrop-filter:blur(3px)}.modal-header{padding:24px 27px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e8ecdf}.modal-header h2{font-size:17px;font-weight:600;letter-spacing:-.4px}.modal-body{padding:22px 27px;display:grid;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500;color:#718065}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe5d6;background:white;padding:10px 11px;font-size:12px;color:#41583c;font-weight:400}.field textarea{resize:vertical;min-height:95px;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#b2b9a9}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;align-items:center;border-top:1px solid #e5eade;padding:18px 27px;background:#f5f7f0}.modal-footer .danger{margin-right:auto;padding-left:0}.help{font-size:10px;font-weight:400;color:#a1ab95;line-height:1.6}.color-options{display:flex;gap:10px}.color-swatch{width:28px;height:28px;background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px #dce4d3;border-radius:50%;position:relative}.color-swatch.selected{box-shadow:0 0 0 2px var(--swatch)}.color-swatch.selected::after{content:"";position:absolute;width:7px;height:7px;background:white;border-radius:50%;left:7px;top:7px}.checklist{display:grid;gap:8px}.check-row{display:flex;align-items:center;gap:8px}.check-row input[type=checkbox]{accent-color:#577b48;width:15px;height:15px;flex-shrink:0;cursor:pointer}.check-row input[type=text]{min-width:0;flex:1;border:1px solid #e2e8da;padding:8px;font-size:11px;background:white}.check-row.completed input[type=text]{color:#9ba88e;text-decoration:line-through}.check-row .icon-button{width:25px;height:25px}.text-button{display:flex;align-items:center;gap:6px;font-size:11px;color:#79916a;padding:5px 0}.text-button svg{width:13px;height:13px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#183c30;display:flex;flex-direction:column;padding:48px 60px;color:#edf4e5;position:relative;overflow:hidden}.login-art .brand{padding:0}.login-art-content{margin:auto 0;position:relative;z-index:1;max-width:460px;padding:70px 0}.login-art h1{font:400 clamp(40px,4vw,64px)/1.13 Georgia,serif;letter-spacing:-2px}.login-art h1 em{color:#cce5a8;font-style:italic}.login-art p{font-size:14px;color:#b1c8b7;line-height:1.9;max-width:340px;margin-top:25px}.art-grid{display:flex;gap:13px;margin-top:48px;transform:rotate(-6deg);width:310px}.art-col{background:#ffffff0a;border:1px solid #ffffff10;border-radius:9px;padding:12px;width:110px}.art-col:nth-child(2){transform:translateY(-15px)}.art-col span{display:block;height:5px;width:34px;background:#a9c88a;border-radius:5px;margin-bottom:12px;opacity:.7}.art-card{height:58px;background:#ffffff16;border:1px solid #ffffff10;border-radius:5px;margin-top:8px;padding:11px}.art-card::before,.art-card::after{content:"";display:block;width:80%;height:4px;background:#ffffff4a;border-radius:3px}.art-card::after{margin-top:7px;width:50%;opacity:.6}.login-art-footer{font-size:10px;color:#739980;letter-spacing:.3px}.login-art::after{content:"";position:absolute;width:500px;height:500px;border:100px solid #7fa16412;right:-330px;bottom:-210px;border-radius:110px;transform:rotate(30deg)}.login-form-wrap{display:grid;place-items:center;padding:45px 30px}.login-form{width:100%;max-width:330px}.login-form .eyebrow{margin-bottom:17px}.login-form h2{font-size:29px;letter-spacing:-1px;font-weight:600}.login-form>p{font-size:12px;color:#8a9781;line-height:1.8;margin-top:10px;margin-bottom:30px}.login-fields{display:grid;gap:19px}.login-fields input{padding:13px 12px}.login-form .primary{margin-top:25px;width:100%;padding:13px}.login-footer{font-size:10px;color:#a0aa96;text-align:center;margin-top:23px;display:flex;justify-content:center;align-items:center;gap:6px}.login-footer svg{width:12px;height:12px}.login-error{font-size:11px;line-height:1.6;color:#b06a58;margin-top:16px;min-height:18px}.modal-error{font-size:11px;color:#b06a58;line-height:1.6}.confirmation{font-size:13px;line-height:1.8;color:#839078}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.content{padding-top:48px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.column{min-height:460px}}@media(max-width:1150px){.sidebar{width:215px;padding-left:13px;padding-right:13px}.shell{grid-template-columns:215px minmax(0,1fr)}.content{padding:30px 26px}.topbar{padding:0 26px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board{gap:12px}.column{padding:12px 9px}.task{padding:14px 12px}.filters .search input{width:100px}.heading-row h1{font-size:29px}.stats{gap:12px}.stat{padding:19px 15px}.stat-icon{width:34px;height:34px}.tabs{gap:17px}}@media(max-width:800px){.shell{grid-template-columns:1fr}.main{grid-column:1}.sidebar{transform:translateX(-100%);transition:transform .2s;width:248px}.sidebar.open{transform:translateX(0)}.mobile-overlay.open{display:block;position:fixed;inset:0;background:#102c2660;z-index:19}.mobile-menu{display:grid}.breadcrumb{gap:9px;font-size:11px}.topbar{height:64px;padding:0 20px}.topbar-right{gap:12px}.save-state{font-size:10px}.content{padding:28px 22px}.heading-row{margin-bottom:25px}.heading-row h1{font-size:28px}.board{grid-template-columns:repeat(3,minmax(245px,1fr));overflow-x:auto;padding:3px 3px 15px;scroll-snap-type:x proximity;margin:0 -3px}.column{scroll-snap-align:start;min-height:360px}.toolbar{gap:12px}.search input{width:110px}.login-art{padding:40px 35px}.login-art h1{font-size:44px}.login-art p{font-size:12px}.art-grid{width:260px;gap:8px}.art-col{width:85px}.art-card{padding:9px}.login-form-wrap{padding:30px 25px}#toast{left:50%}.project-nav-list{max-height:calc(100dvh - 430px)}}@media(max-width:560px){.content{padding:26px 17px}.topbar{padding:0 15px}.breadcrumb .desktop{display:none}.heading-row{align-items:flex-start;gap:12px}.heading-row h1{font-size:26px}.heading-row p{font-size:11px;max-width:240px}.heading-row .btn{font-size:11px;padding:10px 12px;margin-top:4px}.heading-row .btn svg{width:14px;height:14px}.stats{gap:7px;margin-bottom:28px}.stat{padding:17px 12px;display:block}.stat-icon{width:28px;height:28px;border-radius:8px;margin-bottom:11px}.stat-icon svg{width:16px;height:16px}.stat-number{font-size:23px}.stat-label{font-size:9px;line-height:1.4}.project-grid{grid-template-columns:1fr;gap:15px}.project-card{min-height:220px}.project-new{min-height:150px}.project-cover{height:54px}.project-body{padding:19px 20px}.project-body p{min-height:auto}.project-progress{margin-top:20px}.overview-bottom{padding:15px;gap:10px}.overview-bottom p{font-size:10px}.overview-bottom .key{display:none}.toolbar{flex-wrap:wrap;gap:4px;margin-bottom:19px}.tabs{gap:24px}.filters{width:100%;justify-content:space-between;padding:8px 0 13px}.search{flex:1}.search input{width:100%}.filter-select{width:133px;font-size:10px}.board-summary .push{display:none}.login-page{grid-template-columns:1fr}.login-art{padding:28px 27px;min-height:230px}.login-art-content{padding:35px 0 9px}.login-art h1{font-size:35px;letter-spacing:-1px}.login-art p,.art-grid,.login-art-footer{display:none}.login-art .brand{font-size:20px}.login-art .brand-mark{width:32px;height:32px;font-size:26px;line-height:27px}.login-form-wrap{padding:38px 28px 45px;place-items:start center}.login-form h2{font-size:26px}.modal-body{padding:20px}.modal-header{padding:20px}.modal-footer{padding:16px 20px}.field-row{gap:10px}.modal-footer .btn{font-size:11px;padding:10px 12px}.board{margin-right:-17px;padding-right:17px}.save-state{max-width:120px}.save-state span{overflow:hidden;text-overflow:ellipsis}.heading-title .icon-button{width:25px}.topbar-right .top-avatar{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important;animation:none!important}}
/* Keep cards comfortable to read on wide boards and small screens alike. */
.task h3{font-size:14px}.task-description{font-size:12px}.task-meta,.task-priority{font-size:11px}.task-meta svg,.task-priority svg{width:13px;height:13px}.tag{font-size:10px}.column-heading{font-size:13px}.column-add{font-size:12px}.column-empty{font-size:12px}.task-table{font-size:13px}.task-table th{font-size:11px}.task-table .list-status{font-size:12px}
@media(min-width:561px){.nav-item{font-size:14px}.heading-row p{font-size:14px}.project-body h3{font-size:17px}.project-body p{font-size:13px}.project-progress,.project-footer{font-size:11px}.tiny-badge{font-size:10px}.tab{font-size:13px}.search input,.filter-select{font-size:12px}.stat-label{font-size:12px}.overview-bottom p{font-size:12px}.project-new strong{font-size:14px}.project-new small{font-size:12px}.board-summary{font-size:11px}}

/* Theme switch and project lifecycle. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe5d9;background:#fff;color:#657a60;padding:7px 10px;min-height:32px;font-size:11px;white-space:nowrap}
.theme-toggle:hover{border-color:#9eb68c}.theme-sun,.theme-moon{font-size:18px;line-height:1}.theme-sun,.theme-label-light{display:none}
.login-form-wrap{position:relative}.login-form-wrap>.theme-toggle{position:absolute;right:25px;top:25px}
.project-filter select{font-size:12px;padding:8px 28px 8px 11px;border:1px solid #dfe5d9;color:#61765b;background:white;max-width:100%}
.project-status-badge{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;font-size:10px;font-weight:500;line-height:1.4;padding:4px 8px;border-radius:5px;background:#e8efe0;color:#587449;white-space:nowrap}
.project-body>.project-status-badge{margin-top:9px}.project-status-badge.closed{background:#e9edf0;color:#71808b}.nav-status{margin-left:auto;font-size:13px;color:#9fb58e}
:root[data-theme="dark"]{color-scheme:dark;color:#c7d5e0;background:#1b2838;--green:#66c0f4;--muted:#a4b4c4;--line:#344657;--accent:#66c0f4}
[data-theme="dark"] body{background:radial-gradient(ellipse at 75% 0,#21394e 0,transparent 60%),#1b2838}
[data-theme="dark"] button:focus-visible,[data-theme="dark"] a:focus-visible,[data-theme="dark"] input:focus,[data-theme="dark"] textarea:focus,[data-theme="dark"] select:focus{outline-color:#66c0f4}
[data-theme="dark"] .theme-sun,[data-theme="dark"] .theme-label-light{display:inline}
[data-theme="dark"] .theme-moon,[data-theme="dark"] .theme-label-dark{display:none}
[data-theme="dark"] .theme-toggle{color:#b8dcf3;background:#263b4d;border-color:#3b5469}
[data-theme="dark"] .theme-toggle:hover{color:#fff;background:#30516a;border-color:#66c0f4}
[data-theme="dark"] .sidebar,[data-theme="dark"] .login-art{background:#171a21;color:#c7d5e0}
[data-theme="dark"] .brand{color:#f0f6fb}[data-theme="dark"] .brand>span:last-child{color:#66c0f4!important}
[data-theme="dark"] .brand-mark{background:#24364a;color:#66c0f4}
[data-theme="dark"] .workspace-label{color:#92a7ba}
[data-theme="dark"] .nav-item{color:#b3c5d4}
[data-theme="dark"] .nav-item:hover{background:#243447;color:#fff}
[data-theme="dark"] .nav-item.active{background:linear-gradient(90deg,#244b68,#22394d);color:#fff}
[data-theme="dark"] .nav-item.active svg,[data-theme="dark"] .nav-projects button{color:#66c0f4}
[data-theme="dark"] .nav-item .count{background:#34485c;color:#d3e4f1}
[data-theme="dark"] .nav-status{color:#a4d007}
[data-theme="dark"] .side-note p{color:#a8bacc}[data-theme="dark"] .side-note small{color:#8296ab}
[data-theme="dark"] .mini-art i{background:#36566e}[data-theme="dark"] .mini-art i:nth-child(2){background:#66c0f4}[data-theme="dark"] .mini-art i:nth-child(3){background:#4c8fb7}
[data-theme="dark"] .profile{border-color:#334253}[data-theme="dark"] .profile strong{color:#dbe8f2}[data-theme="dark"] .profile small{color:#8fa5b9}
[data-theme="dark"] .avatar{background:#2a475e;color:#9ed9fa}[data-theme="dark"] .profile .icon-button{color:#91a9bf}
[data-theme="dark"] .topbar{background:#171a21;border-color:#304052}
[data-theme="dark"] .breadcrumb,[data-theme="dark"] .breadcrumb .divider{color:#869caf}[data-theme="dark"] .breadcrumb strong{color:#d2e2ed}
[data-theme="dark"] .save-state{color:#9eb4c5}[data-theme="dark"] .save-state i{background:#a4d007}
[data-theme="dark"] .top-avatar{border-color:#263b4d;box-shadow:0 0 0 1px #42586a}
[data-theme="dark"] .eyebrow{color:#66c0f4}[data-theme="dark"] .eyebrow::before{background:#4b8bb5}
[data-theme="dark"] h1,[data-theme="dark"] .section-heading h2,[data-theme="dark"] .project-body h3,[data-theme="dark"] .task h3{color:#edf5fb}
[data-theme="dark"] .heading-row h1 span,[data-theme="dark"] .section-heading h2 span{color:#66c0f4!important}
[data-theme="dark"] .heading-row p{color:#a8bdce}
[data-theme="dark"] .primary{background:linear-gradient(110deg,#75c9f7,#47a8df);border-color:#66c0f4;color:#102638;box-shadow:0 2px 8px #0003}
[data-theme="dark"] .primary:hover{background:linear-gradient(110deg,#95d9ff,#66c0f4);border-color:#9edaff}
[data-theme="dark"] .secondary{background:#263e51;border-color:#415b70;color:#c7d5e0}[data-theme="dark"] .secondary:hover{background:#315269;color:#fff}
[data-theme="dark"] .icon-button{color:#9eb7cb}[data-theme="dark"] .icon-button:hover{background:#344e65;color:#66c0f4}
[data-theme="dark"] .danger{color:#f19b8e}[data-theme="dark"] .danger:hover{background:#512d32}
[data-theme="dark"] .stat,[data-theme="dark"] .project-card{background:#24394d;border-color:#354e63;box-shadow:0 4px 14px #0001}
[data-theme="dark"] .stat-icon{background:#2a475e;color:#66c0f4}
[data-theme="dark"] .stat:nth-child(2) .stat-icon{background:#433f31;color:#e4c68a}
[data-theme="dark"] .stat:nth-child(3) .stat-icon{background:#34472d;color:#b3d76d}
[data-theme="dark"] .stat-number{color:#edf5fb}[data-theme="dark"] .stat-label,[data-theme="dark"] .section-heading small{color:#a4b8ca}
[data-theme="dark"] .project-card:hover{border-color:#66c0f4;box-shadow:0 7px 24px #0003}
[data-theme="dark"] .project-cover{background:color-mix(in srgb,var(--project-color) 25%,#1b2838);border-color:#354e63}
[data-theme="dark"] .project-cover::before,[data-theme="dark"] .project-cover::after{opacity:.3}
[data-theme="dark"] .project-monogram{background:#1b2838bb;border-color:#ffffff18;color:color-mix(in srgb,var(--project-color) 45%,#fff)}
[data-theme="dark"] .project-body p,[data-theme="dark"] .project-progress,[data-theme="dark"] .project-footer{color:#a9bfd0}
[data-theme="dark"] .progress-track{background:#152333}
[data-theme="dark"] .progress-track span{background:color-mix(in srgb,var(--project-color,#66c0f4) 50%,#66c0f4)}
[data-theme="dark"] .tiny-badge{background:#233c4a;border-color:#39596b;color:#b4d69a}[data-theme="dark"] .tiny-badge i{background:#a4d007}
[data-theme="dark"] .project-new{border-color:#44627a;color:#a8d8f5}[data-theme="dark"] .project-new:hover{background:#243e52;border-color:#66c0f4}
[data-theme="dark"] .project-new span{background:#253c50;border-color:#3c5b73}[data-theme="dark"] .project-new small{color:#9bb3c6}
[data-theme="dark"] .overview-bottom{background:#20394b;border-color:#365468;color:#91c6e8}[data-theme="dark"] .overview-bottom strong{color:#c2e6fc}
[data-theme="dark"] .overview-bottom .key{background:#192c3c;border-color:#38556b;color:#a7bfd1}
[data-theme="dark"] .tab{color:#a1b6c9}[data-theme="dark"] .tab.active{color:#66c0f4;border-color:#66c0f4}
[data-theme="dark"] .search,[data-theme="dark"] .filter-select,[data-theme="dark"] .project-filter select{background:#182a3b;border-color:#3c566d;color:#bdd1e1}
[data-theme="dark"] .search input{color:#e2eff8}[data-theme="dark"] .search input::placeholder{color:#91a9bd}
[data-theme="dark"] .column{background:#172534;border-color:#30485e}
[data-theme="dark"] .column-heading{color:#d5e6f3}[data-theme="dark"] .status-dot{background:#8ea6bb}
[data-theme="dark"] .doing .status-dot{background:#66c0f4}[data-theme="dark"] .done .status-dot{background:#a4d007}
[data-theme="dark"] .column-heading .number{background:#2a4055;color:#adc8dc}
[data-theme="dark"] .task{background:#2a475e;border-color:#395c76;box-shadow:0 3px 8px #0003}
[data-theme="dark"] .task:hover{background:#31536d;border-color:#66c0f4;box-shadow:0 5px 18px #0004}
[data-theme="dark"] .task:focus-visible{outline-color:#66c0f4}[data-theme="dark"] .task.drop-before{border-top-color:#66c0f4}
[data-theme="dark"] .column.drag-over{background:#223e54;outline-color:#66c0f4}
[data-theme="dark"] .task-description{color:#b1c7d8}[data-theme="dark"] .task-meta,[data-theme="dark"] .task-priority{color:#a5bed1}
[data-theme="dark"] .task-meta.overdue,[data-theme="dark"] .task-priority.high{color:#ffc3a0}[data-theme="dark"] .task-priority.low{color:#b4dba7}
[data-theme="dark"] .tag{background:#1b3547;color:#9edcff}[data-theme="dark"] .tag:nth-child(3n+2){background:#454330;color:#ebd695}[data-theme="dark"] .tag:nth-child(3n+3){background:#3d3b59;color:#d0c5ef}
[data-theme="dark"] .column-add,[data-theme="dark"] .column-empty,[data-theme="dark"] .board-summary{color:#96afc3}[data-theme="dark"] .column-add:hover{color:#66c0f4}
[data-theme="dark"] .list-wrap{background:#24394d;border-color:#3b5469}[data-theme="dark"] .task-table th{background:#172534;color:#a5bfd3}
[data-theme="dark"] .task-table td{border-color:#354d62}[data-theme="dark"] .task-table tbody tr:hover{background:#2a475e}
[data-theme="dark"] .list-status i{background:#8ea6bb}[data-theme="dark"] .list-status.doing i{background:#66c0f4}[data-theme="dark"] .list-status.done i{background:#a4d007}
[data-theme="dark"] .empty,[data-theme="dark"] .empty svg{color:#9eb8cc}[data-theme="dark"] .empty h3{color:#d6e8f5}
[data-theme="dark"] #toast{background:#2a475e;border:1px solid #4d7b9b;color:#e7f5ff;box-shadow:0 4px 22px #0005}[data-theme="dark"] #toast.error{background:#59343a;border-color:#a9676e}
[data-theme="dark"] dialog{background:#1b2838;color:#c7d5e0;border-color:#436077;box-shadow:0 25px 100px #0009}
[data-theme="dark"] dialog::backdrop{background:#090f19b3}[data-theme="dark"] .modal-header,[data-theme="dark"] .modal-footer{border-color:#354c61}
[data-theme="dark"] .modal-footer{background:#172534}[data-theme="dark"] .field{color:#b8cede}
[data-theme="dark"] .field input,[data-theme="dark"] .field textarea,[data-theme="dark"] .field select,[data-theme="dark"] .check-row input[type=text]{background:#111f2d;color:#e2eff8;border-color:#3d586f}
[data-theme="dark"] .field input::placeholder,[data-theme="dark"] .field textarea::placeholder{color:#849fb5}
[data-theme="dark"] .help{color:#93aec3}[data-theme="dark"] .color-swatch{border-color:#23394b;box-shadow:0 0 0 1px #526b80}[data-theme="dark"] .color-swatch.selected{box-shadow:0 0 0 2px #66c0f4}
[data-theme="dark"] .check-row input[type=checkbox]{accent-color:#66c0f4}[data-theme="dark"] .check-row.completed input[type=text]{color:#95abbc}
[data-theme="dark"] .text-button{color:#66c0f4}[data-theme="dark"] .confirmation{color:#aec6d8}[data-theme="dark"] .modal-error,[data-theme="dark"] .login-error{color:#ffb9a8}
[data-theme="dark"] .login-art h1 em{color:#66c0f4}[data-theme="dark"] .login-art p{color:#aac1d3}[data-theme="dark"] .login-art-footer{color:#8ca7bd}
[data-theme="dark"] .login-art::after{border-color:#66c0f410}[data-theme="dark"] .art-col span{background:#66c0f4}
[data-theme="dark"] .login-form>p,[data-theme="dark"] .login-footer{color:#a8bed0}
[data-theme="dark"] .project-status-badge{background:#354b29;color:#c2e88f}[data-theme="dark"] .project-status-badge.closed{background:#344354;color:#becbd8}
@media(max-width:560px){.theme-toggle{padding:5px 8px}.theme-label-light,.theme-label-dark{display:none!important}.topbar-right{gap:9px}.project-filter select{font-size:11px;max-width:170px}.login-form-wrap>.theme-toggle{top:12px;right:15px}}