.directions-page{color:#18231f;background:#f4f3ed;min-height:100vh;padding:30px 5vw 70px}.directions-page header{grid-template-columns:1fr 2fr 1fr;align-items:center;margin-bottom:25px;display:grid}.directions-page header>div{text-align:center}.directions-page header a{color:#6f55cc;font-size:11px;font-weight:800;text-decoration:none}.directions-page header>a:last-child{text-align:right}.directions-page header p,.directions-total p,.direction-create p{letter-spacing:.14em;color:#8b938f;margin:0 0 6px;font-size:9px;font-weight:800}.directions-page h1{margin:0;font:32px Georgia,serif}.directions-total{color:#fff;background:#17241f;border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:28px;display:grid}.directions-total h2{margin:6px 0;font:42px Georgia,serif}.directions-total span{color:#a9b5af;font-size:10px}.directions-total article{border-left:1px solid #43514b;flex-direction:column;gap:8px;min-width:130px;padding-left:24px;display:flex}.directions-total article small{color:#a9b5af;font-size:9px}.directions-total article b{font:20px Georgia,serif}.direction-create{background:#fff;border:1px solid #e7e6df;border-radius:17px;justify-content:space-between;align-items:center;gap:25px;margin:18px 0;padding:22px;display:flex}.direction-create h2{margin:0 0 5px;font:23px Georgia,serif}.direction-create span{color:#858e89;font-size:10px}.direction-create form{align-items:end;gap:9px;display:flex}.direction-create label{color:#7e8783;flex-direction:column;gap:5px;font-size:9px;display:flex}.direction-create input,.direction-create select{background:#fafaf7;border:1px solid #dddcd5;border-radius:10px;min-width:170px;padding:10px}.direction-create button{color:#fff;background:#7257d6;border:0;border-radius:10px;padding:11px 17px;font-weight:800}.direction-message{color:#267758;background:#dff2e9;border-radius:10px;margin-bottom:15px;padding:10px 15px;font-size:11px}.directions-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;display:grid}.directions-grid>article{background:#fff;border:1px solid #e7e6df;border-top:4px solid #7257d6;border-radius:17px;padding:21px;box-shadow:0 16px 45px #252f2b0d}.direction-head{align-items:center;gap:12px;display:flex}.direction-head>span{background:#f0ecfb;border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.direction-head small{color:#8b938f;font-size:8px}.direction-head h2{margin:3px 0;font:21px Georgia,serif}.direction-metrics{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.direction-metrics span{flex-direction:column;gap:5px;display:flex}.direction-metrics small{color:#929a96;font-size:8px}.direction-metrics b{font-size:13px}.green{color:#2f9874}.direction-profit{background:#eef7f3;border-radius:11px;justify-content:space-between;align-items:center;padding:13px;display:flex}.direction-profit span{color:#648176;font-size:8px}.direction-profit b{color:#27815f;font:19px Georgia,serif}.direction-profit.negative{background:#fff0f1}.direction-profit.negative b{color:#bd4653}.directions-grid footer{color:#939a97;justify-content:space-between;margin-top:13px;font-size:9px;display:flex}.directions-help{background:#fff8e8;border:1px solid #eddcb1;border-radius:13px;margin-top:18px;padding:16px}.directions-help b{font-size:12px}.directions-help p{color:#6e6755;margin:5px 0 0;font-size:10px;line-height:1.6}@media (width<=720px){.directions-page{padding:20px 15px 85px}.directions-page header{grid-template-columns:auto 1fr auto}.directions-page h1{font-size:22px}.directions-total{grid-template-columns:1fr;gap:16px}.directions-total h2{font-size:34px}.directions-total article{border-top:1px solid #43514b;border-left:0;padding:12px 0 0}.direction-create{display:block}.direction-create form{margin-top:18px;display:grid}.direction-create input,.direction-create select{width:100%;min-width:0}}.direction-rules{background:#ebe7fa;border:1px solid #d9d0f5;border-radius:17px;margin:18px 0;padding:22px}.direction-rules>div:first-child p{letter-spacing:.14em;color:#7257d6;margin:0 0 6px;font-size:9px;font-weight:800}.direction-rules h2{margin:0 0 5px;font:23px Georgia,serif}.direction-rules>div:first-child span{color:#6f6c78;font-size:10px}.direction-rules form{grid-template-columns:1.2fr 1fr .7fr auto;align-items:end;gap:9px;margin-top:16px;display:grid}.direction-rules label{color:#6f6c78;flex-direction:column;gap:5px;font-size:9px;display:flex}.direction-rules input,.direction-rules select{background:#fff;border:1px solid #cdc6e9;border-radius:10px;min-width:0;padding:10px}.direction-rules form button{color:#fff;background:#17241f;border:0;border-radius:10px;padding:11px 15px;font-weight:800}.rule-list{gap:7px;margin-top:14px;display:grid}.rule-list article{background:#fff;border-radius:10px;grid-template-columns:minmax(100px,.7fr) 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:10px;display:grid}.rule-list article span{color:#737a77}.rule-list article button{color:#7257d6;background:#f2effa;border:0;border-radius:50%;width:25px;height:25px;font-size:17px}@media (width<=720px){.direction-rules form{grid-template-columns:1fr}.rule-list article{grid-template-columns:1fr auto}.rule-list article span{grid-column:1}.rule-list article button{grid-area:1/2/3}.direction-rules input,.direction-rules select{width:100%}}.flow-planner{background:#fff;border:1px solid #dfe2dc;border-radius:17px;margin:18px 0;padding:22px}.flow-planner>div:first-child p{letter-spacing:.14em;color:#2f9874;margin:0 0 6px;font-size:9px;font-weight:800}.flow-planner h2{margin:0 0 5px;font:23px Georgia,serif}.flow-planner>div:first-child span{color:#727b76;font-size:10px}.flow-planner form{grid-template-columns:.8fr .9fr .9fr 1fr .6fr .5fr auto;align-items:end;gap:9px;margin-top:16px;display:grid}.flow-planner label{color:#727b76;flex-direction:column;gap:5px;font-size:9px;display:flex}.flow-planner input,.flow-planner select{background:#fafcfb;border:1px solid #d8ddd8;border-radius:10px;min-width:0;padding:10px}.flow-planner form button{color:#fff;background:#2f9874;border:0;border-radius:10px;padding:11px 15px;font-weight:800}.flow-list{gap:7px;margin-top:14px;display:grid}.flow-list article{background:#f7faf8;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.flow-list article>span{border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.flow-plus{color:#267758;background:#dff2e9}.flow-minus{color:#bd4653;background:#fff0f1}.flow-list article div{flex-direction:column;display:flex}.flow-list article b{font-size:11px}.flow-list article small{color:#7a837e;font-size:9px}.flow-list article strong{font-size:11px}.flow-list article button{background:#ecefeb;border:0;border-radius:50%;width:25px;height:25px}.direction-forecast{border:1px dashed #b9d9cc;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:5px;margin-top:10px;padding:10px 12px;display:grid}.direction-forecast>span{color:#648176;font-size:8px}.direction-forecast>div{grid-column:1;gap:8px;display:flex}.direction-forecast small{color:#7d8984;font-size:8px}.direction-forecast>b{color:#27815f;grid-area:1/2/3;font:18px Georgia,serif}.direction-forecast.negative{border-color:#e7c3c7}.direction-forecast.negative>b{color:#bd4653}@media (width<=900px){.flow-planner form{grid-template-columns:1fr 1fr}}@media (width<=720px){.flow-planner form{grid-template-columns:1fr}.flow-list article{grid-template-columns:auto 1fr auto}.flow-list article strong{grid-column:2}.flow-list article button{grid-area:1/3/3}.flow-planner input,.flow-planner select{width:100%}}.period-bar{background:#fff;border:1px solid #e2e2dc;border-radius:14px;align-items:center;gap:14px;margin-bottom:14px;padding:12px 16px;display:flex}.period-bar>div{flex-direction:column;min-width:160px;display:flex}.period-bar span{letter-spacing:.13em;color:#8b938f;font-size:8px;font-weight:800}.period-bar b{text-transform:capitalize;font:17px Georgia,serif}.period-bar select{color:#18231f;background:#fafaf7;border:1px solid #dddcd5;border-radius:9px;padding:9px 12px}.period-bar>small{color:#838b87;margin-left:auto;font-size:9px}.total-better{color:#7fe0b7}.total-worse{color:#ff9ea7}.period-change{justify-content:space-between;align-items:center;padding:8px 2px 0;display:flex}.period-change span{font-size:10px;font-weight:800}.period-change small{color:#8a928e;font-size:8px}.period-change.better span{color:#27815f}.period-change.worse span{color:#bd4653}@media (width<=720px){.period-bar{grid-template-columns:1fr auto;display:grid}.period-bar>small{grid-column:1/3;margin-left:0}.period-bar select{max-width:180px}.directions-total{grid-template-columns:1fr}.directions-total article{min-width:0}}.directions-grid footer{flex-wrap:wrap}.direction-open{color:#654ebc;border-top:1px solid #efefe9;flex-basis:100%;margin-top:7px;padding-top:9px;font-size:9px;font-weight:800;text-decoration:none}.direction-open:hover{text-decoration:underline}.starter-section{background:#fff;border:1px solid #e4e2da;border-radius:17px;margin:18px 0;padding:22px}.starter-section>div:first-child p{letter-spacing:.14em;color:#7257d6;margin:0 0 6px;font-size:9px;font-weight:800}.starter-section h2{margin:0 0 5px;font:23px Georgia,serif}.starter-section>div:first-child span{color:#727b76;font-size:10px}.starter-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px;display:grid}.starter-grid button{text-align:left;cursor:pointer;color:#18231f;background:#faf9fd;border:1px solid #e4e1ef;border-radius:13px;grid-template-columns:auto 1fr;gap:10px;padding:14px;display:grid}.starter-grid button:hover{background:#f4f0ff;border-color:#a897e4}.starter-grid i{background:#ece7fa;border-radius:10px;place-items:center;width:35px;height:35px;font-size:18px;font-style:normal;display:grid}.starter-grid span{flex-direction:column;gap:4px;display:flex}.starter-grid b{font-size:11px}.starter-grid small{color:#7a837e;font-size:8px;line-height:1.45}.starter-grid em{color:#7257d6;grid-column:2;font-size:8px;font-style:normal;font-weight:800}.starter-backdrop{z-index:70;background:#121f1994;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.starter-dialog{background:#fff;border-radius:22px;width:min(470px,100%);padding:27px;position:relative;box-shadow:0 30px 90px #00000040}.starter-dialog>i{background:#ece7fa;border-radius:13px;place-items:center;width:47px;height:47px;font-size:24px;font-style:normal;display:grid}.starter-dialog>p{letter-spacing:.14em;color:#7257d6;margin:15px 0 5px;font-size:8px;font-weight:900}.starter-dialog h2{margin:0 0 18px;font:27px Georgia,serif}.starter-close{background:#efeee9;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;position:absolute;top:14px;right:16px}.starter-dialog label{color:#737c77;flex-direction:column;gap:6px;margin-top:10px;font-size:9px;display:flex}.starter-dialog input{background:#fafaf7;border:1px solid #dddcd5;border-radius:10px;padding:12px;font-size:13px}.starter-amounts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.starter-dialog>section{background:#eef7f3;border-radius:11px;justify-content:space-between;align-items:center;margin-top:15px;padding:13px;display:flex}.starter-dialog>section span{color:#648176;font-size:9px}.starter-dialog>section b{color:#27815f;font:18px Georgia,serif}.starter-dialog>small{color:#818a86;margin:11px 0;font-size:9px;line-height:1.5;display:block}.starter-save{color:#fff;background:#17241f;border:0;border-radius:11px;width:100%;padding:13px;font-weight:800}.starter-save:disabled{opacity:.6}@media (width<=900px){.starter-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.starter-grid{grid-template-columns:1fr}.starter-grid button{grid-template-columns:auto 1fr auto;align-items:center}.starter-grid em{grid-column:3}.starter-dialog{padding:24px 18px max(24px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;align-self:end}.starter-backdrop{align-items:end;padding:0}.starter-amounts{grid-template-columns:1fr}}.direction-edit{color:#654ebc;cursor:pointer;background:#f1eefb;border:0;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800}.starter-dialog select{background:#fafaf7;border:1px solid #dddcd5;border-radius:10px;padding:12px;font-size:13px}.direction-active{background:#f5f4ef;border-radius:11px;grid-template-columns:auto 1fr;align-items:start;padding:12px;gap:10px!important;display:grid!important}.direction-active input{width:18px;height:18px;margin:1px 0 0;padding:0}.direction-active span{flex-direction:column;gap:4px;display:flex}.direction-active b{color:#18231f;font-size:10px}.direction-active small{font-size:8px;line-height:1.45}.directions-grid>article:has(.direction-profit) footer span:first-child{min-width:50px}.flow-list article .flow-post{color:#fff;background:#17241f;border-radius:8px;width:auto;height:auto;padding:7px 9px;font-size:8px;font-weight:800}.flow-list article .flow-post.posted{color:#267758;background:#dff2e9}.flow-list article .flow-post:disabled{opacity:1}.flow-list article .flow-edit{color:#654ebc;background:#f1eefb;border-radius:8px;width:auto;height:auto;padding:7px 9px;font-size:8px;font-weight:800}@media (width<=720px){.flow-list article .flow-post{grid-column:2;justify-self:start}.flow-list article .flow-edit{grid-area:auto/2;justify-self:start}.flow-list article>button:last-child{grid-area:1/3/5}}.flow-month-summary{color:#fff;background:#17241f;border-radius:14px;margin-top:16px;padding:15px}.flow-month-summary header{justify-content:space-between;align-items:center;gap:15px;display:flex}.flow-month-summary header>div{flex-direction:column;gap:3px;display:flex}.flow-month-summary header small,.flow-summary-grid small{letter-spacing:.12em;color:#aab8b2;font-size:8px;font-weight:800}.flow-month-summary header b{text-transform:capitalize;font:18px Georgia,serif}.flow-month-summary header>span{color:#dce7e2;background:#2a3933;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800}.flow-summary-grid{grid-template-columns:1fr 1fr 1.35fr;gap:8px;margin-top:12px;display:grid}.flow-summary-grid article{background:#22312b;border-radius:10px;flex-direction:column;gap:4px;padding:11px;display:flex}.flow-summary-grid b{color:#8be0be;font-size:14px}.flow-summary-grid span{color:#c4cec9;font-size:8px}.flow-summary-grid .waiting{background:#302b43}.flow-summary-grid .waiting b{color:#ded5ff}.flow-summary-grid .waiting span{color:#c9c0e4}@media (width<=720px){.flow-month-summary header{align-items:flex-start}.flow-summary-grid{grid-template-columns:1fr 1fr}.flow-summary-grid .waiting{grid-column:1/3}}.flow-list article .flow-deadline{border-radius:7px;width:max-content;margin-top:3px;padding:4px 6px;font-size:7px;font-weight:900}.flow-deadline.planned{color:#65726c;background:#edf1ef}.flow-deadline.soon{color:#906612;background:#fff1c8}.flow-deadline.overdue{color:#b33745;background:#ffe2e5}.flow-deadline.done{color:#267758;background:#dff2e9}.flow-deadline.unset{color:#654ebc;background:#f1eefb}.flow-list article .flow-account{color:#586762;font-weight:700}