:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292923;background:#fbfaf8;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;background:#f7f6f3;border-right:1px solid #eae8e3;padding:26px 14px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:3px 12px 34px}.brand-icon,.login-symbol{display:grid;place-items:center;background:#373b34;color:white;border-radius:9px;width:29px;height:29px;font-size:18px}.side-caption{font-size:10px;font-weight:700;color:#a4a19a;letter-spacing:.11em;padding:0 12px 10px}.navigation{display:grid;gap:3px}.navigation a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:7px;color:#5e5e59;font-size:13px}.navigation a:hover,.navigation a.active{background:#eae9e5;color:#292923}.navigation a span{font-size:18px;width:19px;text-align:center;color:#777970}.navigation b{margin-left:auto;font-size:11px;color:#999;font-weight:500}.sidebar-bottom{margin-top:auto;padding:14px 12px;border-top:1px solid #e7e5df;color:#9b988f;font-size:12px;line-height:1.5}.text-button{border:0;background:transparent;color:#777;padding:6px 0;text-decoration:underline}.main{flex:1;min-width:0}.content{max-width:1050px;margin:0 auto;padding:55px 56px 90px}.mobilebar{display:none}.eyebrow{color:#a49e94;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;margin-bottom:13px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:32px;letter-spacing:-.045em;line-height:1.2;margin:0 0 8px;font-weight:700}.subtitle{color:#939088;margin:0;line-height:1.55;max-width:650px}.primary-button,.secondary-button{border-radius:7px;padding:10px 15px;font-size:13px;font-weight:650;white-space:nowrap}.primary-button{background:#373b34;border:1px solid #373b34;color:white}.primary-button:hover{background:#242720}.secondary-button{background:white;border:1px solid #dfddd7;color:#595850}.secondary-button:hover{background:#f7f6f3}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.search{border:1px solid #e5e2db;border-radius:7px;background:white;padding:9px 12px;min-width:200px;flex:1;outline:none}.search:focus,input:focus,textarea:focus,select:focus{border-color:#a4ad9d;outline:2px solid #ecf1e8}.section-title{display:flex;align-items:center;gap:12px;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:#86847f;margin:28px 0 11px}.section-title:after{content:"";height:1px;background:#e9e7e1;flex:1}.list{border:1px solid #eae8e2;background:#fff;border-radius:9px;overflow:hidden}.task-row{display:flex;align-items:flex-start;gap:13px;padding:14px 17px;border-bottom:1px solid #f1efe9;min-height:59px}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fcfbf9}.task-check{width:18px;height:18px;border:1.5px solid #c8c6bd;border-radius:5px;flex:none;margin-top:1px;background:white;padding:0}.task-check:hover{border-color:#707c67}.task-check.done{background:#6b806b;border-color:#6b806b;color:white}.task-main{min-width:0;flex:1}.task-title{font-size:14px;line-height:1.35;color:#33342f;display:block;font-weight:550}.task-title.is-done{text-decoration:line-through;color:#a7a49e}.task-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:11px;color:#aaa69e}.task-meta span{display:inline-flex;align-items:center;gap:4px}.task-actions{display:flex;gap:5px}.small-action{border:0;background:none;color:#aaa69e;font-size:12px;padding:3px 5px;border-radius:4px}.small-action:hover{background:#eeece7;color:#383a34}.badge{border-radius:4px;padding:3px 6px;font-size:10px;font-weight:600;white-space:nowrap}.badge.high{background:#f8e8e5;color:#b26153}.badge.normal{background:#eff1eb;color:#718069}.badge.low{background:#f1f0ed;color:#96938c}.empty{padding:30px;color:#a19d95;font-size:13px;text-align:center}.empty strong{display:block;color:#66645d;font-size:14px;margin-bottom:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 28px}.stat{background:white;border:1px solid #eae8e2;border-radius:8px;padding:18px}.stat-number{font-size:25px;font-weight:700;letter-spacing:-.04em}.stat-label{color:#aaa69d;font-size:11px;margin-top:4px}.note-card{background:#f3f2ee;border-radius:9px;padding:19px;color:#77766f;font-size:13px;line-height:1.55;margin-top:25px}.note-card strong{display:block;color:#4b4e46;margin-bottom:4px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px}.project-card{background:white;border:1px solid #eae8e2;border-radius:9px;padding:20px;cursor:pointer}.project-card:hover{border-color:#b5bcb0}.project-icon{width:30px;height:30px;background:#edf0e8;color:#788774;border-radius:6px;display:grid;place-items:center;margin-bottom:15px}.project-name{font-size:15px;font-weight:650;margin-bottom:7px}.project-meta{font-size:12px;color:#a29e96}.capture{background:white;border:1px solid #eae8e2;border-radius:8px;padding:16px 18px;margin-bottom:9px}.capture-top{display:flex;gap:10px;justify-content:space-between;color:#a09d95;font-size:11px}.capture-text{font-size:13px;line-height:1.5;margin-top:9px;white-space:pre-wrap}.capture-error{color:#b26153;margin-top:8px}.dialog{border:1px solid #e7e5df;border-radius:11px;box-shadow:0 18px 70px #31352b30;width:min(560px,calc(100vw - 28px));padding:0}.dialog::backdrop{background:#272a2366}.dialog form{padding:24px;display:grid;gap:15px}.dialog.small{width:min(420px,calc(100vw - 28px))}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog h2{margin:0;font-size:20px}.icon-button{border:0;background:none;font-size:23px;color:#aaa}.dialog label,.login-card label{display:grid;gap:7px;color:#66645d;font-size:12px;font-weight:650}.dialog input,.dialog textarea,.dialog select,.login-card input{border:1px solid #e4e1da;background:white;border-radius:6px;padding:9px 10px;color:#31312d;width:100%;font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}#toast{position:fixed;bottom:20px;right:20px;background:#363b34;color:white;padding:11px 15px;border-radius:7px;box-shadow:0 7px 28px #1f241b30;display:none;z-index:5;font-size:13px}.loading{color:#999;padding:20px}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(360px,calc(100vw - 40px));background:white;border:1px solid #eae8e2;border-radius:12px;padding:30px;box-shadow:0 10px 40px #3333330a}.login-symbol{width:39px;height:39px;font-size:22px}.login-card h1{margin:20px 0 7px;font-size:25px;letter-spacing:-.04em}.login-card p{color:#99968d;font-size:13px;line-height:1.5;margin-bottom:26px}.login-card form{display:grid;gap:16px}.login-error{color:#ad5e54;font-size:12px;min-height:16px}@media(max-width:850px){.sidebar{width:210px}.content{padding:40px 30px}}@media(max-width:650px){.sidebar{position:fixed;z-index:4;transform:translateX(-100%);transition:transform .2s;width:250px;box-shadow:15px 0 45px #24271f14}.sidebar.open{transform:translateX(0)}.mobilebar{display:flex;align-items:center;gap:14px;height:52px;border-bottom:1px solid #eceae4;padding:0 20px;font-weight:650;font-size:13px}.mobilebar button{border:0;background:none;font-size:19px;color:#696b62}.content{padding:29px 18px 70px}.page-head h1{font-size:27px}.page-head{display:block}.page-head .primary-button{margin-top:15px}.stats{gap:7px}.stat{padding:12px}.stat-number{font-size:21px}.task-row{padding:13px 11px}.task-actions{flex-direction:column}.field-grid{grid-template-columns:1fr}}

