@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#24241f;background:#f5f5ef;font-synthesis:none;--ink:#24241f;--muted:#797971;--cream:#f5f5ef;--green:#586b58;--brown:#75513b;--line:#deded5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1,h2{font-family:"DM Serif Display",serif;font-weight:400}h1{font-size:43px;line-height:1.08;margin:9px 0}h1 em{font-weight:400;color:var(--brown)}h2{font-size:25px;margin:5px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#77756d}.brand{display:flex;align-items:center;gap:11px;font:30px "DM Serif Display",serif}.brandmark{width:41px;height:41px;border-radius:50% 50% 45%;background:var(--brown);color:#fff;display:inline-grid;place-items:center;font:italic 25px "DM Serif Display",serif}.auth{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#f9f8f3}.auth-story{position:relative;overflow:hidden;padding:43px 60px;background:#e8e4d9;display:flex;flex-direction:column}.story-copy{margin:auto 0;max-width:650px;position:relative;z-index:1}.story-copy h1{font-size:70px;margin:15px 0 25px}.story-copy p{font:20px/1.65 "DM Serif Display";max-width:570px;color:#54544e}.quote{margin-top:55px;padding:20px 25px;border-left:2px solid var(--brown)}.quote p{font-size:17px;margin:0 0 7px}.quote span{font-size:12px;color:#777}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb1{width:440px;height:440px;background:#d8c9b7;right:-180px;bottom:-160px}.orb2{width:230px;height:230px;border:1px solid #c8b9a8;right:70px;top:80px}.auth-form{display:grid;place-items:center;padding:40px}.auth-card{width:min(430px,100%)}.auth-card h2{font-size:40px;margin:12px 0}.auth-card>p{color:var(--muted);margin-bottom:34px}.auth-card label{display:block;font-size:13px;font-weight:600;margin:17px 0}.auth-card input,.modal input,.modal select,.modal textarea{display:block;width:100%;border:1px solid #d6d5cc;border-radius:3px;background:#fff;padding:14px 15px;margin-top:8px;outline:none}.auth-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--brown);box-shadow:0 0 0 3px #75513b12}.password{position:relative}.password input{padding-right:50px}.password button{position:absolute;right:8px;top:12px;border:0;background:none;color:#777}.password svg{width:19px}.auth-card small{font-weight:400;color:#888}.primary{border:0;background:var(--brown);color:#fff;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:3px;font-weight:600}.primary:hover{background:#60412f}.primary svg{width:17px}.wide{width:100%;margin-top:11px}.primary:disabled{opacity:.6}.switch{text-align:center;margin:24px 0;font-size:13px}.switch button,.panelhead button,.empty button{background:none;border:0;color:var(--brown);font-weight:600}.secure{border-top:1px solid var(--line);padding-top:20px;text-align:center;color:#85857d;font-size:12px}.secure svg{width:15px;vertical-align:middle;margin-right:5px}.mobilebrand{display:none}.error{background:#f5e3e0;color:#8d3d36;padding:11px;border-radius:3px;font-size:13px;margin:10px 0}.app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;padding:35px 24px 22px;background:#e7e4da;border-right:1px solid #d5d2c8;display:flex;flex-direction:column;z-index:20}.sidebar nav{margin-top:60px;display:grid;gap:7px}.sidebar nav button,.sidebottom>button{border:0;background:transparent;text-align:left;padding:12px 13px;display:flex;align-items:center;gap:13px;color:#66665f;border-radius:4px}.sidebar button svg{width:19px}.sidebar nav button.active{background:#f8f7f1;color:#4e443a;font-weight:600;box-shadow:0 1px 3px #2221}.sidebottom{margin-top:auto}.sidebottom>button{width:100%;margin-bottom:13px}.user{border-top:1px solid #d0cdc3;padding-top:20px;display:flex;align-items:center;gap:10px}.avatar,.bigavatar{background:#cbb8a6;color:#563e2d;border-radius:50%;display:grid;place-items:center;font-weight:600}.avatar{width:37px;height:37px;font-size:11px}.user div:nth-child(2){min-width:0;flex:1}.user b,.user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user b{font-size:12px}.user small{font-size:9px;color:#888;margin-top:2px}.user button{border:0;background:none;padding:3px;color:#777}.sideclose{display:none}.content{margin-left:245px;padding:0 4.3% 60px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#777;font-size:12px}.topbar button,.iconbtn,.menubtn{border:0;background:none;padding:7px;position:relative}.topbar svg{width:18px}.topbar i{position:absolute;width:5px;height:5px;background:#aa5c4e;border-radius:50%;right:5px;top:6px}.menubtn{display:none}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;padding:47px 0 34px}.pagehead p{color:var(--muted);margin:8px 0 0}.stats{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:13px;margin-bottom:16px}.stat{background:#fbfbf7;border:1px solid var(--line);padding:24px;min-height:155px;position:relative}.stat>span{font-size:10px;letter-spacing:1.5px;color:#777}.stat strong{font:35px "DM Serif Display";display:block;margin:19px 0 9px}.stat p{font-size:11px;color:#85857e;margin:0}.stat.hero{background:#536455;color:#fff;border-color:#536455}.stat.hero>span,.stat.hero p{color:#e4e9e3}.stat.hero>svg{position:absolute;right:22px;top:22px;width:20px}.stat.hero i{display:inline-grid;place-items:center;background:#708172;border-radius:50%;vertical-align:middle;margin-right:5px}.stat.hero i svg{width:13px;height:13px}.dashboardgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.panel{background:#fbfbf7;border:1px solid var(--line);padding:27px}.panelhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.panelhead button{display:flex;align-items:center;gap:6px;font-size:11px}.panelhead button svg{width:14px}.distribution{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:25px}.donut{width:190px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto}.donut:before{content:"";width:120px;aspect-ratio:1;background:#fbfbf7;border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut b,.donut small{display:block}.donut b{font:20px "DM Serif Display"}.donut small{font-size:9px;color:#888}.legend{display:grid}.legend>div{display:flex;align-items:center;gap:11px;border-bottom:1px solid #e8e7df;padding:11px 0}.legend>div:last-child{border:0}.cat{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;flex:none}.cat svg{width:16px}.legend span:nth-child(2){flex:1}.legend b,.legend small,.upname b,.upname small{display:block}.legend b,.upname b{font-size:12px}.legend small,.upname small{font-size:9px;color:#888}.legend strong{font:14px "DM Serif Display"}.uprow{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8e7df;padding:12px 0}.uprow:last-child{border:0}.date{width:38px;text-align:center}.date b,.date small{display:block}.date b{font:20px "DM Serif Display"}.date small{font-size:8px;letter-spacing:1px;color:#999}.upname{flex:1}.uprow>strong{font:14px "DM Serif Display"}.tip{margin-top:16px;border:1px solid #d8d4c7;background:#eeeae0;padding:19px 24px;display:flex;align-items:center;gap:17px}.tip>span{width:36px;height:36px;background:var(--brown);color:#fff;border-radius:50%;display:grid;place-items:center;font:italic 20px "DM Serif Display"}.tip div{flex:1}.tip b{font:13px "DM Serif Display"}.tip p{margin:3px 0 0;font-size:11px;color:#6e6c65}.tip svg{width:18px}.empty{text-align:center;padding:35px;color:#888}.empty>svg{width:30px}.empty b{display:block;color:#555;margin:9px}.empty p{font-size:12px}.modalback{position:fixed;inset:0;background:#1c1c1977;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(680px,100%);max-height:95vh;overflow:auto;background:#faf9f4;padding:30px;box-shadow:0 20px 70px #1115}.modalhead{display:flex;justify-content:space-between}.iconbtn svg{width:21px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.modal label{font-size:12px;font-weight:600;margin-top:14px}.span2{grid-column:span 2}.modal textarea{height:80px;resize:vertical}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:3px}.check span b,.check span small{display:block}.check span small{color:#888;font-weight:400;margin-top:3px}.modalactions{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;display:flex;justify-content:flex-end;gap:10px}.secondary{border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:3px;color:#555}.expensepanel{padding:0}.tools{padding:20px 25px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.search{position:relative;flex:1}.search svg{position:absolute;width:16px;left:12px;top:11px;color:#888}.search input,.tools select{border:1px solid var(--line);padding:10px 12px;background:#fff;border-radius:3px}.search input{width:100%;padding-left:38px}.export{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:12px}.export svg{width:15px}.tr{display:grid;grid-template-columns:2fr 1fr 1fr .8fr .8fr 65px;align-items:center;min-width:860px;border-bottom:1px solid #e6e5de;padding:13px 25px;font-size:12px}.table{overflow:auto}.th{font-size:9px;letter-spacing:1px;color:#8b8a83;background:#f1f0ea;padding-top:10px;padding-bottom:10px}.expense-name{display:flex;align-items:center;gap:12px}.expense-name b,.expense-name small{display:block}.expense-name small{font-size:9px;color:#999;margin-top:3px}.status{display:inline-block;width:6px;height:6px;background:#aaa;border-radius:50%;margin-right:6px}.status.on{background:#668169}.tr.muted{opacity:.5}.rowactions{display:flex}.rowactions button{border:0;background:none;color:#777;padding:6px}.rowactions button svg{width:15px}.rowactions .danger:hover{color:#a33}.tabletotal{display:flex;justify-content:flex-end;gap:35px;padding:18px 25px;background:#f1f0ea;font-size:12px}.tabletotal b{font:17px "DM Serif Display"}.tabletotal small{font:10px DM Sans;color:#888}.calendar{padding:20px}.calhead{display:flex;justify-content:center;align-items:center;gap:30px}.calhead h2{text-transform:capitalize;min-width:230px;text-align:center}.calhead button{border:1px solid var(--line);background:#fff;width:35px;height:35px}.calgrid{display:grid;grid-template-columns:repeat(7,1fr);margin-top:20px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.weekday{text-align:center;padding:10px;font-size:9px;letter-spacing:1px;background:#efeee7;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.day{min-height:120px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;background:#fff}.day>span{font:13px "DM Serif Display"}.day.today>span{background:var(--brown);color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.calevent{padding:5px;margin-top:5px;border-radius:2px;font-size:9px;overflow:hidden}.calevent b,.calevent small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insightgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.barrow{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e5e4dd}.barrow>span:nth-child(2){flex:1}.barrow b{font-size:12px}.barrow>span div{height:5px;background:#e8e7e0;margin-top:8px;border-radius:5px}.barrow i{display:block;height:100%;border-radius:5px}.barrow strong{font:15px "DM Serif Display"}.recommend{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.recommend>span{font:italic 20px "DM Serif Display";color:#b7a28d}.recommend b{font-size:13px}.recommend p{font-size:11px;color:#777;line-height:1.5;margin:7px 0}.settingspage{max-width:760px}.profile{display:flex;align-items:center;gap:17px;padding:18px 0}.bigavatar{width:60px;height:60px}.profile p{margin:4px 0;color:#888;font-size:12px}.settingspage hr{border:0;border-top:1px solid var(--line);margin:25px 0}.settingrow{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.settingrow b,.settingrow small{display:block}.settingrow small{color:#888;margin-top:4px}.settingrow strong{font-size:12px}.settingrow svg{width:16px;vertical-align:middle}.toast{position:fixed;right:25px;bottom:25px;background:#4f6353;color:#fff;padding:13px 20px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 25px #1113;z-index:60}.toast svg{width:17px}.loading{height:100vh;display:grid;place-items:center}.loading .brandmark{animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.1);opacity:.7}}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.dashboardgrid,.insightgrid{grid-template-columns:1fr}.distribution{grid-template-columns:1fr 1fr}.story-copy h1{font-size:55px}.auth-story{padding:35px}}@media(max-width:760px){.auth{display:block}.auth-story{display:none}.auth-form{min-height:100vh;padding:25px}.mobilebrand{display:flex;margin-bottom:50px}.sidebar{transform:translate(-100%);transition:.2s;box-shadow:6px 0 30px #1113}.sidebar.open{transform:translate(0)}.sideclose{display:block;position:absolute;right:8px;top:8px;border:0;background:none}.content{margin-left:0;padding:0 17px 40px}.menubtn{display:block!important}.topbar>span{display:none}.topbar{height:60px}.pagehead{padding:32px 0 25px;align-items:flex-start}.pagehead h1{font-size:33px}.pagehead .primary{width:42px;height:42px;padding:0;font-size:0}.stats{grid-template-columns:1fr 1fr}.stat{padding:17px;min-height:130px}.stat.hero{grid-column:span 2}.stat strong{font-size:27px}.dashboardgrid{grid-template-columns:1fr}.panel{padding:19px}.distribution{grid-template-columns:1fr}.donut{width:165px}.tools{flex-wrap:wrap}.tools .search{flex-basis:100%}.export{margin-left:auto}.fieldgrid{grid-template-columns:1fr}.span2{grid-column:auto}.modal{padding:22px}.calgrid{font-size:8px}.day{min-height:75px;padding:3px}.calevent{padding:3px}.calevent small{display:none}}@media(max-width:420px){.stats{grid-template-columns:1fr}.stat.hero{grid-column:auto}.pagehead h1{font-size:29px}.auth-card h2{font-size:34px}.panelhead h2{font-size:21px}.upcoming{padding:15px}.calendar{padding:5px}.calhead{gap:8px}.calhead h2{min-width:190px}.weekday{padding:7px 2px}}.monthpicker{border:1px solid var(--line);background:#fff;padding:11px 14px;color:#555}.salarystats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px;margin-bottom:16px}.salarygrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.workform{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workform label{font-size:12px;font-weight:600}.workform input{display:block;width:100%;border:1px solid var(--line);background:#fff;padding:11px;margin-top:7px}.workform .primary{align-self:end}.saved{font-size:11px;color:var(--green);display:flex;align-items:center;gap:5px}.saved svg{width:15px}.workrow{display:grid;grid-template-columns:48px 28px 1fr 120px 35px;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.workrow>svg{width:18px;color:#888}.workrow span b,.workrow span small{display:block}.workrow span small{font-size:10px;color:#888;margin-top:3px}.workrow>strong{font:16px "DM Serif Display";text-align:right}.workrow>button{border:0;background:none;color:#999}.workrow>button:hover{color:#a33}.workrow>button svg{width:16px}.workdate{text-align:center}.workdate b{font:21px "DM Serif Display"}.workdate small{font-size:8px!important;letter-spacing:1px}.worklog{margin-top:0}@media(max-width:1050px){.salarygrid{grid-template-columns:1fr}.salarystats{grid-template-columns:1fr 1fr}}@media(max-width:760px){.salarystats{grid-template-columns:1fr}.salarystats .stat.hero{grid-column:auto}.workform{grid-template-columns:1fr}.workrow{grid-template-columns:40px 1fr 90px 25px}.workrow>svg{display:none}.monthpicker{max-width:145px}}.workform .paidbreak{display:flex;align-items:flex-start;gap:10px;background:#f1f0e9;padding:11px 12px;font-weight:400}.workform .paidbreak input{width:auto;margin:2px 0 0}.paidbreak span b,.paidbreak span small{display:block}.paidbreak span b{font-size:12px}.paidbreak span small{font-size:9px;color:#888;margin-top:3px}