:root{--ink:#243b35;--muted:#81908a;--green:#234f3d;--lime:#bee7a6;--line:#e7ebe6;--canvas:#f7f8f4;--white:#fff;--orange:#bc7643;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #dfe5de;border-radius:8px;padding:12px;background:#fff;color:var(--ink);outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#65916d;box-shadow:0 0 0 3px #e6f0de}input[readonly]{background:#f5f7f3}textarea{resize:vertical;line-height:1.65}label{display:block;font-size:12px;font-weight:600;color:#53635c}label input,label select,label textarea{margin-top:8px}label small{display:block;line-height:1.6;font-weight:400;color:var(--muted);margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;font-weight:600;letter-spacing:-1.2px;margin-bottom:10px;line-height:1.25}h2{font-size:16px;font-weight:600;letter-spacing:-.25px;margin-bottom:7px}h3{font-size:14px}p{line-height:1.7;color:#7c8982}small{font-size:11px}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#82917e;margin-bottom:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:1px solid #dce3d9;border-radius:8px;background:#fff;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.4;color:#4e6155;transition:background .15s,transform .15s}.btn:hover{background:#eef3e8}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:#163e2e}.btn.primary span{font-size:17px;font-weight:400}.btn.small{padding:9px 12px;font-size:11px}.btn.full{width:100%;justify-content:space-between}.btn.whatsapp{color:#32764a;border-color:#bad5c0;background:#f3f9f1}.btn.danger{background:#fff4ef;border-color:#edc6b7;color:#ac4e34}.text-link{font-size:11px;font-weight:600;color:#426346;white-space:nowrap}.text-link span{margin-left:7px}.actions{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:32px 22px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:33px;letter-spacing:-1.4px;font-weight:650;color:#244637}.brand-mark{display:flex;align-items:center;justify-content:center;width:36px;height:37px;background:#234f3d;color:#d1edb6;border-radius:10px;font-size:31px;font-weight:650;letter-spacing:-5px;padding-right:5px;line-height:1}.brand-mark span{font-size:20px;margin-left:0;position:relative;top:-8px;letter-spacing:-3px}.brand-dot{color:#91b374}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 10px;margin:35px 0 32px;font-size:11px}.workspace-icon{height:31px;width:31px;display:grid;place-items:center;background:#eff3e9;color:#65845b;border-radius:7px;font-weight:600}.workspace div{flex:1}.workspace strong{font-size:11px;font-weight:600}.workspace small{display:block;color:#99a097;font-size:9px;margin-top:4px}.nav-caption{font-size:9px;letter-spacing:1.4px;color:#9ba69c;margin:0 12px 13px}.sidebar nav{display:grid;gap:6px;margin-bottom:32px}.sidebar nav a{display:flex;gap:12px;align-items:center;font-size:12px;padding:12px 13px;color:#778579;border-radius:8px}.sidebar nav a>span{font-size:18px;line-height:1;color:#859584;width:18px;text-align:center}.sidebar nav a.active{background:#edf3e6;color:#315b34;font-weight:600}.sidebar nav a.active>span{color:#527849}.sidebar nav a:hover{background:#f5f7f1}.sidebar-bottom{margin-top:auto}.help-card{background:#f6f8f2;border:1px solid #ebefe5;padding:13px 11px;border-radius:9px;font-size:9px}.help-card strong{font-size:9px;font-weight:600}.help-card p{font-size:10px;margin:8px 0 0;line-height:1.7}.connection-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7d9e5a;margin-right:5px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:21px;padding:20px 2px 0}.avatar{border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-size:12px;background:#e6e8db;color:#6c7958}.profile>div{flex:1}.profile strong{font-size:11px}.profile small{display:block;font-size:9px;margin-top:4px;color:#a1aaa0}.logout{background:none;border:0;font-size:20px;color:#7f8d7f}.app{margin-left:230px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:#fcfcf9;font-size:10px;color:#9aa399}.topbar strong{font-weight:500;color:#526253}.breadcrumb{margin:0 12px;color:#c5ccc1}.topbar-right{display:flex;gap:20px;align-items:center}.today{color:#7b8879;font-size:10px}.env-pill{font-size:8px;letter-spacing:1px;padding:6px 9px;border:1px solid #dce6d3;background:#f3f7eb;border-radius:5px;color:#7f9565}.main{padding:35px 40px 0;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:27px}.page-heading p{font-size:12px;margin-bottom:0}.heading-dot{color:#8baa70}.demo-banner{padding:12px 15px;background:#edf3e4;border:1px solid #dde7d1;border-radius:8px;font-size:10px;color:#70855e;margin-bottom:27px;display:flex;gap:9px;align-items:center}.demo-banner>span{font-size:17px}.period-form{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.section-kicker{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#72816e}.period-form>div>small{display:block;margin-top:5px;color:#a0aa99;font-size:9px}.date-range{display:flex;align-items:center;gap:10px}.date-range label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:400}.date-range input{font-size:10px;padding:7px 8px;width:124px;margin:0;background:#fcfdf9}.date-range>span{color:#a3ac9b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 19px 0;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e8a7b;margin-bottom:15px}.stat-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:16px}.stat-icon.green{background:#f0f5e9;color:#709958}.stat-icon.orange{background:#fcf2e8;color:#c79062}.stat-icon.purple{background:#f4f0fa;color:#9b87b6}.stat>strong{display:block;font-size:27px;letter-spacing:-.9px;font-weight:600;white-space:nowrap}.stat>small{display:block;font-size:9px;color:#a1aa9a;margin:9px 0 19px}.stat-bottom{padding:12px 0;font-size:9px;color:#7d9868;border-top:1px solid #f0f2ec;display:flex;align-items:center;gap:6px}.stat-bottom.warning{color:#bc8a61}.stat-bottom.neutral{color:#9b8ab0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.green-dot{background:#9cb67e}.orange-dot{background:#d1a171}.purple-dot{background:#af9ec6}.charts-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:23px;margin-bottom:25px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.charts-grid .panel{margin-bottom:0}.panel-heading{padding:23px 24px 19px;display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-heading h2{font-size:14px;margin-bottom:6px}.panel-heading p{font-size:10px;margin-bottom:0;color:#a2ab9d}.chart-label{font-size:8px;letter-spacing:1px;border:1px solid #e7ebe1;border-radius:5px;padding:6px 8px;color:#8d9b7f}.chart-legend{display:flex;gap:18px;padding:3px 25px 0;justify-content:flex-end;color:#8a9681;font-size:9px}.chart-legend>span{display:flex;align-items:center;gap:6px}.legend-square{height:6px;width:6px;border-radius:2px}.green-bg{background:#668a51}.pale-bg{background:#d6e6bf}.bar-chart{padding:14px 25px 21px 20px;display:flex;height:225px;gap:12px}.chart-axis{width:68px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#a8b0a1;padding-bottom:36px;padding-top:2px;white-space:nowrap}.chart-bars{flex:1;display:flex;gap:18px;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 71px,#eff2e9 72px,#eff2e9 73px);border-bottom:1px solid #edf0e6;padding:0 7px}.chart-month{display:flex;flex-direction:column;align-items:center;width:55px}.bar-pair{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.bar{width:18px;min-height:0;border-radius:4px 4px 0 0;transition:height .45s}.bar.open{background:#6d8d54}.bar.paid{background:#d6e5bf}.chart-month>span{font-size:8px;color:#939e88;text-align:center;height:31px;padding-top:12px;line-height:1}.chart-month>span small{display:block;font-size:7px;margin-top:5px;color:#b2baaa}.distribution-total{text-align:center;margin:11px 0 23px;display:flex;flex-direction:column;gap:6px}.distribution-total strong{font-size:44px;font-weight:500;letter-spacing:-2px;line-height:1}.distribution-total>span{font-size:10px;color:#a3ad9b}.status-stack{height:9px;border-radius:5px;overflow:hidden;display:flex;background:#f1f4ec;margin:0 26px 24px;gap:3px}.status-stack>span{height:100%}.stack-pago,.status-dot-pago{background:#6a8c54}.stack-a-vencer,.status-dot-a-vencer{background:#b6ce95}.stack-vencido,.status-dot-vencido{background:#dba273}.stack-confirmado,.status-dot-confirmado{background:#b2a2cd}.stack-cancelado,.stack-estornado,.stack-em-análise{background:#bfc7bd}.distribution-list{padding:0 26px 20px;display:grid;gap:13px}.distribution-list>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b9784}.distribution-list>div>span{display:flex;gap:8px;align-items:center}.distribution-list strong{font-weight:500;color:#52684c}.counter{display:inline-block;padding:2px 6px;border:1px solid #e6ecdd;border-radius:5px;color:#7f9469;font-size:9px;vertical-align:middle;margin-left:5px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#fcfdf9}th{font-size:9px;font-weight:500;color:#99a38e;padding:14px 24px;border-top:1px solid #f0f2eb;border-bottom:1px solid #eff1e9;white-space:nowrap}td{padding:17px 24px;font-size:11px;border-bottom:1px solid #f1f3ed;color:#7f8a76}tbody tr:last-child td{border-bottom:0}.customer-cell{display:flex;align-items:center;gap:9px;min-width:135px}.customer-cell strong{font-size:10px;color:#5f7156;font-weight:500}.table-avatar{width:29px;height:29px;border-radius:8px;background:#f0f2e8;display:grid;place-items:center;color:#8e9c79;font-size:10px;flex-shrink:0}.table-description{font-size:10px;color:#718065;display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:8px;display:block;color:#b2b9a9;margin-top:5px}.amount{font-size:11px;color:#53694d;font-weight:600;white-space:nowrap}.right{text-align:right}.row-action{font-size:18px;color:#93a284;display:inline-grid;place-items:center;width:29px;height:29px;border-radius:7px;border:1px solid #edf0e5}.row-action:hover{background:#f1f5e9}.overdue-date{color:#bd936e}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;padding:5px 8px;border-radius:5px;font-weight:500;background:#f1f3ed;color:#8d9787}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.a-vencer{background:#f1f5e7;color:#8a9f60}.badge.vencido{background:#fbf0e7;color:#c3926d}.badge.pago{background:#edf4e8;color:#719459}.badge.confirmado{background:#f2eef9;color:#a18ab7}.badge.estornado{background:#f9eae7;color:#b27a73}.empty-state{padding:35px 10px;text-align:center}.empty-state>span{font-size:32px;color:#aabb9b}.empty-state h3{margin:12px 0 7px;color:#657a58;font-weight:500}.empty-state p{font-size:11px;color:#a6b09c;margin-bottom:0}footer{display:flex;justify-content:space-between;font-size:9px;color:#a9b29e;padding:6px 0 26px;margin-top:26px}footer span{color:#b8bfaf}.filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:22px 24px}.filters label{font-size:9px;flex:1;min-width:110px}.filters input,.filters select{font-size:10px;padding:10px}.filters label.search-field{position:relative;flex:1.7;min-width:190px}.search-field>span{position:absolute;left:11px;top:16px;font-size:20px;color:#a3b192}.search-field input{padding-left:32px}.filters>.text-link{padding:10px 0}.list-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid #f0f2eb;font-size:10px}.list-summary strong{font-weight:500;color:#7c8f6e}.list-summary>span{font-size:9px;color:#a5af99}.pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-top:1px solid var(--line);font-size:11px;color:#98a38b}.pagination>div{display:flex;gap:8px}.form-with-aside{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(230px,1fr);gap:30px;align-items:start}.form-panel{padding:28px}.form-panel>h2{margin-bottom:18px}.form-panel>p{font-size:12px}.form-panel label{margin-bottom:19px}.form-panel>form>label{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:22px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-divider{height:1px;background:var(--line);margin:26px 0}.form-actions{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.checkbox{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;cursor:pointer}.checkbox input{width:16px;height:16px;margin:0;accent-color:var(--green)}.back-link{display:inline-block;font-size:11px;color:#8f9f80;margin-bottom:22px}.info-aside{padding:28px 10px}.info-icon{display:grid;place-items:center;height:45px;width:45px;font-size:25px;background:#eaf1df;color:#729058;border-radius:12px;margin-bottom:22px}.info-aside h3{font-size:20px;font-weight:500;line-height:1.5}.info-aside p{font-size:12px}.info-aside ul{padding-left:15px;font-size:11px;color:#839575;line-height:2.5;margin-bottom:28px}.note{background:#f6f8f1;padding:15px;border:1px solid #e9efdf;border-radius:8px;color:#8c9d7d;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.info-aside .note{margin-top:25px}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:start}.payment-value{font-size:42px;font-weight:500;letter-spacing:-1.7px;margin:22px 0 30px}.detail-list{margin:12px 0 26px}.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #eef1e8;font-size:11px;line-height:1.7}.detail-list dt{color:#94a186}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.copy-row{display:flex;gap:10px;margin-top:18px}.copy-row input{font-size:11px}.timeline{margin-top:25px}.timeline>div{position:relative;border-left:1px solid #e5ecda;padding:0 0 28px 19px;margin-left:5px}.timeline strong{display:block;font-size:11px;font-weight:500}.timeline small{display:block;font-size:9px;color:#a2ad95;margin-top:8px}.timeline-dot{position:absolute;top:2px;left:-4px;width:7px;height:7px;border-radius:50%;background:#a8c18d;box-shadow:0 0 0 4px #f5f8ef}.edit-panel{padding:24px}.edit-panel summary{font-size:12px;cursor:pointer;color:#788e68}.edit-panel form{padding:15px}.edit-panel label{margin:20px 0}.integration-logo{font-size:35px;color:#1770ce;font-weight:700;letter-spacing:-1.7px;margin-bottom:24px}.integration-logo>span{font-size:25px;color:#59a9ec}.narrow{max-width:580px}.flash{border-radius:8px;padding:15px 19px;font-size:12px;background:#eaf4e2;color:#547b3b;border:1px solid #d9e7cb;margin-bottom:22px;line-height:1.7}.flash.error{background:#fcf0ea;color:#ac6d50;border-color:#f0d7c7}.auth-body{background:#f9faf5;min-height:100vh;display:grid;place-items:center;padding:35px}.auth-body>.flash{position:fixed;top:15px;left:50%;transform:translateX(-50%);z-index:50;max-width:90vw;box-shadow:0 8px 35px #142c2910}.login-wrap{max-width:1040px;min-height:670px;width:100%;background:white;display:grid;grid-template-columns:1.06fr 1fr;border:1px solid #e8ede2;border-radius:23px;overflow:hidden;box-shadow:0 22px 85px #263b2a06}.login-story{background:#173e31;padding:43px 45px;display:flex;flex-direction:column;justify-content:space-between;color:#d0e2bc;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #ffffff08;border-radius:50%;right:-240px;top:70px;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff02;pointer-events:none}.login-story .brand{color:#f5f8e9;font-size:35px}.login-story .brand-mark{background:#c1e49e;color:#28523a}.story-copy{position:relative;z-index:1}.story-copy .eyebrow{color:#9eb78b;font-size:9px;letter-spacing:2px}.story-copy h1{font-size:44px;font-weight:400;letter-spacing:-1.7px;line-height:1.22;color:#f5f9ed;margin:20px 0}.story-copy p{font-size:13px;line-height:1.9;color:#9fb5a0;margin-bottom:35px}.login-story>small{font-size:8px;letter-spacing:1.4px;color:#8ca485;margin-top:30px}.sample-card{display:flex;align-items:center;gap:11px;background:#ffffff09;border:1px solid #ffffff12;padding:18px 15px;border-radius:12px;transform:rotate(-3deg);box-shadow:0 10px 25px #0000000c}.sample-card>div{flex:1}.sample-card small{font-size:8px;color:#a6bda0}.sample-card strong{display:block;font-size:11px;font-weight:500;margin-top:6px;color:#e5efd8}.sample-check{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#cae4a922;color:#d1efae;font-size:15px}.sample-chart{height:90px;display:flex;gap:13px;align-items:flex-end;justify-content:center;margin-top:10px;padding:0 15px}.sample-chart span{width:27px;background:#b2d59122;border-radius:5px 5px 0 0;height:30%}.sample-chart span:nth-child(2){height:55%}.sample-chart span:nth-child(3){height:41%}.sample-chart span:nth-child(4){height:65%}.sample-chart span:nth-child(5){height:58%}.sample-chart span:nth-child(6){height:80%;background:#b2d59155}.sample-chart span:nth-child(7){height:68%}.sample-chart span:nth-child(8){height:95%;background:#b2d59166}.login-form{padding:70px 55px 40px;display:flex;flex-direction:column;justify-content:center}.login-form>.eyebrow{font-size:9px;letter-spacing:1.5px}.login-form h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:5px 0 10px}.login-form>p{font-size:12px}.login-form form{margin-top:22px}.login-form label{margin-bottom:21px;font-size:11px}.login-form input{font-size:12px;padding:13px}.login-form .btn{margin-top:6px;padding:14px}.password-input{display:flex;position:relative}.password-input input{padding-right:40px}.show-password{position:absolute;right:9px;top:19px;background:none;border:0;color:#a5b196;font-size:17px}.login-form .show-password{top:17px}.login-help{text-align:center;color:#a5ae9b;font-size:10px!important;line-height:1.8;margin-top:24px}.demo-credentials{background:#f8faf3;border:1px solid #e9efdf;padding:13px 17px;border-radius:8px;margin-top:10px;font-size:10px}.demo-credentials strong{font-size:10px;font-weight:500;color:#7e936b}.demo-credentials p{font-size:10px;margin:7px 0}.demo-credentials small{font-size:9px;color:#a8b399}code{font-family:Consolas,monospace;font-size:.95em}.mobile-toggle{display:none}.setup{margin:10vh auto;max-width:600px;padding:35px;background:#fff;border:1px solid var(--line);border-radius:15px}[hidden]{display:none!important}:focus-visible{outline:2px solid #91ad72;outline-offset:3px}
@media(min-width:1550px){.main{padding:42px 52px 0}.topbar{padding:0 52px}.stat>strong{font-size:33px}.stat{padding:23px 24px 0}.stats-grid{gap:24px}.panel-heading{padding:26px 28px 20px}.bar-chart{height:250px}td{padding:20px 28px}.charts-grid{gap:25px}}
@media(max-width:1200px){.sidebar{width:200px;padding:28px 17px 18px}.app{margin-left:200px}.main{padding:28px 25px 0}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat{padding:14px 13px 0}.stat>strong{font-size:23px}.stat-top{font-size:9px}.stat>small{font-size:8px}th,td{padding:15px 17px}.chart-bars{gap:8px}.bar-chart{padding-left:15px;padding-right:15px}.charts-grid{gap:17px;grid-template-columns:1.5fr 1fr}.chart-axis{width:58px}.bar{width:15px}.form-panel{padding:23px}.form-with-aside{gap:20px}.date-range input{width:118px}.page-heading h1{font-size:29px}.brand{font-size:30px}}
@media(max-width:950px){.sidebar{width:178px;padding:25px 12px 16px}.app{margin-left:178px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:1fr}.distribution{display:none}.stat>strong{font-size:28px}.stat-top{font-size:11px}.stat>small{font-size:10px}.page-heading{align-items:flex-start}.page-heading>.actions{flex-direction:column;align-items:stretch}.period-form{align-items:flex-start}.period-form>div>small{max-width:120px;line-height:1.6}.date-range{gap:6px}.date-range label{flex-direction:column;align-items:flex-start}.date-range>.text-link{display:none}.detail-grid,.form-with-aside{grid-template-columns:1fr}.info-aside{padding:0 10px 25px}.form-with-aside>form{order:1}.info-aside{order:2}.login-wrap{grid-template-columns:1fr 1fr;min-height:600px}.login-story{padding:35px 28px}.story-copy h1{font-size:36px}.login-form{padding:45px 30px}.sample-card strong{font-size:9px}.sample-chart{gap:8px}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);width:230px;transition:transform .2s;box-shadow:15px 0 60px #172b2522}.menu-open .sidebar{transform:translateX(0)}.app{margin-left:0}.topbar{height:62px;padding:0 18px;gap:12px;position:sticky;top:0;z-index:20}.topbar>span{flex:1;font-size:9px}.topbar strong{display:none}.breadcrumb{display:none}.topbar-right{gap:6px}.today{display:none}.mobile-toggle{display:block;background:none;border:0;font-size:18px;color:var(--green)}.main{padding:26px 17px 0}.page-heading{gap:10px;align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:27px}.page-heading p{font-size:10px;max-width:230px}.page-heading .btn{font-size:10px;padding:10px;gap:5px}.page-heading>.actions .btn:first-child{display:none}.eyebrow{font-size:8px}.demo-banner{font-size:9px;padding:10px;margin-bottom:22px;line-height:1.6}.period-form{display:block}.period-form>div>small{max-width:none;font-size:8px}.date-range{margin-top:15px;justify-content:space-between}.date-range label{flex-direction:row;font-size:8px;gap:4px}.date-range input{width:115px;font-size:10px;padding:7px 5px}.date-range>.btn{font-size:9px;padding:8px}.stats-grid{gap:10px}.stat{padding:13px 12px 0}.stat-top{font-size:9px;margin-bottom:13px}.stat-icon{width:24px;height:24px;font-size:13px}.stat>strong{font-size:24px}.stat>small{font-size:8px;line-height:1.7;margin:8px 0 13px;min-height:28px}.stat-bottom{font-size:8px;gap:4px}.panel-heading{padding:20px 17px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:9px}.panel-heading .text-link{font-size:9px;max-width:80px;white-space:normal;text-align:right;line-height:1.7}.bar-chart{height:215px;padding-left:12px;padding-right:12px;gap:5px}.chart-axis{font-size:7px;width:55px}.chart-bars{gap:6px;padding:0 3px}.bar{width:14px}.bar-pair{gap:3px}.chart-month>span{font-size:7px}.chart-month>span small{font-size:6px}th,td{padding:13px 15px}th{font-size:8px}td{font-size:10px}.filters{padding:17px;gap:10px}.filters label.search-field{flex-basis:100%}.filters label{min-width:100px}.filters>.btn{font-size:10px}.list-summary{padding:14px 17px;font-size:9px}.list-summary>span{display:none}.form-panel{padding:21px}.form-grid,.form-grid.three{grid-template-columns:1fr}.form-panel input,.form-panel select{font-size:16px}.form-panel label{font-size:11px}.form-actions .btn{font-size:11px}.form-actions{gap:7px}.payment-value{font-size:36px}.detail-list>div{font-size:10px}.detail-grid{gap:0}.edit-panel{padding:18px}.edit-panel .form-grid{gap:20px}.copy-row{flex-direction:column}.info-aside{margin-top:0}.info-aside h3{font-size:19px}.note{font-size:10px}.pagination{padding:17px;font-size:9px}.pagination .btn{font-size:9px;padding:8px}footer{font-size:8px;padding-bottom:20px;line-height:1.6}footer span{display:none}.auth-body{padding:18px}.login-wrap{grid-template-columns:1fr;max-width:450px;min-height:auto;border-radius:17px}.login-story{padding:25px}.login-story .brand{font-size:28px}.login-story .brand-mark{width:30px;height:30px;font-size:26px}.story-copy{margin-top:25px}.story-copy h1{font-size:31px;margin-bottom:10px}.story-copy .eyebrow,.story-copy p,.story-illustration,.login-story>small{display:none}.login-form{padding:32px 27px}.login-form h2{font-size:25px}.login-form input{font-size:16px}.login-form>p{font-size:11px}.login-form form{margin-top:16px}.demo-credentials{margin-top:0}.flash{font-size:11px}.topbar-right .env-pill{font-size:7px}.detail-list dd{max-width:60%}.timeline strong{overflow-wrap:anywhere}}