:root{--bg:#f5f7f5;--surface:#fff;--text:#172b24;--muted:#83918b;--line:#e7ece8;--green:#238260;--soft:#ecf5ee;--nav:#142b24;--navmuted:#96aaa1;--orange:#bb7a26;--shadow:0 4px 18px #172b2405;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:wait}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #70b99b;outline-offset:3px}button{color:inherit}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.metric-value{font-family:Manrope,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:234px minmax(0,1fr)}.sidebar{background:var(--nav);position:fixed;inset:0 auto 0 0;width:234px;padding:33px 20px 19px;display:flex;flex-direction:column;color:white;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-1.6px;padding:0 11px}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#a8e4b3;color:#193c2c;letter-spacing:-3px;padding-right:4px;font-size:27px;transform:rotate(-5deg)}.brand small{display:block;font-family:'DM Sans';font-size:9px;letter-spacing:3px;color:#9bb4a7;text-transform:uppercase;margin-top:1px}.nav-group{margin-top:44px}.nav-caption{font-size:10px;letter-spacing:1.9px;color:#728c7f;margin:0 13px 13px;font-weight:700}.nav-button{width:100%;display:flex;align-items:center;gap:13px;padding:13px 14px;border:0;color:#aec0b7;background:transparent;border-radius:9px;text-align:left;margin:4px 0;font-size:13px;font-weight:500;transition:.17s}.nav-button:hover{background:#ffffff09;color:white}.nav-button.active{background:#b3e6b7;color:#17382b;font-weight:700}.nav-button .nav-count{margin-left:auto;background:#ffffff14;border-radius:5px;min-width:21px;text-align:center;font-size:10px;padding:3px 4px}.nav-button.active .nav-count{background:#193c2c16}.sidebar-bottom{margin-top:auto}.help-box{background:#203b30;padding:15px;border:1px solid #365244;border-radius:12px;margin:25px 2px 19px}.help-box .help-symbol{background:#ffffff12;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;margin-bottom:10px}.help-box b{font-size:12px}.help-box p{font-size:11px;line-height:1.6;color:#a9bfb1;margin-top:6px}.help-box button{font-size:11px;color:#c5e8c5;border:0;background:none;padding:10px 0 0;display:flex;gap:8px;align-items:center}.profile{display:flex;align-items:center;gap:10px;padding:17px 8px 0;border-top:1px solid #365044}.avatar{width:34px;height:34px;background:#cbded0;display:grid;place-items:center;border-radius:50%;color:#335340;font-size:12px;font-weight:700;flex:none}.profile b{font-size:12px}.profile small{display:block;font-size:10px;color:#8fa89a;margin-top:4px}.profile .dots{margin-left:auto;background:none;border:0;color:#a7baae}.main{grid-column:2;min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 37px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px;color:#8b9991}.breadcrumb strong{font-weight:500;color:#354c40}.top-actions{display:flex;align-items:center;gap:18px}.top-date{font-size:11px;color:#7a8b80;display:flex;gap:7px;align-items:center}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:white;border-radius:9px;display:grid;place-items:center;position:relative}.notification-dot{position:absolute;width:5px;height:5px;background:#368e62;border:1px solid white;border-radius:50%;right:8px;top:7px}.divider{height:25px;width:1px;background:var(--line)}.top-profile{display:flex;align-items:center;gap:8px;font-size:11px}.top-profile .avatar{width:32px;height:32px;background:#e8efe7}.top-profile small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.content{padding:30px 37px 24px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.eyebrow{color:#819186;font-size:11px;margin-bottom:7px}.page-heading h1{font-size:26px;letter-spacing:-1.05px;line-height:1.35}.page-heading p{font-size:12px;color:#89958e;margin-top:7px}.heading-buttons{display:flex;align-items:center;gap:9px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);padding:10px 13px;border-radius:8px;background:#fff;font-size:11px;font-weight:600;line-height:1.5}.button:hover{border-color:#a4beb0;background:#fbfdfb}.button.primary{background:#236647;border-color:#236647;color:#fff}.button.primary:hover{background:#194e35}.button.danger{color:#b94944;background:#fff7f6;border-color:#eed7d4}.button.soft{background:#edf5ee;border-color:transparent;color:#286845}.button.text{border:0;background:transparent;padding:7px 0;color:#438466}.button.full{width:100%}.mode-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #eadfc7;background:#fffbf2;border-radius:9px;margin-bottom:24px;padding:10px 13px;color:#8b764c;font-size:11px}.mode-banner .mode-message{display:flex;align-items:center;gap:8px}.mode-banner button{background:none;border:0;padding:3px 0;color:#8a713e;font-size:11px;font-weight:700;display:flex;gap:5px;align-items:center}.mode-banner.live{background:#eff8f0;border-color:#d5e8d6;color:#3d7a4c}.welcome{background:#e9f1e6;border:1px solid #dfe9dc;padding:23px 26px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;overflow:hidden;min-height:137px}.welcome h2{font-size:23px;letter-spacing:-.9px;font-weight:700}.welcome p{font-size:11px;color:#7d9080;margin:8px 0 16px}.welcome-link{font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;border:0;background:none;color:#2b6843;padding:0}.route-art{width:245px;height:95px;flex:none;opacity:.85}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px 19px;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;color:#839087;font-size:11px}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eff5ef;color:#53805d}.metric:nth-child(2) .metric-icon{background:#f9f2e7;color:#b49660}.metric:nth-child(3) .metric-icon{background:#edf1f8;color:#7d94b7}.metric:nth-child(4) .metric-icon{background:#f5efed;color:#af8977}.metric-value{font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1.2}.metric-foot{font-size:10px;margin-top:10px;color:#9ba69f;display:flex;align-items:center;gap:5px}.metric-foot .dot{width:5px;height:5px;background:#4d9e68;border-radius:50%}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:20px;margin-bottom:22px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;padding:20px 21px 0;gap:10px}.card-head h2{font-size:13px;letter-spacing:-.15px;font-weight:700}.card-head p{font-size:10px;color:#96a097;margin-top:5px}.period{border:1px solid var(--line);padding:6px 9px;border-radius:6px;color:#8a968f;font-size:9px;display:flex;align-items:center;gap:6px;background:white}.chart-wrap{padding:9px 15px 9px}.chart-wrap svg{width:100%;height:206px}.chart-foot{display:flex;gap:17px;align-items:center;justify-content:center;font-size:9px;color:#93a095;margin-bottom:17px}.legend-dot{display:inline-block;width:6px;height:6px;background:#72986d;border-radius:2px;margin-right:5px}.support-item{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #f0f2ef;align-items:flex-start}.support-item:last-child{border-bottom:0}.support-list{padding:4px 20px 5px}.support-icon{width:31px;height:31px;border-radius:8px;background:#f4f5ef;color:#8b956f;display:grid;place-items:center;flex:none}.support-item h3{font-family:'DM Sans';font-size:11px;font-weight:600;margin:1px 0 5px}.support-item p{font-size:10px;color:#9aa39b;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.5}.support-item small{font-size:9px;color:#abb2ac}.support-item .item-meta{margin-left:auto;text-align:right}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:20px}.table-wrap{overflow:auto;margin-top:15px}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}.data-table th{background:#fafbf9;color:#94a095;font-weight:500;font-size:9px;padding:12px 20px;border-top:1px solid #f0f3ee;border-bottom:1px solid #eef1ec}.data-table td{padding:13px 20px;border-bottom:1px solid #f0f3ef;vertical-align:middle;color:#6f8175}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfa}.name-cell{display:flex;align-items:center;gap:9px}.name-cell .avatar{width:30px;height:30px;font-size:9px;background:#eef1e9;color:#7a8e70}.name-cell b{font-size:10px;color:#415746;font-weight:600}.name-cell small{display:block;font-size:8px;color:#9da79e;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:500;background:#f1f4ef;color:#788b74;white-space:nowrap}.badge.green{color:#4a8d60;background:#edf6ed}.badge.orange{color:#b18b45;background:#fbf3e5}.badge.blue{color:#788fb2;background:#eff3fa}.badge.red{color:#b56d63;background:#f9eeeb}.badge.gray{color:#8b958b;background:#f2f4f0}.row-action{background:none;border:0;padding:5px;color:#9aa79b}.review-button{border:1px solid #e3e9de;background:white;padding:5px 9px;border-radius:5px;font-size:9px;color:#7c9373;display:inline-flex;gap:5px;align-items:center}.status-list{padding:15px 21px 22px}.status-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:15px 0;color:#81907e}.status-line b{color:#536c51;font-weight:600}.progress-track{height:6px;background:#f1f4ed;border-radius:5px;overflow:hidden;display:flex;gap:3px;margin:22px 0}.progress-track span{height:100%;background:#78996a}.progress-track span:nth-child(2){background:#aabfa1}.progress-track span:nth-child(3){background:#d2dfc9}.system-status{border-top:1px solid #eef1eb;padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#97a18f}.small-live{display:flex;align-items:center;gap:5px;color:#6a946b}.small-live i{width:5px;height:5px;background:#75a36f;border-radius:50%}.footer{display:flex;align-items:center;justify-content:space-between;color:#a3ada3;font-size:9px;margin-top:27px;gap:10px}.footer span{display:flex;gap:6px;align-items:center}.filters{display:flex;gap:10px;justify-content:space-between;padding:18px 20px 3px;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:180px;max-width:370px}.search-field svg{position:absolute;left:12px;top:12px;color:#a0aca0}.input,.search-field input{width:100%;border:1px solid #dfe7dc;border-radius:8px;background:white;color:#435b45;padding:11px 12px;outline:none;font-size:12px}.input:focus,.search-field input:focus{border-color:#75a77d;box-shadow:0 0 0 3px #77a78011}.search-field input{padding-left:36px}.filters select{min-width:170px}.table-large .data-table td{padding-top:17px;padding-bottom:17px;font-size:11px}.table-large .data-table th{font-size:10px}.table-large .name-cell b{font-size:12px}.table-large .name-cell small{font-size:10px}.table-large .badge{font-size:10px}.table-large .review-button{font-size:10px;padding:7px 10px}.table-large .avatar{width:34px;height:34px;font-size:10px}.pagination{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1e9;font-size:11px;color:#96a38f}.pagination-buttons{display:flex;gap:5px}.empty{padding:55px 20px;text-align:center;color:#96a18d}.empty .empty-icon{width:46px;height:46px;border-radius:14px;background:#f0f5ed;color:#819f70;display:grid;place-items:center;margin:0 auto 14px}.empty h3{font-size:15px;color:#617459;margin-bottom:8px}.empty p{font-size:12px}.empty .button{margin-top:18px}.alert-error{padding:15px 18px;border-radius:9px;border:1px solid #e9cfc6;color:#a15d45;background:#fdf7f3;margin-bottom:20px;font-size:12px;line-height:1.6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:24px}.settings-card h2{font-size:15px;margin-bottom:8px}.settings-card p{font-size:12px;line-height:1.7;color:#8c9a85}.field{margin-top:18px}.field label{display:block;font-size:11px;font-weight:600;color:#718367;margin-bottom:8px}.field small{display:block;font-size:10px;color:#a0ab96;line-height:1.6;margin-top:6px}.settings-card .button{margin-top:18px}.setup-steps{padding-left:17px;color:#89977d;font-size:12px;line-height:1.8}.setup-steps li{margin:10px 0}.code{font-family:monospace;font-size:11px;background:#eef3e8;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.modal-backdrop{position:fixed;inset:0;background:#142b2455;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(540px,100%);max-height:90dvh;overflow:auto;border-radius:15px;background:#fff;box-shadow:0 30px 100px #172f2730}.modal.wide{width:min(650px,100%)}.modal-head{padding:23px 25px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h2{font-size:18px;letter-spacing:-.5px}.modal-head p{font-size:11px;color:#9aa48f;margin-top:5px}.modal-body{padding:22px 25px}.modal-footer{padding:16px 25px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.detail-hero{display:flex;align-items:center;gap:13px;margin-bottom:20px}.detail-hero .avatar{width:47px;height:47px;font-size:16px}.detail-hero h3{font-size:16px}.detail-hero p{font-size:11px;color:#96a18c;margin-top:5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.detail-grid small{display:block;color:#9aa58d;font-size:10px;margin-bottom:5px}.detail-grid b{font-size:12px;font-weight:500;overflow-wrap:anywhere}.section-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#a0aa94;margin:22px 0 12px}.document-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #e7eddf;border-radius:7px;padding:10px 12px;margin-bottom:7px;font-size:11px;color:#7f9171}.inline-note{font-size:11px;line-height:1.7;padding:12px 14px;background:#f6f8f1;color:#8d9b7d;border-radius:8px;margin:12px 0}.inline-note.warning{background:#fcf6e9;color:#ac9056}.modal-body .input{font-size:13px}.quote{padding:18px;background:#f5f7f0;border-radius:9px;color:#6a7e5c;font-size:13px;line-height:1.75;white-space:pre-wrap}.login-brand{font-size:26px;font-weight:800;font-family:Manrope;letter-spacing:-1px;margin:0 0 9px;color:#305c3e}.login-description{color:#8d9a80;font-size:12px;line-height:1.8}.login-error{margin-top:15px;color:#b66a51;font-size:12px;line-height:1.6}.pill{border:1px solid #dfe7d7;padding:4px 7px;border-radius:5px;font-size:9px;color:#8a9b79}.pill.live{color:#4e8851;background:#eef7e9}.mobile-menu{display:none}.mobile-scrim{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;background:#24412d;color:#fff;max-width:calc(100% - 30px);padding:13px 20px;border-radius:9px;z-index:200;font-size:12px;box-shadow:0 10px 35px #203b2b20;transition:.2s;pointer-events:none;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{opacity:.6;pointer-events:none}.subtle{font-size:10px;color:#9aa68f}.cell-route{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-message{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-header{display:flex;align-items:center;gap:9px}.text-red{color:#b67766}.settings-card ul{padding-left:17px;color:#8f9d82;font-size:12px;line-height:1.8}.settings-card .setup-steps strong{font-weight:600;color:#5c7650}
@media(min-width:1550px){.content{padding-top:35px}.welcome{min-height:150px}.chart-wrap svg{height:235px}.support-item{padding:17px 0}.metric{padding:22px}.metric-value{font-size:34px}}
@media(max-width:1190px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding-left:14px;padding-right:14px}.content{padding:25px}.topbar{padding:0 25px}.metrics{gap:10px}.metric{padding:15px}.metric-value{font-size:26px}.grid-main,.bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:15px}.data-table th,.data-table td{padding-left:14px;padding-right:14px}.route-art{width:190px}.page-heading h1{font-size:24px}.top-profile>div:not(.avatar){display:none}}
@media(max-width:950px){.grid-main,.bottom-grid{grid-template-columns:1fr}.support-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.chart-wrap svg{height:220px}.settings-grid{grid-template-columns:1fr}.top-date{display:none}.route-art{width:170px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:18px}.page-heading{align-items:flex-start}.heading-buttons .button:first-child{display:none}.status-list{padding-top:0}.status-line{margin:12px 0}.status-list .progress-track{margin:14px 0}}
@media(max-width:700px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:234px}.shell.menu-open .sidebar{transform:translateX(0)}.shell.menu-open .mobile-scrim{display:block;position:fixed;inset:0;background:#152e2466;z-index:29}.main{width:100%}.mobile-menu{display:grid}.topbar{height:65px;padding:0 18px}.top-actions{gap:10px}.breadcrumb{font-size:11px;gap:7px}.content{padding:23px 17px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.eyebrow{font-size:10px}.heading-buttons{gap:5px}.heading-buttons .button{padding:9px;font-size:10px}.heading-buttons .button span{display:none}.mode-banner{align-items:flex-start;font-size:10px;padding:10px;gap:8px}.mode-banner .mode-message{align-items:flex-start;gap:6px}.mode-banner .mode-message>svg{flex:none;margin-top:2px}.mode-banner button{font-size:10px;white-space:nowrap}.welcome{padding:20px;min-height:130px;margin-bottom:16px}.welcome h2{font-size:19px;max-width:230px}.welcome p{max-width:220px;font-size:10px;line-height:1.7}.route-art{display:none}.metrics{gap:10px;margin-bottom:17px}.metric{padding:15px}.metric-value{font-size:28px}.metric-top{font-size:10px}.metric-icon{width:28px;height:28px}.metric-foot{font-size:9px}.grid-main,.bottom-grid{gap:17px;margin-bottom:17px}.support-list{display:block}.chart-wrap svg{height:190px}.card-head{padding:17px 17px 0}.footer{font-size:8px;margin-top:22px;align-items:flex-start;line-height:1.7}.footer>span:last-child{display:none}.filters{padding:15px 15px 0}.filters select{width:100%}.search-field{max-width:none;width:100%}.data-table td,.data-table th{padding-left:15px;padding-right:15px}.pagination{padding:14px;font-size:10px}.pagination .button{padding:7px 9px}.modal-backdrop{padding:10px}.modal{max-height:94dvh;border-radius:12px}.modal-head,.modal-body{padding:19px}.modal-footer{padding:14px 19px}.detail-grid{gap:15px 12px}.input,.search-field input,.modal-body .input{font-size:16px}.settings-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Accounts and Pass receipts */
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7f9f5}.login-story{background:#213e32;color:#eff4e9;padding:60px 12%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story .brand{color:white}.login-story h1{font-size:clamp(38px,4.7vw,70px);line-height:1.13;letter-spacing:-2px;margin:24px 0}.login-story p{color:#bdcebf;font-size:16px;line-height:1.8}.login-story .eyebrow{color:#a8c6a1}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px}.login-card{width:100%;max-width:390px}.login-card h1{font-size:27px;margin:20px 0 10px;letter-spacing:-.7px}.login-card>p{color:#86917e;margin-bottom:30px}.login-card .input{min-height:46px}.full{width:100%;justify-content:center;min-height:46px}.login-links{display:flex;flex-direction:column;align-items:flex-start;margin:15px 0}.login-demo{border-top:1px solid #e1e7db;margin-top:25px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.login-demo a{color:#69845c}.login-card details{font-size:12px;color:#7a8972}.login-card summary{cursor:pointer}.block{display:block;margin-top:5px}.amount-value{font-size:26px;letter-spacing:-1px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.permission-option{display:flex;align-items:center;gap:10px;background:#f5f8f1;border:1px solid #e7eddf;border-radius:9px;padding:13px;font-size:12px;cursor:pointer}.permission-option input{accent-color:#56774a;width:17px;height:17px}.permission-summary{max-width:350px;white-space:normal!important;line-height:1.7}.period-fields{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:22px}.period-fields .field{margin:0;min-width:180px}.finance-period{grid-template-columns:repeat(3,1fr);margin-top:24px}.settings-card+.table-large,.table-large+.settings-card{margin-top:20px}.modal hr{border:0;border-top:1px solid #e5ebdd;margin:24px 0}.modal h3{font-size:15px}.modal p{line-height:1.7}.modal-body>p{font-size:12px;color:#7c8b72}.login-error{margin-top:12px}.button.danger{background:#f9e8e3;color:#a4513d}
@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-story{min-height:240px;padding:30px;gap:35px}.login-story h1{font-size:36px}.login-story>small,.login-story p{display:none}.login-panel{padding:35px 24px}.permission-grid{grid-template-columns:1fr}.finance-period{grid-template-columns:1fr}.amount-value{font-size:24px}}