/* Bold blocks, generous type, a few hand-drawn gestures. */
:root{--ink:#262B5E;--muted:#626279;--line:#b6b2bb;--white:#fffdf7;--paper:#ECE5DA}body{font-size:16px;background:var(--paper);color:var(--navy)}
.sidebar{width:224px;border-right:2px solid var(--navy);background:var(--navy);color:var(--paper);padding:30px 18px 0}.brand{color:var(--paper);font-size:19px}.brand-mark{background:var(--red);border:2px solid var(--paper);color:var(--paper);border-radius:1px;box-shadow:3px 3px 0 var(--paper)}.brand small{font-size:9px}.side-label{font-size:11px;color:#c6c5d0;margin:38px 10px 16px}.nav-item{font-size:16px;color:#e3e0dc;padding:14px 15px;border-radius:0;gap:13px}.nav-item svg{width:22px;height:22px}.nav-item.active{background:var(--paper);color:var(--navy);box-shadow:4px 4px 0 var(--red);border:1px solid var(--paper)}.nav-item.active:after{display:none}.nav-item:hover:not(.active){background:#ffffff12}.mini-art{border-color:#ffffff40;color:var(--paper);padding-top:16px;margin-top:28px}.mini-art span{font:700 22px/1.5 'Microsoft YaHei',sans-serif}.mini-art b{font-size:55px}.mini-art small{color:#d0cbd0;font-size:10px;letter-spacing:1px}.backup{color:#e4e0dc;font-size:13px;margin:13px 6px}.profile{border-color:#ffffff40;font-size:14px}.profile small{color:#d4cfd2;font-size:11px}.avatar{background:var(--red)}main{margin-left:224px}header{height:76px;border-color:#262b5e30;padding:0 36px}.breadcrumb,.search-button{font-size:14px;color:#626176}.header-actions{gap:20px}.header-avatar{background:var(--red);color:white;width:34px;height:34px}kbd{font-size:12px;border-color:#aaa4ac}#content{max-width:1660px;padding:30px 36px 24px}.btn{font-size:14px;padding:10px 15px;border:1.5px solid var(--navy);border-radius:3px;min-height:42px;background:var(--white);font-weight:600}.btn.primary{background:var(--navy)}.btn:hover{box-shadow:3px 3px 0 #262b5e30;transform:translate(-1px,-1px)}.btn.text{font-size:13px;min-height:28px;padding:4px;box-shadow:none;background:none;font-weight:500}.icon-btn{font-size:25px;min-width:36px;min-height:36px}.home-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.home-topline h1{font-size:30px;line-height:1.4;margin:6px 0 0;letter-spacing:0}.edition-tag{font-size:11px;letter-spacing:2px;font-weight:700}.hand-star{color:var(--red);font-size:35px;display:inline-block;margin-left:14px;transform:rotate(14deg)}.today-chip{padding:11px 15px;border:1.5px solid var(--navy);border-radius:50%;font-size:15px;font-weight:600;transform:rotate(-4deg)}
.action-banner{display:flex;align-items:center;position:relative;padding:25px 30px;background:var(--navy);color:var(--paper);border:2px solid var(--navy);border-radius:6px;overflow:hidden;margin-bottom:30px;min-height:200px}.block-kicker{font-size:14px;font-weight:500}.banner-copy{position:relative;z-index:1}.banner-copy h2{font-size:36px;line-height:1.2;letter-spacing:1px;margin:12px 0 23px;font-weight:800}.banner-actions{display:flex;gap:12px}.banner-actions .btn{border-color:var(--paper);background:var(--paper);color:var(--navy)}.banner-actions .outline{background:none;color:var(--paper)}.banner-drawing{margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 28px}.banner-drawing .doodle{width:156px;height:156px;transform:rotate(-5deg)}.scribble-tag{font:italic 900 24px/1.3 Georgia,serif;max-width:80px;transform:rotate(9deg);color:var(--paper)}.banner-counters{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:16px;border-left:1px solid #ffffff60;padding-left:26px;min-width:116px}.banner-counters div{display:flex;align-items:baseline;gap:12px}.banner-counters strong{font:700 37px/1 Arial,sans-serif}.banner-counters span{font-size:13px;white-space:nowrap}.doodle{width:100px;height:100px;flex-shrink:0}.home-modules{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.desk-module{min-width:0;margin-bottom:30px}.module-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.module-heading>div{display:flex;align-items:center;gap:10px}.module-heading h2{font-size:21px;margin:0;font-weight:800}.module-number{font:700 13px Arial,sans-serif;border:1.5px solid var(--navy);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.module-heading .btn{font-size:13px;min-height:36px;padding:7px 11px;background:none}.countdown-items{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.countdown-tile{padding:20px 24px;min-height:244px;border:2px solid var(--navy);border-radius:5px;box-shadow:5px 5px 0 var(--navy);position:relative;overflow:hidden}.countdown-tile.red{background:var(--red);color:var(--paper)}.countdown-tile.cream{background:var(--white)}.countdown-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;position:relative;z-index:1}.countdown-top .icon-btn{color:inherit;border:1px solid currentColor;border-radius:50%}.countdown-value{display:flex;align-items:baseline;gap:12px;position:relative;z-index:1}.countdown-value strong{font:800 78px/1.15 Arial,sans-serif;letter-spacing:-4px}.countdown-value span{font-size:16px;font-weight:600}.countdown-tile h3{font-size:21px;margin:7px 0 0;position:relative;z-index:1;overflow-wrap:anywhere;padding-right:60px}.countdown-tile p{font-size:14px;margin:9px 0 0;position:relative;z-index:1;line-height:1.7;max-width:75%;overflow-wrap:anywhere}.countdown-tile>.doodle{position:absolute;bottom:14px;right:12px;width:96px;height:96px;transform:rotate(10deg);opacity:.7}.empty-countdown{display:flex;justify-content:space-between;align-items:center;min-height:274px}.empty-countdown h3{font-size:19px;padding-right:0}.empty-countdown .countdown-value strong{font-size:80px}.empty-countdown .btn{background:var(--paper);border-color:var(--paper);margin-top:16px;position:relative;z-index:1}.empty-countdown>.doodle{width:120px;height:120px;right:5px;bottom:65px;opacity:.7}.subscription-items{background:var(--white);border:2px solid var(--navy);border-radius:5px;box-shadow:5px 5px 0 #b9b5bc;overflow:hidden}.subscription-row{padding:21px 23px}.subscription-row+.subscription-row{border-top:1.5px solid var(--navy)}.subscription-top{display:flex;gap:12px;align-items:center}.service-icon{height:42px;width:42px;background:var(--navy);color:var(--paper);display:grid;place-items:center;font-size:21px;font-weight:700;flex-shrink:0;border-radius:5px}.service-name{flex:1;min-width:0}.service-name h3{font-size:18px;margin:0 0 5px;overflow-wrap:anywhere}.service-name>span{font-size:12px;color:#66647a}.subscription-progress-head{display:flex;align-items:center;justify-content:space-between;margin:21px 0 9px;font-size:14px}.subscription-progress-head strong{font-size:25px;font-family:Arial,sans-serif}.renewal-meter{height:17px;border:1.5px solid var(--navy);border-radius:3px;background:#e2dfda;overflow:hidden}.renewal-meter span{background:var(--navy);display:block;height:100%;background-image:repeating-linear-gradient(110deg,transparent,transparent 15px,#ffffff18 15px,#ffffff18 19px)}.urgent .renewal-meter span,.urgent .service-icon{background-color:var(--red)}.urgent .subscription-progress-head{color:#be2035}.subscription-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;color:#656078}.subscription-empty{min-height:274px;padding:22px;text-align:center}.subscription-empty .doodle{height:76px;width:76px;transform:rotate(-9deg)}.subscription-empty h3{font-size:19px;margin:4px 0 10px}.subscription-empty p{font-size:14px;line-height:1.7;margin:0 0 19px;color:#656078}.sticky-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sticky{border:1.5px solid var(--navy);border-radius:3px;box-shadow:4px 5px 0 #262b5e22;padding:14px 17px 12px;min-width:0;position:relative}.butter{background:#f2dca3}.rose{background:#f3c6c2}.sky{background:#ccd7e4}.plain{background:#fffdf7}.sticky-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sticky-toolbar button{border:0;color:var(--navy);background:none;cursor:pointer;font-size:21px;padding:0;min-width:25px;min-height:30px}.sticky-pin{transform:rotate(-25deg)}.sticky-pin.pinned{color:var(--red)}.sticky-status{font-size:12px;color:#5d5870}.sticky-controls{margin-left:auto;display:flex;gap:8px}.sticky input{display:block;width:100%;border:0;background:none;font-size:18px;font-weight:700;color:var(--navy);padding:5px 0;outline-offset:0}.sticky textarea{width:100%;display:block;min-height:145px;background:none;border:0;color:var(--navy);font-size:16px;line-height:1.9;padding:8px 0;resize:vertical;outline-offset:0}.sticky textarea::placeholder,.sticky input::placeholder{color:#4f4b688f}.sticky-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #262b5e30;padding-top:11px;font-size:11px}.sticky-colors{display:flex;gap:9px}.color-dot{border:1px solid #262b5e70;border-radius:50%;height:17px;width:17px;cursor:pointer;padding:0}.color-dot.selected{outline:1.5px solid var(--navy);outline-offset:2px}.sticky-new{border:1.5px dashed #262b5e60;box-shadow:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:280px;color:var(--navy);cursor:pointer}.sticky-new .doodle{width:88px;height:88px;transform:rotate(-8deg)}.sticky-new span{font-size:16px}.sticky-new strong{font-size:18px}.sticky-new:hover{background:#ffffff40}.module-footnote{font-size:12px;color:#5f5c73;margin:15px 0 0}.home-work{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;margin-top:7px}.home-work>div{min-width:0}.review-shortcut{width:100%;display:flex;align-items:center;gap:15px;background:var(--red);color:var(--paper);padding:15px;border:1.5px solid var(--navy);font-size:18px;border-radius:4px;font-weight:700;box-shadow:4px 4px 0 var(--navy)}.review-shortcut .doodle{width:62px;height:62px}.review-shortcut b{margin-left:auto;font-size:29px}
.eyebrow,.section-head small,.stat-tail{display:none}.page-heading h1{font-size:30px}.page-heading p{font-size:15px;line-height:1.6;color:#626078}.date-box{font-size:14px}.date-box b{font-size:30px}.stats{gap:20px;margin:22px 0 30px}.stat{background:var(--white);border:1.5px solid var(--navy);padding:22px;border-radius:4px}.stat .value{font-size:38px}.stat .value small{font-size:18px}.stat p{font-size:14px;color:#626078;margin-top:10px}.stat-icon{width:45px;height:45px;font-size:25px}.section-title{font-size:21px;font-weight:800}.section-title:before{height:23px;width:6px}.filters{min-height:44px;gap:22px;border-color:#262b5e40;margin-bottom:18px}.filter{font-size:14px;color:#686278;padding-bottom:14px}.filter.active:after{height:3px}.legend{font-size:12px;color:#656078}.task{border:1.5px solid var(--navy);border-radius:5px;padding:20px 18px;background:var(--white);box-shadow:3px 3px 0 #262b5e14}.task-list{gap:18px}.task-title{font-size:17px}.task-header{margin-bottom:20px;gap:10px}.grip{font-size:22px;letter-spacing:-4px;min-width:22px;min-height:28px;color:#777084}.task-tag{font-size:11px;padding:4px 8px}.task-meta{font-size:12px;color:#696377}.step-track{gap:10px;margin-left:0;padding-bottom:6px}.step{min-width:150px;padding:14px 12px;min-height:52px;border:1.5px solid #a7a1b1;border-radius:4px;gap:9px;color:#5d576f}.step-label{font-size:14px;white-space:normal;line-height:1.5}.step-number{font-size:11px}.check{width:19px;height:19px;font-size:15px;border-radius:3px}.add-step{min-width:37px;font-size:24px}.task-bottom{margin:12px 0 0;gap:12px;font-size:12px;color:#686078}.task-bottom .btn{font-size:17px;min-width:26px}.progress-track{height:5px;width:80px}.task-bottom .next{font-size:12px}.task-menu{font-size:22px}.add-task-wide{font-size:14px;border:1.5px dashed #878094;padding:17px;margin-top:18px;border-radius:4px;color:#625b73}.hint{font-size:12px;color:#696078;line-height:1.7}.side-card{border:1.5px solid var(--navy);border-radius:4px;padding:22px;background:var(--white)}.card-heading h3{font-size:19px}.card-heading span{font-size:13px;color:#686078}.focus-list{gap:17px}.focus-row{font-size:15px;gap:10px}.focus-row input{width:19px;height:19px;flex-shrink:0}.focus-row.done span{color:#797083}.focus-add input{font-size:14px;padding:9px 0}.focus-add button{font-size:22px}.panel{border:1.5px solid var(--navy);border-radius:4px;padding:26px}.panel h3{font-size:20px}.finance-caption{font-size:15px;line-height:1.8;color:#656078}.transactions th,.transactions td{font-size:15px;padding:16px 10px}.transactions th{color:#686078}.transactions td.amount{font-size:19px!important}.review-grid label{font-size:18px}.review-grid textarea{font-size:16px;min-height:190px;border:1px solid #a8a0b0}.note-card{border:1.5px solid var(--navy);border-radius:4px}.note-card h3{font-size:20px}.note-card p{font-size:16px}.note-card small{font-size:13px;color:#696078}.editor{margin-left:0}.editor input,.editor textarea{font-size:16px;padding:12px;border-color:#a8a0b0}.editor textarea{min-height:105px}.task-empty{font-size:15px;line-height:1.8}.finance-big{font-size:44px}dialog{width:520px;padding:28px;border:2px solid var(--navy);border-radius:5px;box-shadow:7px 7px 0 var(--navy)}.modal-head h2{font-size:23px}.field{font-size:15px;margin-top:18px}.field input,.field select,.field textarea{font-size:16px;padding:12px;border-color:#aaa2b2}.field textarea{min-height:140px}.form-explain{font-size:13px;line-height:1.8;color:#656078}.modal-actions{gap:12px}.modal-actions .btn{font-size:15px;min-width:80px}.timer-copy{font-size:15px}.result{font-size:16px}.toast{font-size:15px;padding:14px 23px;border-radius:4px}footer{font-size:12px;padding:25px 36px;color:#676078}#saveState{font-size:12px;color:#5d6654}
@media(min-width:1500px){.banner-copy h2{font-size:42px}.banner-drawing{padding:0 60px}.banner-drawing .doodle{width:180px;height:180px}.action-banner{min-height:225px}.countdown-tile{min-height:270px}.countdown-value strong{font-size:90px}.step-label{font-size:15px}.home-work{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1180px){.sidebar{width:200px;padding-left:14px;padding-right:14px}main{margin-left:200px}header{padding:0 26px}#content{padding:28px 26px}.brand{font-size:17px}.brand small{font-size:8px}.banner-drawing{padding:0 14px}.banner-drawing .doodle{width:125px;height:125px}.scribble-tag{display:none}.banner-counters{padding-left:18px;min-width:105px}.home-work{grid-template-columns:minmax(0,1fr)}.home-work>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.sticky-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-tag{display:none}.module-heading h2{font-size:20px}.module-heading .btn{font-size:12px}.subscription-row{padding:20px}.countdown-tile{padding:20px}.empty-countdown>.doodle{width:90px;height:90px;bottom:90px;right:0}.empty-countdown h3{font-size:17px}}
@media(max-width:930px){.sidebar{width:178px}.brand{font-size:15px}.nav-item{font-size:15px;padding:14px 12px}.brand small{font-size:7px}main{margin-left:178px}.home-modules{grid-template-columns:1fr}.home-topline h1{font-size:28px}.banner-copy h2{font-size:30px}.banner-actions{flex-wrap:wrap}.banner-counters{display:none}.banner-drawing{padding:0}.banner-drawing .doodle{width:125px}.stats{gap:12px}.stat{padding:17px 13px}.stat-icon{display:none}.stat p{font-size:13px}.subscription-items{box-shadow:5px 5px 0 #b9b5bc}.empty-countdown>.doodle{width:150px;height:150px;right:20px;bottom:45px}.empty-countdown h3{font-size:21px}.module-heading .btn{font-size:14px}.sticky-grid{gap:16px}.transactions th,.transactions td{font-size:13px}.backup{font-size:12px}.mini-art span{font-size:19px}}
@media(max-width:640px){.sidebar{width:64px;padding:22px 7px}.brand-mark{width:38px;height:40px}.nav-item{padding:13px 8px}.nav-item svg{width:22px;height:22px}main{margin-left:64px}header{height:64px;padding:0 17px}.breadcrumb{font-size:13px}.search-button{font-size:16px}.header-actions{gap:12px}#content{padding:22px 16px}.home-topline{align-items:flex-start;gap:10px}.home-topline h1{font-size:25px;white-space:nowrap}.edition-tag{font-size:10px;letter-spacing:1px}.hand-star{font-size:26px;margin-left:7px}.today-chip{display:none}.action-banner{padding:23px 19px;min-height:225px;border-radius:4px;margin-bottom:28px}.banner-copy h2{font-size:29px;margin:12px 0 20px}.block-kicker{font-size:13px}.banner-drawing{position:absolute;right:-25px;top:-12px;opacity:.28;transform:rotate(15deg)}.banner-drawing .doodle{width:135px;height:135px}.banner-actions{gap:10px;display:grid;max-width:190px}.banner-actions .btn{font-size:14px;min-height:43px}.module-heading{gap:8px;margin-bottom:15px}.module-heading>div{gap:7px}.module-heading h2{font-size:18px;white-space:nowrap}.module-number{width:24px;height:24px;font-size:11px}.module-heading .btn{font-size:12px;padding:7px;min-height:34px;white-space:nowrap}.home-modules{gap:0}.countdown-items{grid-template-columns:minmax(0,1fr)}.countdown-tile{padding:20px;min-height:240px;box-shadow:4px 4px 0 var(--navy)}.empty-countdown>.doodle{width:95px;height:95px;right:0;bottom:75px;opacity:.45}.empty-countdown h3{font-size:18px}.countdown-tile h3{padding-right:20px;font-size:19px}.countdown-tile p{font-size:14px}.countdown-value strong{font-size:74px}.subscription-empty{padding:20px 16px}.subscription-empty h3{font-size:17px}.subscription-empty p{font-size:14px}.subscription-row{padding:18px 15px}.service-name h3{font-size:17px}.service-name>span{font-size:11px}.service-icon{width:35px;height:35px;font-size:18px}.subscription-top{gap:9px}.subscription-progress-head{font-size:13px}.subscription-progress-head strong{font-size:23px}.subscription-bottom{flex-wrap:wrap;font-size:12px}.sticky-grid{grid-template-columns:minmax(0,1fr);gap:18px}.sticky textarea{font-size:17px;min-height:170px}.sticky input{font-size:19px}.sticky-new{min-height:170px;gap:8px}.sticky-new .doodle{width:58px;height:58px}.sticky-new span{font-size:14px}.module-footnote{font-size:12px;line-height:1.7}.home-work{gap:20px}.home-work>div:last-child{grid-template-columns:minmax(0,1fr);gap:18px}.home-work .section-head{align-items:center}.section-title{font-size:19px}.section-head .btn{font-size:13px;padding:9px 10px;min-height:39px}.task{padding:16px 12px}.task-title{font-size:16px}.task-header{gap:7px}.grip{font-size:23px}.task-menu{font-size:21px}.step{min-width:153px;padding:12px 10px}.step-label{font-size:15px}.task-bottom{gap:8px;font-size:12px}.task-bottom .next{display:none}.task-bottom .btn:first-of-type{margin-left:auto}.progress-track{width:65px}.filters{gap:17px}.filter{font-size:13px}.hint{font-size:12px}.card-heading h3{font-size:18px}.focus-row{font-size:16px}.focus-add input{font-size:14px}.page-heading h1{font-size:26px}.page-heading p{font-size:14px}.page-heading{gap:12px;align-items:flex-start}.page-heading>.btn{font-size:13px;padding:9px}.stats{grid-template-columns:1fr;gap:12px}.stat{display:flex;justify-content:flex-start;padding:17px}.stat>div{display:flex;align-items:baseline;gap:17px}.stat .value{font-size:32px;white-space:nowrap}.stat p{font-size:14px}.stat .value small{font-size:16px}.note-card{padding:20px}.finance-caption{font-size:14px}.transactions th,.transactions td{font-size:12px;padding:13px 5px}.transactions td.amount{font-size:15px!important}.transactions td:first-child{font-size:11px}.panel{padding:20px 15px}.panel h3{font-size:18px}.finance-big{font-size:35px}.review-grid label{font-size:17px}.review-grid textarea{font-size:16px}.field input,.field textarea,.field select{font-size:16px}dialog{padding:23px 18px}.modal-head h2{font-size:21px}.toast{left:calc(50% + 32px);font-size:13px;white-space:normal;width:max-content;max-width:75%}footer{padding:20px 16px;font-size:11px}#saveState{font-size:11px}.sticky-colors .color-dot{width:20px;height:20px}}
.step-label{font-size:16px}.task-title{font-size:18px}.service-name>span{font-size:14px}.subscription-bottom{font-size:14px}.banner-actions .btn{font-size:15px}.module-heading .btn{font-size:14px}.sticky-module{padding-top:2px}@media(max-width:640px){.task-title{font-size:16px}.step-label{font-size:16px}.service-name>span{font-size:12px}.subscription-bottom{font-size:13px}.module-heading .btn{font-size:12px}}