.focus-card{max-width:820px;background:#fff;border:1px solid #eceae5;border-radius:10px;padding:26px;margin-top:22px}.focus-card label{display:block;font-weight:650;margin-bottom:12px}.focus-card textarea{display:block;width:100%;resize:vertical;min-height:190px;padding:16px;border:1px solid #dedbd4;border-radius:8px;background:#fff;color:#292923;line-height:1.55}.focus-card textarea:focus{outline:2px solid #8c9a82;outline-offset:2px}.focus-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}.focus-actions span{color:#8c8981;font-size:12px}@media(max-width:640px){.focus-card{padding:18px}.focus-actions{align-items:stretch;flex-direction:column}}

.brand-logo{display:block;width:34px;height:34px;flex:none;object-fit:contain;border-radius:8px}
.mobile-logo{display:block;width:25px;height:25px;object-fit:contain;border-radius:6px}
.login-logo{display:block;width:45px;height:45px;object-fit:contain;border-radius:10px}
.back-link{display:inline-block;margin-bottom:24px;color:#77766f;font-size:13px}
.board{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}
.board-column{background:#f1f0ec;border-radius:9px;padding:12px;min-height:160px}
.board-column h2{font-size:12px;margin:0 0 15px;color:#72746c}.board-column h2 span{margin-left:7px;color:#aaa69e}
.board-task{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%;background:white;border:1px solid #e5e3dc;border-radius:7px;padding:13px;text-align:left;margin-bottom:9px;color:inherit}
.board-task:hover{border-color:#a4ad9d}.board-task strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.board-task small{font-size:11px;color:#8a867d}
.board-empty{color:#929087;font-size:13px;line-height:1.5;padding:8px}.document-list{border:1px solid #e7e5df;border-radius:9px;background:white;padding:14px}
.document-link{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:none;width:100%;padding:14px 6px;color:inherit;border-bottom:1px solid #f0eee9;margin-bottom:9px}
.document-link:hover{background:#faf9f5}.document-link strong{display:block;font-size:14px;overflow-wrap:anywhere}.document-link small{display:block;margin-top:6px;font-size:11px;color:#99958c}
.document-dialog{width:min(850px,calc(100vw - 28px));max-height:90vh}.document-dialog textarea{line-height:1.65;resize:vertical;min-height:260px}
.project-card:focus-visible,.board-task:focus-visible,.document-link:focus-visible{outline:2px solid #8c9a82;outline-offset:3px}

.marketing-content{max-width:none;padding:42px 36px 80px}.marketing-summary{display:flex;gap:22px;color:#939088;font-size:12px;margin:6px 0 24px}.marketing-tabs{display:flex;gap:20px;border-bottom:1px solid #e5e3de;overflow-x:auto}.marketing-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 2px;white-space:nowrap;color:#8b8880;font-size:13px}.marketing-tabs button.selected{color:#33372f;border-bottom-color:#33372f;font-weight:650}.toolbar select,.week-picker input,.week-picker select{border:1px solid #e5e2db;border-radius:6px;padding:8px;background:white;color:#55564e;max-width:100%}.sort-hint{font-size:11px;color:#97938a}.marketing-board{display:flex;gap:15px;overflow-x:auto;padding:6px 2px 24px;align-items:flex-start}.marketing-board .board-column{flex:0 0 265px;min-height:240px;background:#f5f4f1}.marketing-board .board-column h2{display:flex;align-items:center;gap:5px;font-size:11px;min-height:25px}.marketing-tags{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.category-chip,.kind-chip{font-size:10px;line-height:1.5;padding:2px 5px;border-radius:4px;background:#e9edf6;color:#57739b}.kind-chip{background:#f1ebe3;color:#8f785a}.marketing-card{box-shadow:0 1px 2px #00000004}.stage-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#999;flex:none}.stage-0{background:#d78071}.stage-1{background:#a787bf}.stage-2{background:#7a9cc3}.stage-3{background:#a8a59c}.stage-4{background:#dbba6e}.stage-5{background:#8fb18e}.stage-6{background:#a78d74}.stage-7{background:#78a28a}.marketing-source{font-size:11px;color:#99958b;margin-top:25px}.marketing-table-wrap{overflow-x:auto}.marketing-table{width:100%;border-collapse:collapse;font-size:12px;background:white}.marketing-table td,.marketing-table th{border-bottom:1px solid #eae8e2;padding:12px;text-align:left;min-width:120px}.marketing-table th{color:#9b978f;font-weight:500}.marketing-table td:first-child{min-width:280px;max-width:380px}.table-title,.date-button{border:0;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer;line-height:1.5}.date-button{white-space:nowrap;color:#8a867d}.table-title:hover{text-decoration:underline}.week-picker{display:flex;align-items:center;gap:15px;margin-top:24px;flex-wrap:wrap}.week-picker label{font-size:12px;display:flex;align-items:center;gap:12px}.weekly-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.weekly-cards .text-button{font-size:11px}.marketing-content .focus-card label+label{margin-top:24px}.marketing-content .focus-card textarea{min-height:90px}.overdue{color:#b45e52!important}@media(max-width:650px){.marketing-content{padding:26px 16px 65px}.marketing-tabs{gap:16px}.marketing-summary{gap:12px}.marketing-board .board-column{flex-basis:265px}.sort-hint{line-height:1.5}}

/* Soft workspace surfaces inspired by the user's visual reference. */
:root{color:#30313d;background:#efeff3;font-size:15px;--accent:#7250c5;--line:#e4e2eb;--muted:#777683}
body{background:radial-gradient(ellipse at 8% 85%,#eadcf0 0,transparent 48%),radial-gradient(ellipse at 85% 0,#e3e9f8 0,transparent 44%),#efeff3;background-attachment:fixed}
.shell{margin:20px;min-height:calc(100vh - 40px);border:1px solid #fff;border-radius:26px;background:#ffffffb8;box-shadow:0 12px 60px #4d416408;overflow:clip}
.sidebar{width:246px;height:calc(100vh - 40px);top:20px;border-right:1px solid #e5e2ed;background:linear-gradient(165deg,#f6f9fcf2 0%,#eeedf9d9 55%,#f4e5f0eb 100%);padding:28px 17px 20px}
.brand{font-size:20px;letter-spacing:-.6px;gap:11px;padding:2px 9px 38px;color:#262433}.brand-logo{width:37px;height:37px;border-radius:11px;box-shadow:0 4px 12px #6175a51a}
.side-caption{font-size:9px;letter-spacing:.1em;color:#878291;padding:0 12px 14px}.navigation{gap:6px}.navigation a{border:1px solid transparent;padding:12px 13px;border-radius:12px;font-size:13px;color:#605d6d;transition:background .15s,color .15s}.navigation a span{color:#797385}.navigation a:hover{background:#ffffff73}.navigation a.active{background:#ffffffd9;border-color:#fff;color:#57369d;box-shadow:0 4px 16px #51406c07}.navigation a.active span{color:#7952c9}.navigation b{color:#7952c9;background:#ffffffbb;border-radius:6px;padding:2px 5px}.navigation b:empty{display:none}.sidebar-bottom{border-color:#dad5e36b;color:#82788b;padding:18px 12px 0}
.main{background:radial-gradient(ellipse 90% 250px at 60% 0,#eee7f05c,transparent),#ffffff66}.content{padding:42px 40px 72px;max-width:1160px}.marketing-content{max-width:none;padding:34px 28px 54px}.eyebrow{font-size:10px;letter-spacing:.12em;color:#8d8299;margin-bottom:14px}.page-head{align-items:center;margin-bottom:22px}.page-head h1{font-size:29px;letter-spacing:-1px;font-weight:650;color:#292634}.subtitle,.marketing-content .subtitle{font-size:13px;color:#807a8a}.primary-button,.secondary-button{border-radius:11px;padding:11px 16px;font-weight:600;font-size:12px}.primary-button{background:#7855c7;border-color:#7855c7;box-shadow:0 4px 10px #7954bf14}.primary-button:hover{background:#6845b7;border-color:#6845b7}.secondary-button{border-color:#e4deec;background:#ffffffa6;color:#655b76}.secondary-button:hover{background:#f3eef9}
.search,.toolbar select,.week-picker input,.week-picker select{border:1px solid #e7e2ed;border-radius:11px;background:#ffffffb5;padding:11px 13px;color:#61596c;font-size:12px}.search:focus,input:focus,textarea:focus,select:focus{border-color:#b599e0;outline:3px solid #bc9aea24;outline-offset:1px}.toolbar{gap:14px;margin:20px 0}.sort-hint{color:#827a8c;font-size:11px;line-height:1.5}
.marketing-summary{margin:0 0 24px;gap:0;padding:14px 18px;border:1px solid #e5e0eb;border-radius:15px;background:#ffffff85;width:fit-content;color:#74697f;font-size:12px}.marketing-summary span+span{border-left:1px solid #ded7e7;padding-left:18px;margin-left:18px}.marketing-tabs{display:flex;gap:5px;padding:5px;background:#f0edf4;border:1px solid #e9e4ef;border-radius:13px;width:fit-content;max-width:100%}.marketing-tabs button{border:0;border-radius:9px;padding:10px 14px;font-size:12px;color:#81758f}.marketing-tabs button.selected{color:#624499;background:#fff;box-shadow:0 2px 7px #4331550a;font-weight:600}
.marketing-board{gap:18px;align-items:flex-start;padding:3px 1px 24px;scrollbar-width:thin;scrollbar-color:#cec4de transparent}
.column-red{--card-top:#f8d4da;--card-bottom:#fae5e7;--column-ink:#8c485a;--column-accent:#cd8396;--column-wash:#fff5f6}
.column-purple{--card-top:#ded4f7;--card-bottom:#eee7fc;--column-ink:#63498c;--column-accent:#a08acb;--column-wash:#f7f4fc}
.column-blue{--card-top:#cedef8;--card-bottom:#e5edfc;--column-ink:#405f90;--column-accent:#8aa7d4;--column-wash:#f4f8fe}
.column-gray{--card-top:#e1e2ed;--card-bottom:#f0f0f7;--column-ink:#626477;--column-accent:#a5a7bd;--column-wash:#f7f7fa}
.column-yellow{--card-top:#f8e1bf;--card-bottom:#fcf0df;--column-ink:#8a6534;--column-accent:#d4b17c;--column-wash:#fdf9f2}
.column-green{--card-top:#c9eee2;--card-bottom:#e2f6ec;--column-ink:#397864;--column-accent:#86baa7;--column-wash:#f2faf6}
.column-brown{--card-top:#eedbcf;--card-bottom:#f9ede5;--column-ink:#85604b;--column-accent:#c3a38e;--column-wash:#fcf7f4}
.marketing-board .board-column{flex:0 0 280px;min-height:255px;padding:17px 10px 10px;background:linear-gradient(165deg,#ffffffae,var(--column-wash));border:1px solid #e5e1e9;border-radius:22px}
.marketing-board .board-column h2{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;min-height:44px;margin:0 7px 15px;padding-bottom:14px;border-bottom:1px solid #d7cfdf70;color:#4c435a}.marketing-board .board-column h2 span{margin-left:0}.column-title{flex:1;font-weight:600}.column-count{display:grid;place-items:center;min-width:24px;height:24px;border:1px solid #ffffffb0;background:#ffffffaa;border-radius:8px;color:var(--column-ink)!important;font-size:11px}.marketing-board .stage-dot{width:7px;height:7px;background:var(--column-accent)}
.marketing-card{border:1px solid #ffffff9c;background:linear-gradient(145deg,var(--card-top,#ded4f7),var(--card-bottom,#eee7fc));border-radius:17px;padding:17px 15px;gap:16px;margin-bottom:10px;box-shadow:inset 0 1px 0 #ffffff55;transition:box-shadow .18s,transform .18s;min-height:136px}.marketing-card:last-child{margin-bottom:0}.marketing-card strong{font-size:14px;line-height:1.48;font-weight:600;color:var(--column-ink,#63498c);letter-spacing:-.15px}.marketing-card .marketing-tags:first-of-type{order:-1}.marketing-card .category-chip,.marketing-card .kind-chip{padding:4px 7px;font-size:9px;line-height:1.5;border:1px solid #ffffff55;background:#ffffff80;color:var(--column-ink,#63498c);border-radius:6px;white-space:normal;text-align:left}.marketing-card small{font-size:11px;color:var(--column-ink,#63498c)}.marketing-card .badge{font-size:9px;border-radius:6px;padding:4px 7px;background:#ffffff80;color:var(--column-ink,#63498c)}.marketing-card .badge.high{background:#ffffffa8;color:#8e4258}.marketing-card:hover{border-color:#fff;background:linear-gradient(145deg,var(--card-top,#ded4f7),var(--card-bottom,#eee7fc));box-shadow:0 7px 18px #5b497718;transform:translateY(-2px)}.marketing-card:focus-visible{outline:2px solid #8462bf;outline-offset:3px}.marketing-board .board-empty{color:#92899f;border:1px dashed #dcd5e4;border-radius:14px;padding:22px 12px;margin:0 0 5px;font-size:12px;text-align:center}.marketing-source{font-size:11px;color:#928799;margin-top:20px}
.list,.document-list,.focus-card,.capture,.project-card,.stat{border-color:#e7e1ec;border-radius:17px;background:#ffffffb8;box-shadow:0 3px 14px #50416103}.task-row{padding:17px 18px;border-color:#f0ebf4}.task-row:hover{background:#f9f6fe}.task-title{color:#43394f}.task-check{border-color:#c9bfd7;border-radius:6px}.task-check.done{background:#9272bb;border-color:#9272bb}.task-meta,.project-meta{color:#8d8296}.stat{background:linear-gradient(135deg,#f0eafa,#faf7fe);padding:20px}.stat:nth-child(2){background:linear-gradient(135deg,#e5edfc,#f3f7ff)}.stat:nth-child(3){background:linear-gradient(135deg,#e1f2ea,#f2faf5)}.stat-number{color:#695181}.stat-label{color:#80708d}.note-card{border:1px solid #e7dfef;border-radius:15px;background:#f1ecf7;color:#82718e}.note-card strong{color:#695279}.project-icon{background:#e9def7;color:#8157aa;border-radius:10px}.project-card:hover{border-color:#c6b0e3;box-shadow:0 6px 20px #6f508c0c}.project-name{color:#544261}.section-title{color:#887692}.section-title:after{background:#e9e1f0}.board-column{border:1px solid #e7e0ef;background:#f4eff9;border-radius:19px;padding:14px}.board-task:not(.marketing-card){background:linear-gradient(140deg,#e7dff6,#f5f0fc);border-color:#ffffffb0;border-radius:13px;padding:16px;color:#5d4b77}.document-link:hover{background:#f7f3fc}.marketing-table-wrap{border:1px solid #e5dfec;border-radius:17px;overflow:auto}.marketing-table{background:#ffffffb0}.marketing-table th{background:#f6f2fa;color:#877394}.marketing-table td,.marketing-table th{border-color:#eee7f4;padding:16px}.marketing-table tbody tr:hover{background:#faf7fd}.text-button{color:#83718f}
.dialog{border:1px solid #fff;border-radius:23px;background:#fcfaff;box-shadow:0 25px 100px #46305830}.dialog::backdrop{background:#35264b4d;backdrop-filter:blur(5px)}.dialog form{padding:28px;gap:18px}.dialog h2{color:#503b67;font-weight:600}.dialog label,.login-card label{color:#7b668e}.dialog input,.dialog textarea,.dialog select,.login-card input,.focus-card textarea{border-color:#e4daed;border-radius:10px;background:#ffffffc9;color:#483950;padding:11px 12px}.focus-card textarea:focus{outline:3px solid #bc9aea24}.icon-button{color:#9784a8}#toast{background:#66517e;border-radius:12px;box-shadow:0 7px 28px #4e356530}.login-body{background:radial-gradient(ellipse at 20% 20%,#dce7fb,transparent 50%),radial-gradient(ellipse at 85% 85%,#edd7f0,transparent 50%),#f2eff7}.login-card{border:1px solid #fff;border-radius:26px;background:#ffffffb8;box-shadow:0 20px 80px #67517f12;padding:36px;width:min(390px,calc(100vw - 36px))}.login-card h1{color:#3f3151}.login-card p{color:#897b94}.login-logo{border-radius:13px;width:50px;height:50px}.mobilebar{border-color:#e5deec;background:#f4eff9b0;color:#654d7c}
@media(max-width:1100px){.shell{margin:12px;min-height:calc(100vh - 24px)}.sidebar{top:12px;width:218px;height:calc(100vh - 24px)}.content{padding:32px 24px 60px}.marketing-content{padding:30px 22px 50px}}
@media(max-width:650px){.shell{margin:0;border:0;border-radius:0;min-height:100vh}.sidebar{top:0;left:0;width:260px;height:100vh;background:linear-gradient(165deg,#f5f8ff,#f0e7f6)}.content,.marketing-content{padding:27px 17px 60px}.page-head{display:flex;align-items:flex-start;gap:12px}.page-head h1{font-size:25px}.page-head .primary-button{margin-top:0;padding:10px 12px}.subtitle{font-size:12px}.marketing-summary{width:100%;padding:12px;justify-content:space-between;font-size:11px}.marketing-summary span+span{margin-left:8px;padding-left:10px}.marketing-tabs{width:100%;gap:2px}.marketing-tabs button{padding:10px;font-size:11px}.marketing-board{gap:14px}.marketing-board .board-column{flex-basis:270px}.marketing-content .toolbar{align-items:flex-start;flex-direction:column;gap:10px}.marketing-card{padding:17px 15px}.dialog form{padding:20px}.stat{padding:13px}.stat-number{font-size:23px}.stat-label{font-size:10px}.brand{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){.marketing-card,.navigation a{transition:none}.marketing-card:hover{transform:none}}

.restore-button{padding:6px 9px;font-size:11px}.task-row:has(.restore-button){flex-wrap:wrap}.task-row:has(.restore-button) .task-main{min-width:130px}#toast button{border:1px solid #ffffff75;border-radius:7px;background:#ffffff20;color:#fff;padding:6px 9px;margin-left:10px;font-weight:600}#toast a{display:inline-block;font-size:11px;text-decoration:underline;margin:7px 0 0 10px}@media(max-width:650px){#toast{left:14px;right:14px;bottom:14px}.task-row:has(.restore-button) .task-actions{flex-direction:row;width:100%;justify-content:flex-end}}

/* Translucent glass sheets and pickers. */
.dialog{background:linear-gradient(135deg,#ffffffe0,#f5f2ff99 55%,#eef5ffad);border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff66,0 28px 80px #24223d26,0 2px 10px #ffffff40;border-radius:28px;-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}
.dialog::backdrop{background:#35374b24;-webkit-backdrop-filter:none;backdrop-filter:none}
.dialog h2{color:#373448;letter-spacing:-.5px}.dialog label{color:#615d72}
.dialog input,.dialog textarea,.dialog select,.glass-select-trigger{background:#ffffff50;border:1px solid #ffffffbf;box-shadow:inset 0 1px 2px #4a466508,0 1px 3px #38304f06;color:#3c394b;border-radius:12px}
.dialog input:hover,.dialog textarea:hover,.glass-select-trigger:hover{background:#ffffff78;border-color:#fff}
.dialog input:focus,.dialog textarea:focus,.glass-select-trigger:focus-visible{outline:3px solid #a18bc52b;border-color:#ffffff;box-shadow:0 0 0 1px #ae9ac254}
.dialog .secondary-button{background:#ffffff4d;border-color:#ffffffc4;color:#615970;box-shadow:inset 0 1px 0 #ffffff94}.dialog .secondary-button:hover{background:#ffffff91}
.dialog .icon-button{border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#ffffff57;color:#7c748a;line-height:1;font-size:20px}.dialog .icon-button:hover{background:#ffffffb3}
.glass-native-select{display:none!important}.glass-select{width:100%;min-width:0}.glass-select-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;text-align:left;font-size:13px;font-weight:550;line-height:1.45}.glass-select-trigger>span:first-child{min-width:0;overflow-wrap:anywhere}.glass-select-chevron{width:7px;height:7px;border-bottom:1.5px solid #7b748c;border-right:1.5px solid #7b748c;transform:rotate(45deg);flex:none;margin:0 3px 4px}.glass-select-trigger[aria-expanded=true]{background:#ffffff80;border-color:#fff}.glass-select-trigger[aria-expanded=true] .glass-select-chevron{transform:rotate(225deg);margin-bottom:0}
.glass-select-menu{position:fixed;margin:0;padding:6px;border:1px solid #ffffffe6;border-radius:17px;background:linear-gradient(135deg,#ffffffd1,#f0edf8b8 65%,#eef5ffbd);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);box-shadow:inset 0 1px 0 #fff,0 18px 50px #30263f26,0 2px 7px #463a5d12;overflow:auto;scrollbar-width:thin;scrollbar-color:#bcb2cb66 transparent;overscroll-behavior:contain}
.glass-select-menu button{display:block;position:relative;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#494456;padding:10px 13px 10px 32px;text-align:left;font-size:13px;line-height:1.45;font-weight:450;overflow-wrap:anywhere;cursor:pointer}.glass-select-menu button[aria-selected=true]{background:#bba9d62b;color:#654791;font-weight:600}.glass-select-menu button[aria-selected=true]:before{content:'✓';position:absolute;left:11px;color:#7959aa}.glass-select-menu button:hover,.glass-select-menu button.highlighted{background:#ffffff8f;border-color:#ffffffb8;box-shadow:0 1px 4px #53436608}.glass-select-menu button:disabled{opacity:.45;cursor:default}
@supports not (backdrop-filter:blur(1px)){.dialog{background:#f4f2f9}.glass-select-menu{background:#f6f4fa}}
@media(prefers-reduced-transparency:reduce){.dialog,.glass-select-menu{background:#f5f3fa;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Navigation follows the daily workflow; status colours carry meaning. */
.sidebar{width:224px;overflow-y:auto;padding:24px 13px 16px}
.brand{font-size:19px;padding:2px 8px 25px;flex-shrink:0}.brand-logo{width:34px;height:34px}
.side-caption{padding-bottom:10px}.navigation{gap:3px}.navigation a{min-height:42px;padding:9px 11px;font-size:13px}.navigation a span{flex:none}.navigation b{font-variant-numeric:tabular-nums}
.nav-work{padding-top:13px;margin-top:13px;border-top:1px solid #ddd7e585}
.nav-more{margin-top:14px;padding-top:6px}.nav-more summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;color:#898190;font-size:11px;padding:12px 10px;border-radius:10px}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary:hover{background:#fff7}.nav-more summary span{font-size:16px;transition:transform .15s}.nav-more[open] summary span{transform:rotate(180deg)}.nav-more .navigation a{font-size:12px}.nav-more summary:focus-visible{outline:2px solid #9271c6;outline-offset:2px}
.sidebar-bottom{padding:16px 0 0;margin-top:auto;border:0}.sidebar-bottom .text-button{margin:6px 12px 0;font-size:11px;text-decoration:none}.navigation .nav-completed{color:#397b62;background:#e5f2ea70}.navigation .nav-completed span,.navigation .nav-completed b{color:#348062}.navigation .nav-completed.active{background:#ddf0e5;border-color:#c9e3d2;color:#286b50}.navigation .nav-important span,.navigation .nav-important b{color:#b3664b}.navigation .nav-important.active{background:#fff0e6;color:#955338}
.stats .stat{background:#f4f3f7}.stats .stat-total{background:linear-gradient(140deg,#efedf4,#f8f7fa)}.stats .stat-total .stat-number{color:#777083}.stats .stat-active{background:linear-gradient(140deg,#dfebfa,#f3f7fe)}.stats .stat-active .stat-number{color:#4477a7}.stats .stat-attention{background:linear-gradient(140deg,#fbe7d6,#fff6ee)}.stats .stat-attention .stat-number{color:#af7044}.stats .stat-done{background:linear-gradient(140deg,#dcefe3,#f0faf4)}.stats .stat-done .stat-number{color:#368062}.stat-label{color:#777581}.review-note{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:13px;color:#88808e;margin:-10px 0 24px}.success-text{color:#378367}.task-check.done{background:#58a080;border-color:#58a080}.badge.low{background:#eeedf3;color:#898493}
.on-the-go-tag{display:inline-flex;gap:4px;color:#487a9a!important}.form-hint{font-size:13px;color:#797184;line-height:1.6;margin:0}
.dialog label.check-field{display:flex;flex-direction:row;align-items:flex-start;gap:13px;padding:14px;border:1px solid #ded7e960;border-radius:14px;background:#ffffff50;cursor:pointer;min-height:60px}.check-field>span{flex:1;min-width:0}.check-field strong{display:block;font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.check-field small{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#82758e;margin-top:4px}.task-picker{display:grid;gap:8px}
.rules-status{display:flex;align-items:flex-start;gap:12px;background:#f6f3f8;border:1px solid #e9e3ef;border-radius:16px;padding:17px 20px;margin-bottom:22px}.rules-status strong{font-size:13px;color:#696172}.rules-status p{font-size:13px;line-height:1.55;color:#8b8194;margin:5px 0 0}.status-dot{width:8px;height:8px;border-radius:50%;background:#c2a67f;flex:none;margin-top:5px}.status-dot.connected{background:#53a47d}
.rules-form{display:grid;gap:18px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rule-card{border:1px solid #e6dfed;border-radius:19px;background:#ffffffb5;padding:22px}.rule-card label{font-size:15px;font-weight:600;color:#51455f;line-height:1.5}.rule-heading{display:flex;gap:12px;align-items:center}.rule-heading>span{font-size:11px;font-weight:600;color:#987eb9;background:#f0eaf8;border-radius:8px;padding:7px}.rule-card p{color:#8a7e94;font-size:13px;line-height:1.55;margin:12px 0}.rule-card textarea{display:block;width:100%;resize:vertical;min-height:150px;border:1px solid #e7e1ed;border-radius:12px;background:#faf8fd;padding:13px;font-size:16px;line-height:1.6;color:#51455f}.rule-card textarea::placeholder{color:#aaa1b3}.rules-explainer{padding:2px 5px;color:#82758f;font-size:13px;line-height:1.6}.rules-explainer strong{color:#665574}.rules-explainer p{margin:7px 0}.rules-save{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #ffffffd9;border-radius:16px;padding:16px 18px;background:#f8f5fbeF;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 6px 24px #4132540b}.rules-save span{font-size:12px;color:#8a7e93}
@media(max-width:1100px) and (min-width:761px){.sidebar{width:210px;padding-left:10px;padding-right:10px}.brand{font-size:18px}}