@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');

:root{color-scheme:light;--ink:#24372b;--muted:#6c756b;--forest:#455f49;--forest-dark:#344d3a;--sage:#dce4d6;--cream:#f6f3eb;--paper:#fcfbf6;--rule:#e5e3d8;--orange:#be6a46;--low:#7c977d;--shadow:0 24px 58px rgba(35,45,31,.14);font-family:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 5% 2%,#f5f3ec 0,transparent 35%),radial-gradient(circle at 95% 100%,#dde4d8 0,transparent 32%),#e9e8df;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #abbd83;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}
.app-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:47px 0 35px}.masthead{display:flex;align-items:center;gap:18px;margin:0 10px 41px}.brand-mark{width:54px;height:54px;border:1.5px solid var(--forest);display:flex;align-items:center;justify-content:center;position:relative;color:var(--forest);font-family:'DM Serif Display',Georgia,serif;font-size:24px;letter-spacing:-5px;padding-right:5px;flex:none}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:5px;height:5px;background:#e9e8df;border:1px solid var(--forest)}.brand-mark:before{top:-3px;left:-3px}.brand-mark:after{right:-3px;bottom:-3px}.eyebrow,.folder-kicker,.priority-overline,.cabinet-topline,.folder-footer{font-size:10px;letter-spacing:.21em;font-weight:700}.eyebrow{color:var(--forest);text-transform:uppercase;margin:0 0 4px}.masthead h1{font-family:'DM Serif Display',Georgia,serif;font-size:37px;line-height:1;margin:0;font-weight:400;letter-spacing:-.025em}.title-period{color:var(--orange)}.subtitle{color:#7b8075;font-size:13px;margin:6px 0 0}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.sync-status{font-size:11px;color:var(--forest);border:1px solid #c9d3c5;background:#edf1e9;border-radius:99px;padding:7px 11px;white-space:nowrap}.sync-status.demo{background:#f6eddb;border-color:#e5d8b9;color:#866a36}.sync-status.error{background:#f7e8e3;border-color:#e9c8be;color:#9c503d}.icon-button{background:#faf9f3;border:1px solid #d9ddd1;color:var(--forest);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;transition:background .2s,transform .2s}.icon-button:hover{background:#e4ebdf;transform:translateY(-1px)}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notice{margin:-24px 10px 27px;padding:12px 16px;background:#fff8e8;border:1px solid #e5cfa2;color:#775c31;border-radius:5px;font-size:13px}
.filing-cabinet{position:relative;padding:0 28px 25px}.filing-cabinet:before{content:"";position:absolute;inset:42px 0 0;border-radius:8px;background:#344b38;box-shadow:0 29px 60px rgba(31,51,34,.16)}.cabinet-topline{height:29px;color:#667a65;display:flex;justify-content:space-between;margin:0 15px}.folder-tabs{position:relative;display:flex;gap:8px;align-items:end;padding:0 16px;z-index:1}.folder-tab{position:relative;min-width:0;width:20%;height:63px;padding:13px 18px 10px;background:#7f987e;color:#f1f4e9;border:1px solid #5f795f;border-bottom:none;border-radius:8px 8px 0 0;text-align:left;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;box-shadow:inset 0 3px rgba(255,255,255,.12);transition:height .2s,background .2s,transform .2s}.folder-tab:hover{height:69px;background:#5f7d62}.folder-tab[aria-selected=true]{height:70px;background:var(--forest);border-color:#344e3b;color:#fff;box-shadow:inset 0 3px rgba(255,255,255,.11);z-index:2}.tab-index{font-size:10px;opacity:.65;font-weight:600;letter-spacing:.09em}.tab-count{margin-left:auto;font-size:10px;font-weight:700;background:rgba(255,255,255,.15);border-radius:99px;min-width:24px;padding:3px 5px;text-align:center}
.folder{position:relative;z-index:2;background:var(--forest);border-radius:2px 8px 8px 8px;min-height:645px;padding:18px 18px 18px 29px;box-shadow:var(--shadow),inset 0 0 0 1px #334c3b}.folder:after{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(225,234,220,.16);border-radius:2px 5px 5px 5px}.folder-spine{position:absolute;top:17px;bottom:17px;left:14px;width:2px;border-left:1px solid rgba(241,246,232,.29);border-right:1px solid rgba(20,40,26,.23)}.folder-inner{position:relative;z-index:1;background:var(--paper);min-height:610px;padding:43px 48px 27px;box-shadow:0 2px 8px rgba(22,38,27,.16);border-radius:1px 3px 3px 1px;background-image:linear-gradient(90deg,transparent 0,transparent 29px,#f1f0e8 30px,transparent 31px)}.folder-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #dcded2;padding-bottom:27px}.folder-kicker{color:var(--forest);margin:0 0 9px}.folder-kicker span{padding-left:8px;color:#92998d}.folder-heading h2{font-family:'DM Serif Display',Georgia,serif;font-size:46px;font-weight:400;line-height:1.08;letter-spacing:-.03em;margin:0}.folder-heading h2 span{font-style:italic;color:#839584;font-size:28px;letter-spacing:-.01em;padding-left:9px}.folder-summary{font-size:13px;color:#7c8478;margin:13px 0 0}.ledger-toolbar{display:flex;justify-content:space-between;align-items:center;margin:27px 0 28px}.view-switch{display:flex;align-items:center;background:#eeefe6;border-radius:5px;padding:3px}.view-button{padding:7px 16px;border:0;background:transparent;color:#788074;border-radius:3px;font-size:12px;font-weight:700}.view-button.active{background:#fff;color:var(--forest-dark);box-shadow:0 1px 3px rgba(39,55,40,.12)}.primary-button{border:1px solid #36523b;background:var(--forest);color:white;border-radius:4px;padding:11px 17px;font-weight:700;font-size:12px;letter-spacing:.01em;box-shadow:0 2px 4px rgba(31,58,35,.13);transition:background .2s,transform .2s}.primary-button:hover{background:#344f3b;transform:translateY(-1px)}.primary-button span{font-size:18px;line-height:0;vertical-align:-1px;padding-right:3px}.secondary-button{border:1px solid #ccd4c7;background:#f9faf5;color:var(--forest-dark);border-radius:4px;padding:10px 16px;font-size:12px;font-weight:700}.secondary-button:hover{background:#edf1e8}.priority-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.priority-section{border:1px solid #e1e4d9;border-radius:5px;background:#fefdf9;min-height:350px;box-shadow:0 3px 10px rgba(42,49,37,.035);overflow:hidden}.priority-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 19px 18px;border-bottom:1px solid #e7e8de}.priority-name{display:flex;align-items:center;gap:12px}.priority-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #f6e6dd}.low .priority-dot{background:var(--low);box-shadow:0 0 0 4px #e9f0e5}.priority-overline{color:#a2a69a;margin:0 0 5px;font-size:9px;letter-spacing:.13em}.priority-heading h3{font-family:'DM Serif Display',Georgia,serif;font-size:22px;font-weight:400;line-height:1;margin:0}.priority-count{font-size:11px;font-weight:700;color:#899488;border:1px solid #e0e5d9;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.task-list{padding:6px 19px 18px}.task-card{border-bottom:1px solid #e9eae2;padding:15px 0 14px;display:flex;gap:11px;align-items:flex-start}.task-card:last-child{border-bottom:0}.task-check{width:18px;height:18px;border:1.5px solid #b4c2b1;border-radius:4px;background:#fff;flex:none;margin-top:2px;display:grid;place-items:center;padding:0;color:white}.task-check:hover{border-color:var(--forest)}.task-card.completed .task-check{background:var(--forest);border-color:var(--forest)}.task-check svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none}.task-content{min-width:0;flex:1}.task-title{font-weight:700;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.completed .task-title{text-decoration:line-through;color:#929a8d}.task-notes{font-size:11px;line-height:1.5;color:#7d877a;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.due-chip{font-size:10px;color:#6e7e6b;background:#eaf0e6;border-radius:3px;padding:4px 6px}.due-chip.overdue{color:#a4533a;background:#fae9e2}.task-actions{display:flex;gap:2px;margin-left:auto}.task-action{background:transparent;border:0;color:#9ba79a;width:23px;height:23px;display:grid;place-items:center;padding:0;border-radius:3px;font-size:15px}.task-action:hover{background:#eef2eb;color:var(--forest)}.task-action.delete:hover{background:#f9ebe5;color:#a0523a}.empty-state{text-align:center;padding:41px 12px;color:#9aa496}.empty-state .empty-icon{width:41px;height:45px;border:1px solid #cbd5c6;border-radius:3px;margin:auto auto 14px;position:relative;transform:rotate(-5deg)}.empty-state .empty-icon:before,.empty-state .empty-icon:after{content:"";position:absolute;left:9px;right:9px;height:1px;background:#cbd5c6}.empty-state .empty-icon:before{top:15px}.empty-state .empty-icon:after{top:22px}.empty-state strong{display:block;color:#758573;font-family:'DM Serif Display',Georgia,serif;font-size:17px;font-weight:400}.empty-state p{font-size:11px;margin:5px auto 0;max-width:195px;line-height:1.5}.folder-footer{border-top:1px solid #e5e7dc;color:#adb3a5;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px}
dialog{border:0;padding:0;max-width:calc(100% - 32px)}dialog::backdrop{background:rgba(27,43,31,.53);backdrop-filter:blur(3px)}.paper-dialog{width:min(490px,100%);border-radius:7px;background:var(--paper);box-shadow:0 25px 80px rgba(13,30,18,.32);padding:29px 32px 31px;color:var(--ink)}.dialog-top{display:flex;justify-content:space-between;align-items:start}.close-button{font-size:26px;line-height:1;border:0;background:none;color:#7c8d7d;padding:0 2px}.paper-dialog h2{font-family:'DM Serif Display',Georgia,serif;font-size:31px;font-weight:400;margin:2px 0 4px}.dialog-subtitle{color:#7a8377;font-size:12px;margin:0 0 25px;line-height:1.55}.paper-dialog label{display:block;font-size:11px;font-weight:700;margin:18px 0 7px;color:#4b5f4e}.paper-dialog input,.paper-dialog textarea,.paper-dialog select{width:100%;border:1px solid #d3dbce;border-radius:4px;background:#fff;padding:10px 11px;color:var(--ink);font-size:13px;resize:vertical}.paper-dialog input::placeholder,.paper-dialog textarea::placeholder{color:#a6afa3}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.required{color:var(--orange)}.optional{color:#a5aea1;font-weight:400}.dialog-actions{display:flex;justify-content:end;gap:9px;margin-top:27px}.form-error{color:#a34b37;background:#faebe5;border:1px solid #efd0c4;padding:9px 11px;border-radius:4px;font-size:12px;margin:15px 0 0}.field-help{font-size:11px;line-height:1.5;color:#8a9387;margin:8px 0 16px}.full-width{width:100%;margin:0 0 10px}.settings-dialog #demo-panel{margin-top:14px;padding-top:17px;border-top:1px solid var(--rule)}
@media(max-width:760px){.app-shell{width:min(100% - 26px,620px);padding-top:25px}.masthead{margin:0 3px 28px;gap:12px}.brand-mark{width:43px;height:43px;font-size:20px}.masthead h1{font-size:29px}.subtitle{font-size:11px}.header-actions{gap:5px}.sync-status{font-size:0;width:9px;height:9px;padding:0;border-radius:50%;margin-right:3px}.icon-button{width:32px;height:32px}.filing-cabinet{padding:0 9px 16px}.cabinet-topline{font-size:8px}.folder-tabs{gap:3px;padding:0 5px}.folder-tab{height:53px;padding:8px 5px 7px;justify-content:center;text-align:center;font-size:10px;gap:0;flex-direction:column}.folder-tab[aria-selected=true]{height:60px}.folder-tab:hover{height:60px}.tab-index,.tab-count{display:none}.folder{padding:10px 10px 10px 17px;min-height:0}.folder-spine{left:8px;top:10px;bottom:10px}.folder-inner{min-height:0;padding:27px 19px 21px;background-image:none}.folder-heading h2{font-size:37px}.folder-heading h2 span{font-size:20px}.ledger-toolbar{margin:23px 0}.priority-grid{grid-template-columns:1fr;gap:15px}.priority-section{min-height:190px}.priority-heading{padding:17px}.folder-footer{margin-top:25px}}
@media(max-width:440px){.masthead h1{font-size:25px}.brand-mark{display:none}.header-actions .icon-button{width:29px;height:29px}.folder-heading h2 span{display:block;padding:3px 0 0;font-size:20px}.ledger-toolbar{gap:8px}.view-button{padding:7px 11px}.primary-button{padding:10px 11px}.paper-dialog{padding:23px 19px}.field-pair{grid-template-columns:1fr;gap:0}}