/* v123: canonical approved prototype stylesheet, scoped to real application. */
:root{--ink:#123b46!important;--primary:#0f766e!important;--mint:#d8f3e8!important;--bg:#f5f8f7!important;--line:#e3ebe7!important;--muted:#6d807e!important;--accent:#c58a26!important}
body #app *{box-sizing:border-box!important}
body{margin:0!important;background:var(--bg)!important;color:var(--ink)!important;font:14px 'Montserrat',sans-serif!important}
body #app button,body #app input,body #app select{font:inherit!important}
body #app button,body #app a,body #app select{-webkit-tap-highlight-color:transparent!important}
body #app button,body #app a{cursor:pointer!important}
body #app button:focus-visible,body #app a:focus-visible,body #app input:focus-visible,body #app select:focus-visible{outline:3px solid #86cbbb!important;outline-offset:3px!important}
body #app button{border:0!important}
body #app a{color:inherit!important;text-decoration:none!important}
body #app aside{position:fixed!important;inset:0 auto 0 0!important;width:242px!important;background:#fff!important;border-right:1px solid var(--line)!important;padding:32px 22px!important;display:flex!important;flex-direction:column!important}
body #app .brand{display:flex!important;align-items:center!important;font:800 28px Montserrat,sans-serif!important;letter-spacing:-1.5px!important}
body #app .brand>span:last-child{color:var(--primary)!important}
body #app .mark{width:34px!important;height:33px!important;display:flex!important;margin-right:9px!important;gap:4px!important;letter-spacing:0!important;align-items:flex-end!important}
body #app .mark i{width:7px!important;height:22px!important;background:var(--ink)!important;position:relative!important}
body #app .mark i:before{content:''!important;position:absolute!important;top:-10px!important;left:0!important;width:7px!important;height:6px!important;background:var(--ink)!important}
body #app .mark b{font:800 42px/34px Montserrat!important;color:var(--primary)!important}
body #app .workspace{display:flex!important;gap:10px!important;margin:37px 0 29px!important;padding-bottom:23px!important;border-bottom:1px solid var(--line)!important;align-items:center!important}
body #app .avatar{width:37px!important;height:37px!important;border-radius:12px!important;background:#e9f2ed!important;display:grid!important;place-items:center!important;font-weight:700!important;color:var(--primary)!important;flex-shrink:0!important}
body #app small{display:block!important;font-size:11px!important;color:var(--muted)!important;margin-top:5px!important}
body #app .label,body #app .eyebrow{font-size:10px!important;letter-spacing:1.5px!important;font-weight:700!important;color:var(--muted)!important}
body #app select,body #app input{border:1px solid var(--line)!important;border-radius:9px!important;background:white!important;color:var(--ink)!important;padding:12px!important;width:100%!important}
body #app aside select{margin:10px 0 24px!important;background:var(--bg)!important;font-weight:700!important}
body #app nav{display:grid!important;gap:7px!important}
body #app nav .tab{padding:13px 14px!important;display:flex!important;gap:13px!important;border-radius:9px!important;font-size:19px!important;color:var(--muted)!important}
body #app nav .tab span{font-size:14px!important}
body #app nav .tab.active{background:var(--mint)!important;color:var(--primary)!important;font-weight:700!important}
body #app .aside-bottom{margin-top:auto!important}
body #app .help{background:var(--bg)!important;padding:17px 14px!important;border-radius:12px!important}
body #app .help strong{font-size:12px!important}
body #app .help p{font-size:11px!important;line-height:1.6!important;color:var(--muted)!important}
body #app .pill{font-size:10px!important;background:#fff!important;border:1px solid var(--line)!important;padding:5px 8px!important;border-radius:20px!important}
body #app .user{display:flex!important;gap:10px!important;margin-top:23px!important;align-items:center!important;font-size:12px!important}
body #app .main-panel{margin-left:242px!important}
body #app .topbar{height:83px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 40px!important;background:#fff!important;border-bottom:1px solid var(--line)!important}
body #app .breadcrumb{font-size:12px!important;color:var(--muted)!important}
body #app .breadcrumb span{padding:0 14px!important;color:#b9c6c1!important}
body #app .breadcrumb b{color:var(--ink)!important}
body #app .header-right{display:flex!important;gap:20px!important;align-items:center!important}
body #app .demo{font-size:9px!important;letter-spacing:1px!important;color:var(--muted)!important;background:var(--bg)!important;padding:7px 10px!important;border:1px solid var(--line)!important;border-radius:5px!important}
body #app .small{width:30px!important;height:30px!important;border-radius:50%!important;font-size:10px!important}
body #app .content{max-width:1450px!important;margin:auto!important;padding:36px 40px!important}
body #app .heading{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:28px!important}
body #app h1{font:800 30px Montserrat!important;letter-spacing:-1px!important;margin:6px 0 9px!important}
body #app h2{font:800 17px Montserrat!important;margin:0 0 7px!important;letter-spacing:-.3px!important}
body #app p{color:var(--muted)!important;line-height:1.6!important;margin:0!important}
body #app .primary{background:var(--primary)!important;color:#fff!important;border-radius:9px!important;padding:13px 20px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
body #app .secondary{background:white!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:9px!important;padding:11px 15px!important}
body #app .stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-bottom:24px!important}
body #app .stat,body #app .card{background:white!important;border:1px solid var(--line)!important;border-radius:14px!important}
body #app .stat{padding:21px!important}
body #app .stat .caption{color:var(--muted)!important;font-size:12px!important;display:flex!important;justify-content:space-between!important}
body #app .stat strong{display:block!important;font:800 29px Montserrat!important;margin:12px 0!important}
body #app .stat small{font-size:10px!important}
body #app .stat:first-child{background:var(--ink)!important;color:#fff!important;border:0!important}
body #app .stat:first-child .caption,body #app .stat:first-child small{color:#bed9d4!important}
body #app .positive{color:var(--primary)!important}
body #app .dashboard-grid{display:grid!important;grid-template-columns:1.65fr 1fr!important;gap:22px!important}
body #app .card{padding:24px!important}
body #app .cardhead{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:17px!important}
body #app .cardhead p{font-size:11px!important}
body #app .tag{border:1px solid var(--line)!important;padding:7px 10px!important;border-radius:7px!important;font-size:10px!important;color:var(--muted)!important}
body #app .chart{height:220px!important;display:flex!important;align-items:stretch!important;padding:10px 0 0!important;gap:12px!important;border-bottom:1px solid var(--line)!important;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf2ef 50px)!important}
body #app .barcol{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important}
body #app .bar{width:65%!important;max-width:43px!important;border-radius:7px 7px 0 0!important;background:#b6dfd0!important;min-height:3px!important}
body #app .barcol:nth-child(2n) .bar{background:var(--primary)!important}
body #app .barlabel{font-size:10px!important;color:var(--muted)!important;background:#fff!important;padding:8px 0!important;width:100%!important;text-align:center!important}
body #app .chartnote{font-size:10px!important;margin-top:12px!important}
body #app .row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 0!important;border-bottom:1px solid var(--line)!important;gap:12px!important}
body #app .row:last-child{border:0!important}
body #app .productmini{display:flex!important;gap:12px!important;align-items:center!important}
body #app .productmini .emoji{font-size:23px!important;background:var(--bg)!important;width:43px!important;height:43px!important;border-radius:10px!important;display:grid!important;place-items:center!important}
body #app .productmini strong{font-size:12px!important}
body #app .right{text-align:right!important;font-size:12px!important}
body #app .right small{font-size:10px!important}
body #app .lower{margin-top:22px!important;display:grid!important;grid-template-columns:1.65fr 1fr!important;gap:22px!important}
body #app table{width:100%!important;border-collapse:collapse!important;text-align:left!important}
body #app th{font-size:10px!important;font-weight:500!important;color:var(--muted)!important;padding:12px 8px!important;border-bottom:1px solid var(--line)!important}
body #app td{padding:15px 8px!important;font-size:12px!important;border-bottom:1px solid var(--line)!important}
body #app td .status{background:var(--mint)!important;color:var(--primary)!important;padding:4px 8px!important;font-size:10px!important;border-radius:20px!important}
body #app .notice{background:#fff8eb!important;color:#795421!important;padding:13px!important;border-radius:9px!important;font-size:12px!important;margin-top:12px!important}
body #app .notice p{color:#795421!important;font-size:11px!important;margin-top:4px!important}
body #app .tablewrap{overflow:auto!important}
body #app footer{padding:15px 40px 25px!important;display:flex!important;justify-content:space-between!important;gap:14px!important;font-size:10px!important;color:var(--muted)!important}
body #app .pos-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 335px!important;gap:24px!important;align-items:start!important}
body #app .search{position:relative!important}
body #app .search input{padding:15px 16px!important;background:#fff!important}
body #app .filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:17px 0!important}
body #app .filter{border:1px solid var(--line)!important;background:white!important;padding:9px 14px!important;border-radius:25px!important;color:var(--muted)!important;font-size:12px!important}
body #app .filter.active{background:var(--ink)!important;color:white!important;border-color:var(--ink)!important}
body #app .products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:13px!important}
body #app .product{background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important;padding:0!important;text-align:left!important;overflow:hidden!important;color:var(--ink)!important;transition:transform .15s,box-shadow .15s!important}
body #app .product:hover{transform:translateY(-3px)!important;box-shadow:0 8px 20px #123b4610!important}
body #app .product:disabled{opacity:.5!important;cursor:not-allowed!important}
body #app .product-art{height:110px!important;background:#eaf2ed!important;display:grid!important;place-items:center!important;font-size:49px!important}
body #app .product:nth-child(3n+2) .product-art{background:#f5efdf!important}
body #app .product:nth-child(3n) .product-art{background:#edf0f7!important}
body #app .product-body{padding:14px!important}
body #app .product-body strong{font-size:12px!important;display:block!important;margin-bottom:5px!important}
body #app .price{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:13px!important;font-weight:700!important}
body #app .add{width:25px!important;height:25px!important;border-radius:7px!important;background:var(--mint)!important;color:var(--primary)!important;display:grid!important;place-items:center!important;font-size:19px!important}
body #app .cart{position:sticky!important;top:20px!important}
body #app .cart-head{border-bottom:1px solid var(--line)!important;padding-bottom:16px!important}
body #app .cart-head small{font-size:11px!important}
body #app .empty{text-align:center!important;padding:46px 10px!important;color:var(--muted)!important;line-height:1.8!important;font-size:12px!important}
body #app .empty span{display:block!important;font-size:32px!important;margin-bottom:15px!important}
body #app .cartitem{padding:16px 0!important;border-bottom:1px solid var(--line)!important}
body #app .cartitemtop{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:12px!important}
body #app .qty{display:flex!important;align-items:center!important;gap:13px!important;margin-top:11px!important}
body #app .qty button{width:27px!important;height:27px!important;border:1px solid var(--line)!important;background:white!important;border-radius:7px!important;color:var(--ink)!important}
body #app .qty .remove{margin-left:auto!important;font-size:11px!important;width:auto!important;border:0!important;color:#a04444!important}
body #app .total{display:flex!important;justify-content:space-between!important;margin:22px 0!important;font:800 23px Montserrat!important}
body #app .full{width:100%!important}
body #app .primary:disabled{opacity:.4!important;cursor:not-allowed!important}
body #app .muted-note{font-size:10px!important;text-align:center!important;margin-top:12px!important}
body #app .empty-results{grid-column:1/-1!important;padding:50px!important;text-align:center!important}
body #app dialog{border:1px solid var(--line)!important;border-radius:19px!important;padding:32px!important;width:min(450px,92vw)!important;color:var(--ink)!important;box-shadow:0 20px 100px #123b4633!important}
body #app dialog::backdrop{background:#123b4666!important;backdrop-filter:blur(3px)!important}
body #app dialog label{display:block!important;margin:16px 0 8px!important;font-size:12px!important}
body #app .payment-total{font:800 40px Montserrat!important;margin:20px 0!important}
body #app .close{float:right!important;font-size:23px!important;background:none!important;color:var(--muted)!important}
body #app #change{margin:12px 0!important}
body #app #payerror{color:#a22e2e!important;font-size:12px!important;margin-bottom:10px!important}
body #app #toast{position:fixed!important;bottom:24px!important;left:50%!important;transform:translateX(-50%)!important;background:var(--ink)!important;color:#fff!important;padding:14px 23px!important;border-radius:11px!important;box-shadow:0 5px 25px #123b4622!important;z-index:10!important;display:none!important}
body #app .sectionnote{font-size:12px!important;margin:15px 0!important}
body #app .reportcards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important}
body #app .donut{width:150px!important;height:150px!important;border-radius:50%!important;background:conic-gradient(var(--primary) 0 50%,#d99000 50% 78%,#8aa7a0 78% 100%)!important;display:grid!important;place-items:center!important;margin:24px auto!important}
body #app .donut:after{content:'Ejemplo'!important;display:grid!important;place-items:center!important;background:white!important;width:108px!important;height:108px!important;border-radius:50%!important;font-size:12px!important}
body #app .legend{display:flex!important;gap:14px!important;justify-content:center!important;font-size:11px!important;flex-wrap:wrap!important}
body #app .legend i{display:inline-block!important;width:8px!important;height:8px!important;background:var(--primary)!important;border-radius:50%!important;margin-right:5px!important}
body #app .inventorysearch{max-width:400px!important;margin:20px 0!important}
body #app .module-callout{background:var(--mint)!important;border-radius:12px!important;padding:15px 20px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:22px!important;font-size:12px!important}
body #app .module-callout p{font-size:11px!important}
@media(min-width:1500px){body #app .content{padding-top:45px!important}
body #app .product-art{height:150px!important}}
@media(max-width:1150px){body #app aside{width:205px!important;padding:25px 16px!important}
body #app .main-panel{margin-left:205px!important}
body #app .content{padding:28px 24px!important}
body #app .topbar{padding:0 24px!important}
body #app .pos-grid{grid-template-columns:1fr 300px!important}
body #app .products{grid-template-columns:repeat(2,1fr)!important}
body #app .stat{padding:16px!important}
body #app .stat strong{font-size:23px!important}
body #app .dashboard-grid,body #app .lower{grid-template-columns:1.3fr 1fr!important}}
@media(max-width:850px){body #app aside{width:77px!important;padding:25px 12px!important}
body #app .brand{font-size:0!important}
body #app .brand>span:last-child{font-size:0!important}
body #app .mark{margin:0!important}
body #app .workspace,body #app .label,body #app .help,body #app .user,body #app nav .tab span{display:none!important}
body #app aside select{font-size:11px!important;padding:9px 2px!important;margin:30px 0 20px!important}
body #app nav .tab{justify-content:center!important;padding:12px!important}
body #app .main-panel{margin-left:77px!important}
body #app .stats{grid-template-columns:1fr 1fr!important}
body #app .dashboard-grid,body #app .lower{grid-template-columns:1fr!important}
body #app .heading{align-items:flex-start!important}
body #app h1{font-size:25px!important}
body #app .pos-grid{grid-template-columns:1fr 280px!important;gap:15px!important}
body #app .products{grid-template-columns:1fr 1fr!important}
body #app .product-art{height:85px!important}
body #app footer{padding:20px 24px!important;flex-direction:column!important}
body #app .reportcards{grid-template-columns:1fr!important}}
@media(max-width:650px){body #app .topbar{height:65px!important;padding:0 16px!important}
body #app .content{padding:24px 15px!important}
body #app .demo{font-size:7px!important;padding:5px!important}
body #app .header-right{gap:8px!important}
body #app .breadcrumb{font-size:10px!important}
body #app .breadcrumb span{padding:0 5px!important}
body #app .heading{flex-wrap:wrap!important;margin-bottom:20px!important}
body #app .heading p{font-size:12px!important}
body #app .heading .primary{padding:11px 14px!important;font-size:12px!important}
body #app .stat{padding:14px!important}
body #app .stat strong{font-size:21px!important}
body #app .stats{gap:10px!important}
body #app .card{padding:18px!important}
body #app .pos-grid{grid-template-columns:1fr!important}
body #app .cart{position:static!important}
body #app .products{grid-template-columns:1fr 1fr!important}
body #app .product-body{padding:10px!important}
body #app .reportcards{gap:14px!important}
body #app h1{font-size:24px!important}
body #app .module-callout{gap:10px!important}
body #app .tag{font-size:9px!important}
body #app .header-right .avatar{display:none!important}}
body #app [hidden]{display:none!important}
body #app nav .tab{padding:11px 14px!important}
body #app nav{gap:4px!important}
body #app .period-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:22px!important}
body #app .period-row p{font-size:11px!important;margin-top:5px!important}
body #app .month-input{width:170px!important;flex-shrink:0!important}
body #app .rank{width:35px!important;height:35px!important;border-radius:10px!important;background:var(--bg)!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:700!important;color:var(--primary)!important}
body #app .status{display:inline-block!important;background:var(--mint)!important;color:var(--primary)!important;padding:5px 9px!important;font-size:10px!important;border-radius:20px!important;white-space:nowrap!important}
body #app .status.cancelled{background:#fbeaea!important;color:#9a3a3a!important}
body #app .danger-text{color:#a33b3b!important}
body #app .text-button{color:var(--primary)!important;background:transparent!important;font-size:11px!important;padding:6px 8px!important;border-radius:6px!important}
body #app .text-button:hover{background:var(--bg)!important}
body #app .order-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body #app .order-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important}
body #app .order-actions button{font-size:11px!important;padding:11px 13px!important}
body #app .order-card .total{font-size:19px!important}
body #app .order-card .row{font-size:12px!important}
body #app .form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 15px!important}
body #app dialog input,body #app dialog select{margin-top:7px!important}
body #app dialog label{margin:12px 0!important}
body #app dialog{max-height:90vh!important;overflow:auto!important}
body #app #editor{width:min(650px,94vw)!important}
body #app #editor details{margin:15px 0!important}
body #app .component-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 12px!important;max-height:240px!important;overflow:auto!important}
body #app #formError{font-size:12px!important;margin:12px 0!important}
body #app .donut{width:175px!important;height:175px!important}
body #app .donut:after{display:none!important}
body #app .donut-hole{width:125px!important;height:125px!important;border-radius:50%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;background:white!important}
body #app .donut-hole strong{font:800 17px Montserrat!important}
body #app .donut-hole small{font-size:9px!important}
body #app .legend-column{display:grid!important;gap:11px!important;margin-top:15px!important}
body #app .legend-column span{display:flex!important;align-items:center!important;gap:6px!important}
body #app .legend-column b{margin-left:auto!important;font-size:10px!important}
body #app .comparison-svg{width:100%!important;margin:22px 0 5px!important}
body #app .chartnote summary{cursor:pointer!important;color:var(--primary)!important;margin-top:12px!important}
body #app .chartnote h3{font-size:12px!important;margin-top:15px!important}
body #app .finance-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 25px!important;font-size:12px!important}
body #app .role-select{display:flex!important;align-items:center!important;gap:8px!important;font-size:10px!important;color:var(--muted)!important;white-space:nowrap!important}
body #app .role-select select{width:130px!important;font-size:11px!important;padding:8px!important}
body #app .demo-ribbon{background:#eaf3ee!important;border-bottom:1px solid var(--line)!important;display:flex!important;justify-content:space-between!important;gap:15px!important;padding:11px 40px!important;font-size:10px!important;color:var(--muted)!important}
body #app .demo-ribbon>span:first-child{font-weight:700!important;color:var(--primary)!important}
body #app .breadcrumb #crumbChurch{padding:0!important;color:var(--muted)!important}
body #app .inventorysearch{margin:0!important}
body #app #view-settings label{display:block!important;font-size:12px!important;color:var(--muted)!important;margin-top:18px!important}
body #app #view-settings label input{margin-top:8px!important}
body #app .empty-results{line-height:1.8!important}
body #app .chart{overflow:auto!important}
body #app .barcol{min-width:20px!important}
body #app .barlabel{font-size:9px!important}
body #app .topbar .header-right{gap:15px!important}
body #app .stat strong{font-size:25px!important}
body #app .help{padding:13px!important}
body #app .help p{margin-top:4px!important}
@media(max-width:1150px){body #app .order-grid{grid-template-columns:1fr 1fr!important}
body #app .demo-ribbon{padding:11px 24px!important}
body #app .stat strong{font-size:22px!important}
body #app .header-right>.small{display:none!important}}
@media(max-width:850px){body #app .demo{display:none!important}
body #app .demo-ribbon{padding:10px 24px!important;flex-direction:column!important;gap:4px!important}
body #app .role-select{font-size:9px!important}
body #app .stat strong{font-size:23px!important}
body #app nav .tab{padding:11px!important}
body #app .finance-grid{grid-template-columns:1fr!important}}
@media(max-width:650px){body #app .order-grid{grid-template-columns:1fr!important}
body #app .demo-ribbon{padding:10px 15px!important;font-size:9px!important}
body #app .demo-ribbon>span:last-child{display:none!important}
body #app .role-select{display:block!important;font-size:8px!important}
body #app .role-select select{width:104px!important;padding:5px!important;font-size:10px!important}
body #app .period-row{flex-wrap:wrap!important}
body #app .month-input{width:155px!important}
body #app .form-grid,body #app .component-list{grid-template-columns:1fr!important}
body #app .stat strong{font-size:20px!important}
body #app .breadcrumb #crumbChurch{max-width:105px!important;display:inline-block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important}
body #app .topbar .header-right{gap:5px!important}
body #app .stat .caption{font-size:11px!important}
body #app aside select{font-size:9px!important}
body #app .content{padding-top:22px!important}}
:root{--ink:#213c39!important;--primary:#27876b!important;--mint:#e2f0e7!important;--bg:#eaf1ed!important;--line:#e7ede9!important;--muted:#7a8982!important;--nav:#0c2935!important}
body{background:var(--bg)!important;font-family:'Montserrat',system-ui,sans-serif!important;font-size:13px!important;letter-spacing:-.12px!important}
body #app h1,body #app h2,body #app .total,body #app .payment-total,body #app .donut-hole strong{font-family:'Montserrat',system-ui,sans-serif!important}
body #app h1{font-size:25px!important;font-weight:600!important;letter-spacing:-.8px!important;margin:4px 0 7px!important}
body #app h2{font-size:14px!important;font-weight:600!important;letter-spacing:-.25px!important}
body #app p{line-height:1.6!important}
body #app .eyebrow{font-size:9px!important;letter-spacing:1px!important;font-weight:600!important;color:#8b9991!important}
body #app .heading{margin-bottom:26px!important;align-items:center!important}
body #app .heading p{font-size:11px!important}
body #app .heading-actions{display:flex!important;gap:10px!important;align-items:center!important}
body #app .heading-actions .month-input{padding:10px 12px!important;width:155px!important}
body #app .ui-icon{width:20px!important;height:20px!important;flex-shrink:0!important;display:inline-block!important;vertical-align:middle!important}
body #app aside{inset:16px auto 16px 16px!important;width:204px!important;padding:26px 15px 18px!important;background:var(--nav)!important;border:0!important;border-radius:20px!important;color:#d7e4df!important;box-shadow:0 10px 30px #0c29350a!important;z-index:20!important}
body #app .brand{font-size:25px!important;letter-spacing:-1px!important;padding:0 10px!important;color:#fff!important;gap:0!important}
body #app .brand-name{display:inline!important;color:#fff!important}
body #app .brand-name b{color:#82c5a5!important;font-weight:700!important}
body #app .mark{width:29px!important;height:30px!important;margin-right:10px!important;display:block!important;flex-shrink:0!important}
body #app .mark svg{height:29px!important;width:32px!important}
body #app .mark i,body #app .mark b{display:none!important}
body #app .brand>.brand-name{font-size:25px!important}
body #app .rail-toggle{position:absolute!important;right:-13px!important;top:43px!important;width:27px!important;height:27px!important;border-radius:50%!important;background:#3d9c78!important;color:#e8f4ed!important;border:4px solid var(--bg)!important;display:grid!important;place-items:center!important;padding:0!important;z-index:21!important}
body #app .rail-toggle .ui-icon{width:14px!important;height:14px!important;transform:rotate(180deg)!important}
body #app .workspace{margin:31px 6px 24px!important;border-bottom:1px solid #ffffff12!important;padding-bottom:22px!important;gap:9px!important}
body #app .workspace strong{font-size:11px!important;font-weight:500!important;color:#f0f7f2!important}
body #app .workspace small{font-size:9px!important;color:#8fa6a7!important;line-height:1.5!important}
body #app .avatar{width:31px!important;height:31px!important;border-radius:10px!important;font-size:10px!important;background:#244b4e!important;color:#9cd4b6!important}
body #app .label{font-size:8px!important;letter-spacing:1px!important;color:#739493!important;margin:0 9px!important}
body #app aside select{font-size:11px!important;padding:11px 12px!important;border:1px solid #ffffff17!important;background:#173a43!important;color:#e2eee7!important;margin:10px 0 25px!important;border-radius:8px!important}
body #app nav{gap:7px!important}
body #app nav .tab{font-size:13px!important;color:#91aaa9!important;padding:12px 14px!important;gap:12px!important;border-radius:8px!important;align-items:center!important;position:relative!important}
body #app nav .tab>span:last-child{font-size:11px!important;font-weight:500!important}
body #app nav .tab .nav-symbol{display:flex!important}
body #app .nav-symbol .ui-icon{width:18px!important;height:18px!important}
body #app nav .tab:hover{background:#173d45!important;color:#cce6d7!important}
body #app nav .tab.active{background:#1d4b4b!important;color:#a2d6b7!important;font-weight:500!important}
body #app nav .tab.active:before{content:''!important;position:absolute!important;left:-15px!important;top:10px!important;bottom:10px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:#73bc95!important}
body #app .aside-bottom{padding:0 6px!important}
body #app .help{background:transparent!important;padding:18px 1px!important;border-top:1px solid #ffffff12!important;border-radius:0!important}
body #app .help strong{font-size:9px!important;font-weight:500!important;color:#a3bcb5!important}
body #app .help p{font-size:9px!important;color:#658786!important}
body #app .online-dot{display:inline-block!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#77bb94!important;margin-right:7px!important}
body #app .user{margin-top:10px!important;font-size:10px!important}
body #app .user strong{font-weight:500!important;color:#cbded4!important}
body #app .user small{font-size:8px!important;color:#74928f!important;line-height:1.5!important}
body #app .main-panel{margin-left:238px!important;padding-right:22px!important}
body #app .topbar{height:67px!important;margin-top:16px!important;padding:0 24px!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 16px #183b2c03!important;gap:15px!important}
body #app .global-search{display:flex!important;align-items:center!important;gap:11px!important;flex:1!important;color:#87958e!important;max-width:340px!important}
body #app .global-search .ui-icon{width:18px!important;height:18px!important}
body #app .global-search input{padding:8px 0!important;border:0!important;background:none!important;font-size:11px!important;box-shadow:none!important;min-width:0!important}
body #app .global-search input:focus{outline:none!important}
body #app .global-search kbd{font-size:11px!important;background:#f4f7f4!important;border:1px solid #edf1ed!important;padding:3px 6px!important;border-radius:4px!important;color:#a5afa8!important}
body #app .breadcrumb{font-size:10px!important;display:flex!important;align-items:center!important;gap:3px!important;margin-right:auto!important;color:#7b8e82!important}
body #app .breadcrumb span{padding:0 6px!important}
body #app .breadcrumb #crumbChurch{color:#8a9891!important;font-weight:400!important}
body #app .breadcrumb b{font-weight:500!important}
body #app .header-right{gap:15px!important}
body #app .header-right>.avatar{background:#d9e8df!important;color:#3f735b!important;width:31px!important;height:31px!important;border:3px solid #f2f6f2!important}
body #app .role-select{font-size:8px!important;gap:7px!important;color:#96a299!important}
body #app .role-select select{width:115px!important;font-size:10px!important;padding:7px!important;border-color:#eaf0eb!important;background:#fbfcfa!important}
body #app .demo{font-size:7px!important;font-weight:500!important;color:#6c9680!important;background:#edf6ee!important;border:0!important;border-radius:4px!important;padding:6px 8px!important;letter-spacing:.6px!important}
body #app .demo-ribbon{padding:13px 3px 0!important;background:transparent!important;border:0!important;font-size:9px!important;color:#9aa59d!important}
body #app .demo-ribbon>span:first-child{font-weight:500!important;color:#7c9484!important}
body #app .content{padding:27px 3px 30px!important;max-width:1500px!important}
body #app .stats{gap:18px!important;margin-bottom:22px!important}
body #app .stat,body #app .card{background:#fff!important;border:1px solid #f1f5f0!important;border-radius:12px!important;box-shadow:0 3px 14px #224b3604!important}
body #app .stat{padding:20px 22px!important;min-height:156px!important}
body #app .stat:first-child{background:white!important;color:var(--ink)!important;border:1px solid #f1f5f0!important}
body #app .stat-top{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:18px!important}
body #app .stat .caption,body #app .stat:first-child .caption{font-size:10px!important;font-weight:400!important;color:#7b8982!important}
body #app .stat-icon{width:34px!important;height:34px!important;background:#edf5ee!important;color:#4b9673!important;border-radius:8px!important;display:grid!important;place-items:center!important}
body #app .stat-icon .ui-icon{width:18px!important;height:18px!important}
body #app .stat-icon.blue{color:#75949a!important;background:#edf3f4!important}
body #app .stat-icon.amber{color:#b89b61!important;background:#f9f5e9!important}
body #app .stat-icon.violet{color:#968cb1!important;background:#f2eff7!important}
body #app .stat strong{font-family:'Montserrat',sans-serif!important;font-size:26px!important;font-weight:500!important;letter-spacing:-.8px!important;margin:0 0 17px!important;line-height:1.2!important}
body #app .stat strong em{font-size:11px!important;font-style:normal!important;font-weight:400!important;letter-spacing:0!important;color:#a0aaa4!important;margin-left:9px!important}
body #app .stat small,body #app .stat:first-child small{font-size:9px!important;color:#99a49c!important;margin:0!important}
body #app .stat-bottom{display:flex!important;align-items:center!important;gap:8px!important;min-height:19px!important}
body #app .stat-bottom b{font-size:10px!important;font-weight:500!important;margin-left:auto!important;color:#6a8275!important}
body #app .delta{font-size:8px!important;color:#518e62!important;background:#edf7e7!important;border-radius:3px!important;padding:3px 6px!important;white-space:nowrap!important}
body #app .delta.negative{background:#fcefed!important;color:#c07d72!important}
body #app .dot{width:5px!important;height:5px!important;border-radius:50%!important;background:#81b595!important}
body #app .card{padding:24px!important}
body #app .cardhead{margin-bottom:18px!important}
body #app .cardhead p{font-size:10px!important;color:#97a298!important;margin-top:6px!important}
body #app .tag{border:0!important;background:#f3f6f2!important;border-radius:4px!important;color:#8c9d90!important;font-size:9px!important;font-weight:400!important}
body #app .primary{padding:11px 15px!important;font-size:10px!important;font-weight:500!important;background:#348e6f!important;border-radius:6px!important;box-shadow:0 3px 6px #1f5e3b0c!important;gap:8px!important;white-space:nowrap!important}
body #app .primary:hover{background:#24795d!important}
body #app .primary .ui-icon{width:15px!important;height:15px!important}
body #app .secondary{font-size:10px!important;padding:10px 13px!important;font-weight:500!important;background:#fff!important;border-color:#e5eee5!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
body #app .secondary:hover{background:#f5f9f4!important}
body #app .secondary .ui-icon{width:14px!important;height:14px!important}
body #app .overview-main{display:grid!important;grid-template-columns:1fr 2.3fr!important;gap:20px!important;margin-bottom:22px!important}
body #app .margin-card{text-align:center!important;padding:22px 24px 16px!important}
body #app .margin-card .cardhead{text-align:left!important;margin-bottom:0!important}
body #app .subtle-icon{color:#a0afa5!important;display:flex!important}
body #app .subtle-icon .ui-icon{width:17px!important;height:17px!important}
body #app .margin-gauge{width:205px!important;max-width:100%!important;height:182px!important;margin:-1px auto -10px!important}
body #app .gauge-value{font-family:Montserrat,sans-serif!important;font-size:29px!important;font-weight:500!important;fill:#2d4942!important;letter-spacing:-1px!important}
body #app .gauge-caption{font:9px Montserrat,sans-serif!important;fill:#9ca89f!important}
body #app .margin-card>p{font-size:9px!important;line-height:1.7!important;color:#9aa69d!important}
body #app .margin-bottom{display:flex!important;justify-content:space-between!important;gap:10px!important;padding-top:14px!important;margin-top:18px!important;border-top:1px solid #eff3ee!important;text-align:left!important;align-items:center!important}
body #app .margin-bottom span{font-size:9px!important;color:#8d9b90!important;max-width:80px!important}
body #app .margin-bottom strong{font-weight:500!important;font-size:15px!important;color:#4b8064!important}
body #app .financial-summary{display:flex!important;flex-direction:column!important;padding:25px 28px!important}
body #app .card-title-icon{display:flex!important;align-items:center!important;gap:13px!important}
body #app .summary-icon{width:39px!important;height:39px!important;background:#e7f2e9!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#579b6e!important}
body #app .summary-icon .ui-icon{width:20px!important;height:20px!important}
body #app .summary-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin:15px 0 26px!important}
body #app .summary-values div>span{display:block!important;color:#93a095!important;font-size:10px!important}
body #app .summary-values strong{display:block!important;font-size:19px!important;font-weight:500!important;letter-spacing:-.4px!important;color:#385447!important;margin-top:10px!important}
body #app .summary-values small{font-size:9px!important;color:#a9b2aa!important;margin-top:7px!important}
body #app .finance-meter{margin:auto 0 22px!important}
body #app .finance-meter>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-bottom:12px!important}
body #app .finance-meter>div:first-child span{font-size:10px!important;color:#93a095!important}
body #app .finance-meter b{font-size:9px!important;color:#6c8c76!important;font-weight:500!important}
body #app .meter-track{height:7px!important;background:#dcecdf!important;border-radius:8px!important;overflow:hidden!important}
body #app .meter-track>span{background:#3d9b77!important;display:block!important;height:100%!important;border-radius:8px!important}
body #app .meter-legend{display:flex!important;gap:18px!important;margin-top:10px!important;color:#9ea99f!important;font-size:8px!important}
body #app .meter-legend i,body #app .chart-key i{display:inline-block!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#3d9b77!important;margin-right:5px!important}
body #app .meter-legend span:last-child i{background:#c5dfcb!important}
body #app .summary-footer{border-top:1px solid #edf3ec!important;padding-top:17px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
body #app .summary-footer>span{font-size:8px!important;color:#a6afa5!important;display:flex!important;gap:5px!important;align-items:center!important}
body #app .summary-footer>span .ui-icon{width:12px!important;height:12px!important}
body #app .summary-footer .secondary{background:#f0f6ee!important;border:0!important;color:#568361!important;font-size:9px!important}
body #app .dashboard-grid,body #app .lower{grid-template-columns:1.7fr 1fr!important;gap:20px!important}
body #app .area-chart svg{display:block!important;width:100%!important;height:auto!important;max-height:265px!important;overflow:visible!important}
body #app .chart-key{font-size:9px!important;color:#7d9484!important;white-space:nowrap!important}
body #app .daily-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px 15px!important;padding:14px 0!important}
body #app .daily-grid div{display:flex!important;justify-content:space-between!important;font-size:9px!important;padding:6px 0!important}
body #app .daily-grid span{color:#a1aca2!important}
body #app .daily-grid b{font-weight:500!important}
body #app .chartnote{font-size:9px!important;color:#a2ada2!important}
body #app .chartnote summary{color:#89a08e!important;font-size:9px!important}
body #app .rank{font-family:Montserrat,sans-serif!important;border-radius:7px!important;background:#eef4ef!important;color:#8baa92!important;font-size:10px!important;font-weight:500!important;width:30px!important;height:33px!important}
body #app .row{padding:13px 0!important;border-color:#f0f3ed!important}
body #app .productmini strong{font-size:10px!important;font-weight:500!important;color:#5e7565!important}
body #app .productmini small{font-size:9px!important;color:#a0ad9e!important}
body #app .right strong{font-size:10px!important;font-weight:500!important;color:#4a6b54!important}
body #app .right small{font-size:8px!important}
body #app .text-link{color:#7ba184!important;font-size:9px!important;display:inline-flex!important;gap:6px!important;align-items:center!important}
body #app .text-link .ui-icon{width:13px!important;height:13px!important}
body #app table{font-size:11px!important}
body #app th{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:#98a395!important;background:#fafcf8!important;border-color:#edf2e9!important;padding:11px 10px!important}
body #app td{font-size:10px!important;padding:15px 10px!important;color:#79917d!important;border-color:#eff3ec!important}
body #app td>strong{color:#5b7562!important;font-weight:500!important}
body #app td small{font-size:8px!important;color:#a9b4a7!important}
body #app .status,body #app td .status{font-size:8px!important;background:#eaf4e7!important;color:#7da478!important;border-radius:3px!important;padding:4px 7px!important}
body #app .status.cancelled{background:#fbefec!important;color:#c58c7e!important}
body #app .inventory-overview .inventory-number{font-size:37px!important;font-weight:500!important;color:#5c8a66!important;margin:30px 0 15px!important;letter-spacing:-1px!important}
body #app .inventory-number span{display:block!important;font-size:10px!important;font-weight:400!important;color:#97a58f!important;letter-spacing:0!important;margin-top:6px!important}
body #app .inventory-overview>p{font-size:10px!important;color:#a1ae99!important;line-height:1.8!important;margin-bottom:24px!important}
body #app .inventory-overview .secondary{color:#7d9b76!important}
body #app footer{font-size:9px!important;padding:0 4px 24px!important;color:#9fab9f!important}
body #app footer span{color:#a8b3a4!important}
body #app .product-art{height:106px!important;background:#f0f5ee!important;color:#6f9d7a!important}
body #app .product-art .ui-icon{width:43px!important;height:43px!important;stroke-width:1.15!important}
body #app .product:nth-child(3n+2) .product-art{background:#f8f5eb!important;color:#baa377!important}
body #app .product:nth-child(3n) .product-art{background:#edf3f4!important;color:#8ba7ac!important}
body #app .product{border-radius:9px!important;border-color:#f1f4ec!important;box-shadow:none!important}
body #app .product:hover{box-shadow:0 5px 17px #315d3410!important}
body #app .product-body{padding:15px!important}
body #app .product-body strong{font-size:11px!important;font-weight:500!important}
body #app .product-body small{font-size:9px!important;color:#a1ae9c!important}
body #app .price{font-size:12px!important;font-weight:500!important;margin-top:16px!important;color:#5b7f60!important}
body #app .add{height:24px!important;width:24px!important;font-size:16px!important;border-radius:6px!important;background:#edf5e9!important;color:#78a16b!important}
body #app .filter{font-size:10px!important;padding:8px 13px!important;border-radius:6px!important;border-color:transparent!important;background:#fff!important;color:#91a08b!important}
body #app .filter.active{background:#3e6f58!important;border-color:transparent!important}
body #app .search input,body #app input,body #app select{font-size:11px!important;border-radius:7px!important;border-color:#e6eee1!important;padding:12px!important}
body #app .cart h2{font-size:14px!important}
body #app .cart-head small{font-size:9px!important;color:#a6b29f!important}
body #app .cartitemtop strong{font-size:10px!important;font-weight:500!important}
body #app .qty button{width:25px!important;height:25px!important;font-size:12px!important;color:#7e9d75!important;border-color:#e8efe1!important}
body #app .qty .remove{font-size:9px!important;color:#b89783!important}
body #app .cartitem{border-color:#edf2e8!important}
body #app .cart .total{font-size:22px!important;font-weight:500!important}
body #app .cart .total>span:first-child{font-size:13px!important}
body #app .empty{font-size:11px!important;color:#a3af9d!important}
body #app .muted-note{font-size:8px!important;color:#a7b29f!important}
body #app .pos-grid{grid-template-columns:minmax(0,1fr) 310px!important}
body #app .notice{background:#f9f6ed!important;color:#9b8d6c!important;border-radius:8px!important}
body #app .notice strong{font-size:10px!important;font-weight:500!important}
body #app .notice p{color:#a49a7c!important;font-size:9px!important}
body #app .sectionnote{font-size:10px!important}
body #app .legend-column{font-size:10px!important}
body #app .legend-column b{font-size:9px!important;font-weight:500!important;color:#8b9e87!important}
body #app .donut-hole strong{font-weight:500!important;font-size:18px!important}
body #app .donut-hole small{font-size:8px!important;color:#a7b39f!important}
body #app .period-row strong{font-size:12px!important;font-weight:500!important}
body #app .order-card .total{font-weight:500!important;font-size:20px!important}
body #app .order-card h2{font-size:20px!important;font-weight:500!important}
body #app .order-card .row{font-size:11px!important}
body #app .order-actions button{font-size:9px!important}
body #app .finance-grid{font-size:10px!important}
body #app .finance-grid b{font-weight:500!important}
body #app .text-button{font-size:9px!important;font-weight:400!important;color:#769d72!important}
body #app dialog h2{font-size:18px!important}
body #app dialog label{font-size:10px!important;color:#8c9d86!important}
body #app dialog p{font-size:11px!important}
body #app dialog{border:0!important;border-radius:15px!important;box-shadow:0 25px 100px #123d2e22!important}
body #app #toast{font-size:11px!important;border-radius:8px!important;background:#24483d!important}
body.sidebar-collapsed #app aside{width:75px!important;padding:27px 12px!important}
body.sidebar-collapsed #app .main-panel{margin-left:109px!important}
body.sidebar-collapsed #app .brand{padding:0 9px!important}
body.sidebar-collapsed #app .mark{margin:0!important}
body.sidebar-collapsed #app .brand-name,body.sidebar-collapsed #app .workspace,body.sidebar-collapsed #app .label,body.sidebar-collapsed #app .help,body.sidebar-collapsed #app .user>div{display:none!important}
body.sidebar-collapsed #app aside select{margin:31px 0 22px!important;font-size:9px!important;padding:8px 3px!important}
body.sidebar-collapsed #app nav .tab{padding:13px!important;justify-content:center!important}
body.sidebar-collapsed #app nav .tab>span:last-child{display:none!important}
body.sidebar-collapsed #app nav .tab.active:before{left:-12px!important}
body.sidebar-collapsed #app .user{justify-content:center!important}
body.sidebar-collapsed #app .rail-toggle .ui-icon{transform:none!important}
@media(min-width:1500px){body #app .content{padding-top:30px!important}
body #app .stat{min-height:170px!important;padding:24px!important}
body #app .stat strong{font-size:29px!important}
body #app .overview-main{grid-template-columns:1fr 2.5fr!important}
body #app .margin-gauge{width:230px!important;height:195px!important}
body #app .summary-values{margin:25px 0 32px!important}
body #app .summary-values strong{font-size:22px!important}
body #app .area-chart svg{max-height:300px!important}}
@media(max-width:1150px){body #app aside{width:184px!important;padding:26px 12px!important}
body #app .brand{font-size:23px!important;padding:0 7px!important}
body #app .brand>.brand-name{font-size:23px!important}
body #app .mark{margin-right:8px!important;width:26px!important}
body #app .workspace{margin-left:4px!important;margin-right:4px!important}
body #app .workspace strong{font-size:10px!important}
body #app .main-panel{margin-left:216px!important;padding-right:16px!important}
body #app .stat{padding:17px 15px!important}
body #app .stat strong{font-size:23px!important}
body #app .stat-top{gap:8px!important}
body #app .stat .caption{font-size:9px!important}
body #app .stat-icon{width:30px!important;height:30px!important}
body #app .stats{gap:13px!important}
body #app .overview-main{grid-template-columns:1fr 2fr!important;gap:16px!important}
body #app .financial-summary{padding:22px!important}
body #app .summary-values{gap:10px!important}
body #app .summary-values strong{font-size:17px!important}
body #app .summary-values div>span{font-size:9px!important}
body #app .summary-footer>span{max-width:150px!important;line-height:1.6!important}
body #app .breadcrumb{display:none!important}
body #app .global-search{max-width:260px!important}
body #app .dashboard-grid,body #app .lower{gap:16px!important}
body #app .card{padding:20px!important}
body #app .pos-grid{grid-template-columns:1fr 280px!important}}
@media(max-width:850px){body #app aside{inset:12px auto 12px 12px!important;width:70px!important;padding:23px 9px!important;border-radius:16px!important}
body #app .brand{padding:0 10px!important}
body #app .brand-name,body #app .workspace,body #app .label,body #app .help,body #app .user>div{display:none!important}
body #app .brand>.brand-name{display:none!important}
body #app .mark{margin-right:0!important;width:29px!important}
body #app .brand>span:last-child{font-size:0!important}
body #app .brand>.mark{font-size:initial!important}
body #app .rail-toggle{display:none!important}
body #app aside select{margin:31px 0 22px!important;padding:8px 3px!important;font-size:9px!important}
body #app nav .tab{padding:13px!important;justify-content:center!important}
body #app nav .tab>span:last-child{display:none!important}
body #app nav .tab.active:before{left:-9px!important}
body #app .user{justify-content:center!important}
body #app .main-panel,body.sidebar-collapsed #app .main-panel{margin-left:97px!important;padding-right:13px!important}
body #app .topbar{margin-top:12px!important;padding:0 17px!important;height:62px!important}
body #app .content{padding:22px 0!important}
body #app .stats{grid-template-columns:1fr 1fr!important;gap:14px!important}
body #app .stat{padding:19px 20px!important;min-height:145px!important}
body #app .stat strong{font-size:26px!important}
body #app .stat .caption{font-size:10px!important}
body #app .stat-top{gap:12px!important}
body #app .stat-bottom{margin-top:auto!important}
body #app .demo-ribbon{padding-top:12px!important;flex-direction:row!important}
body #app .demo-ribbon>span:last-child{display:none!important}
body #app .overview-main{grid-template-columns:1fr 1.8fr!important;gap:14px!important}
body #app .margin-card{padding:20px 16px 16px!important}
body #app .margin-gauge{height:160px!important;width:185px!important}
body #app .margin-bottom{display:block!important}
body #app .margin-bottom strong{display:block!important;margin-top:7px!important}
body #app .financial-summary{padding:20px!important}
body #app .summary-values{grid-template-columns:1fr 1fr!important;gap:20px!important;margin-top:10px!important;margin-bottom:25px!important}
body #app .summary-values>div:last-child{display:none!important}
body #app .summary-values strong{font-size:18px!important}
body #app .summary-footer>span{display:none!important}
body #app .summary-footer{justify-content:flex-end!important}
body #app .finance-meter>div:first-child{display:block!important}
body #app .finance-meter b{display:block!important;margin-top:7px!important}
body #app .dashboard-grid,body #app .lower{grid-template-columns:1fr!important}
body #app .heading-actions .month-input{width:145px!important}
body #app .heading{gap:16px!important;align-items:flex-start!important}
body #app .heading-actions{flex-direction:column!important;align-items:stretch!important}
body #app .heading h1{font-size:24px!important}
body #app .heading p{font-size:10px!important;max-width:220px!important}
body #app .pos-grid{grid-template-columns:1fr 270px!important}
body #app .card{padding:22px!important}
body #app .products{grid-template-columns:1fr 1fr!important}
body #app .global-search{max-width:220px!important}
body #app .global-search kbd{display:none!important}}
@media(max-width:650px){body #app aside,body.sidebar-collapsed #app aside{width:61px!important;inset:8px auto 8px 8px!important;padding:23px 6px!important;border-radius:14px!important}
body #app .main-panel,body.sidebar-collapsed #app .main-panel{margin-left:82px!important;padding-right:11px!important}
body #app .brand,body.sidebar-collapsed #app .brand{padding:0 9px!important}
body #app .mark svg{width:27px!important;height:26px!important}
body #app .mark{width:27px!important}
body.sidebar-collapsed #app nav .tab,body #app nav .tab{padding:13px 10px!important}
body.sidebar-collapsed #app nav .tab.active:before,body #app nav .tab.active:before{left:-6px!important}
body.sidebar-collapsed #app aside select,body #app aside select{font-size:8px!important;padding:8px 1px!important;margin-top:26px!important}
body #app .aside-bottom{padding:0!important}
body #app .user .avatar{width:29px!important;height:29px!important}
body #app .topbar{padding:0 12px!important;margin-top:8px!important;height:58px!important;gap:10px!important;border-radius:10px!important}
body #app .global-search{max-width:135px!important;gap:7px!important}
body #app .global-search .ui-icon{width:15px!important;height:15px!important}
body #app .global-search input{font-size:10px!important}
body #app .role-select{font-size:7px!important;display:block!important}
body #app .role-select select{font-size:9px!important;width:102px!important;padding:5px!important;margin-top:3px!important}
body #app .header-right{gap:5px!important}
body #app .heading{flex-direction:column!important;gap:16px!important;margin-bottom:20px!important}
body #app .heading-actions{flex-direction:row!important;width:100%!important;justify-content:space-between!important}
body #app .heading-actions .month-input{padding:9px 10px!important;width:145px!important}
body #app .heading-actions .primary{padding:9px 12px!important;font-size:9px!important}
body #app h1{font-size:23px!important}
body #app .stats{gap:10px!important;margin-bottom:15px!important}
body #app .stat{padding:15px 13px!important;min-height:139px!important}
body #app .stat strong{font-size:21px!important;letter-spacing:-.6px!important;margin-bottom:13px!important}
body #app .stat strong em{font-size:8px!important;margin-left:5px!important}
body #app .stat-top{gap:7px!important;margin-bottom:16px!important}
body #app .stat-icon{width:26px!important;height:26px!important;border-radius:6px!important}
body #app .stat-icon .ui-icon{width:15px!important;height:15px!important}
body #app .stat .caption{font-size:8px!important}
body #app .stat small{font-size:7px!important}
body #app .stat-bottom{gap:5px!important;flex-wrap:wrap!important}
body #app .stat-bottom b{font-size:9px!important}
body #app .delta{font-size:7px!important}
body #app .overview-main{grid-template-columns:1fr!important;gap:15px!important;margin-bottom:15px!important}
body #app .margin-card{padding:20px!important}
body #app .margin-gauge{width:210px!important;height:172px!important;margin-top:-8px!important}
body #app .margin-card>p{margin-top:-6px!important}
body #app .margin-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:15px!important}
body #app .margin-bottom strong{margin-top:0!important}
body #app .margin-bottom span{max-width:150px!important}
body #app .financial-summary{padding:20px!important}
body #app .summary-values{grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;margin-bottom:23px!important}
body #app .summary-values>div:last-child{display:block!important}
body #app .summary-values strong{font-size:14px!important;letter-spacing:-.4px!important}
body #app .summary-values div>span{font-size:8px!important}
body #app .summary-values small{font-size:7px!important;line-height:1.5!important}
body #app .summary-icon{width:31px!important;height:31px!important}
body #app .summary-icon .ui-icon{width:17px!important;height:17px!important}
body #app .card-title-icon{gap:10px!important}
body #app .cardhead h2{font-size:13px!important}
body #app .cardhead p{font-size:9px!important}
body #app .finance-meter>div:first-child{display:flex!important;gap:15px!important}
body #app .finance-meter b{font-size:8px!important;margin:0!important}
body #app .finance-meter>div:first-child span{font-size:9px!important}
body #app .card{padding:19px!important}
body #app .dashboard-grid,body #app .lower{gap:15px!important}
body #app .lower{margin-top:15px!important}
body #app .pos-grid{grid-template-columns:1fr!important}
body #app .product-art{height:88px!important}
body #app .product-art .ui-icon{width:36px!important;height:36px!important}
body #app .period-row{margin-bottom:16px!important}
body #app .cardhead{gap:10px!important}
body #app .area-chart svg{min-height:160px!important}
body #app .area-chart{margin:0 -12px!important}
body #app .cardhead .chart-key{font-size:8px!important}
body #app .daily-grid{grid-template-columns:1fr 1fr!important}
body #app .legend-column span{font-size:9px!important}
body #app .legend-column b{font-size:8px!important}
body #app .inventory-number span{font-size:9px!important}
body #app .inventory-overview .inventory-number{margin:22px 0 14px!important}
body #app .status,body #app td .status{font-size:7px!important;padding:4px 6px!important}
body #app th{font-size:7px!important;padding:10px 6px!important}
body #app td{font-size:9px!important;padding:13px 6px!important}
body #app footer{font-size:8px!important;line-height:1.7!important;padding-bottom:15px!important}}
body #app nav .tab>span:last-child{font-size:12px!important}
body #app .workspace strong{font-size:12px!important}
body #app .workspace small{font-size:10px!important;color:#a2b7b2!important}
body #app .label{font-size:9px!important}
body #app .help strong{font-size:10px!important}
body #app .help p{font-size:10px!important;color:#8ba6a0!important}
body #app .user strong{font-size:11px!important}
body #app .user small{font-size:9px!important}
body #app .heading p{font-size:12px!important;color:#708274!important}
body #app .stat .caption,body #app .stat:first-child .caption{font-size:11px!important;color:#6e8072!important}
body #app .stat small,body #app .stat:first-child small{font-size:10px!important;color:#738575!important}
body #app .stat-bottom b{font-size:11px!important}
body #app .delta{font-size:9px!important}
body #app .cardhead p{font-size:11px!important;color:#7d8d7e!important}
body #app .summary-values div>span{font-size:11px!important;color:#718573!important}
body #app .summary-values small{font-size:10px!important;color:#7e8e7e!important}
body #app .finance-meter>div:first-child span{font-size:11px!important;color:#718573!important}
body #app .finance-meter b{font-size:10px!important;color:#65846c!important}
body #app .meter-legend{font-size:10px!important;color:#788c7a!important}
body #app .summary-footer>span{font-size:10px!important;color:#7e907f!important}
body #app .margin-card>p{font-size:11px!important;color:#7b8e7c!important}
body #app .margin-bottom span{font-size:10px!important;color:#758b76!important;max-width:100px!important}
body #app .productmini strong{font-size:12px!important;color:#4c6754!important}
body #app .productmini small{font-size:10px!important;color:#7c927c!important}
body #app .right strong{font-size:11px!important}
body #app .rank{font-size:11px!important}
body #app th{font-size:10px!important;color:#7a8b76!important}
body #app td{font-size:11px!important;color:#66816b!important}
body #app td small{font-size:10px!important;color:#869982!important}
body #app .status,body #app td .status{font-size:9px!important}
body #app .primary,body #app .secondary{font-size:11px!important}
body #app .product-body strong{font-size:12px!important}
body #app .product-body small{font-size:10px!important;color:#81947c!important}
body #app .filter{font-size:11px!important}
body #app .price{font-size:14px!important}
body #app .cart-head small{font-size:10px!important}
body #app .cartitemtop strong{font-size:11px!important}
body #app .muted-note{font-size:10px!important}
body #app .sectionnote{font-size:11px!important;color:#738573!important}
body #app .chartnote summary{font-size:10px!important}
body #app .legend-column span{font-size:11px!important}
body #app .legend-column b{font-size:10px!important}
body #app .inventory-overview>p{font-size:11px!important;color:#7c9179!important}
body #app .text-link{font-size:10px!important}
body #app .text-button{font-size:10px!important}
body #app .notice strong{font-size:11px!important}
body #app .notice p{font-size:10px!important}
body #app .inventory-number span{font-size:11px!important;color:#7a9276!important}
body #app .chart-key{font-size:10px!important}
body #app .daily-grid div{font-size:10px!important}
body #app .daily-grid span{color:#7c917c!important}
@media(max-width:1150px){body #app .stat .caption,body #app .stat:first-child .caption{font-size:10px!important}
body #app .summary-values div>span{font-size:10px!important}
body #app .summary-values small{font-size:9px!important}
body #app .stat-bottom small{font-size:9px!important}
body #app .delta{font-size:8px!important}}
@media(max-width:850px){body #app nav .tab>span:last-child{display:none!important}
body #app .heading p{font-size:11px!important}
body #app .stat .caption{font-size:11px!important}
body #app .cardhead p{font-size:10px!important}
body #app .stat-bottom small{font-size:9px!important}}
@media(max-width:650px){body #app .stat .caption,body #app .stat:first-child .caption{font-size:9px!important}
body #app .stat small,body #app .stat:first-child small{font-size:9px!important}
body #app .stat-bottom b{font-size:10px!important}
body #app .delta{font-size:8px!important}
body #app .summary-values div>span{font-size:9px!important}
body #app .summary-values small{font-size:9px!important}
body #app .summary-values strong{font-size:15px!important}
body #app .finance-meter>div:first-child span{font-size:10px!important}
body #app .finance-meter b{font-size:9px!important}
body #app .summary-icon{width:30px!important}
body #app .legend-column span{font-size:10px!important}
body #app .legend-column b{font-size:9px!important}
body #app .product-body strong{font-size:11px!important}
body #app .product-body small{font-size:9px!important}
body #app td{font-size:10px!important}
body #app td small{font-size:9px!important}
body #app th{font-size:9px!important}
body #app .primary,body #app .secondary{font-size:10px!important}
body #app .heading-actions .primary{font-size:10px!important}
body #app .cardhead h2{font-size:14px!important}
body #app .chart-key{font-size:9px!important}}
body[data-module="cafe"]{--primary:#946000!important;--mint:#f7ecd5!important;--bg:#f1efe9!important;--module-accent:#d99000!important;--module-strong:#946000!important;--module-soft:#f7ecd5!important;--module-faint:#fbf7ed!important;--module-text:#876b3d!important;--module-secondary:#123b46!important;--module-nav:#443b2b!important;--module-nav-text:#f0c779!important;--module-light:#e9d3a7!important}
body[data-module="tienda"]{--primary:#6250b5!important;--mint:#ede8f8!important;--bg:#efedf5!important;--module-accent:#6250b5!important;--module-strong:#6250b5!important;--module-soft:#ede8f8!important;--module-faint:#f6f3fb!important;--module-text:#7a6b9a!important;--module-secondary:#123b46!important;--module-nav:#30344b!important;--module-nav-text:#c8b8f0!important;--module-light:#d7cdf0!important}
body[data-module="restaurante"]{--primary:#21634b!important;--mint:#e2efe5!important;--bg:#eaf1ed!important;--module-accent:#21634b!important;--module-strong:#21634b!important;--module-soft:#e2efe5!important;--module-faint:#f0f6ef!important;--module-text:#63866d!important;--module-secondary:#b58b4a!important;--module-nav:#1d4840!important;--module-nav-text:#a2d6b7!important;--module-light:#c6dfcd!important}
body{--ink:#213c40!important;--muted:#758087!important}
body #app .topbar,body #app .card,body #app .stat,body #app .primary,body #app .secondary,body #app nav .tab,body #app .product-art{transition:background-color .18s,color .18s,border-color .18s!important}
body #app nav .tab.active,body #app nav .tab:hover{background:var(--module-nav)!important;color:var(--module-nav-text)!important}
body #app nav .tab.active:before{background:var(--module-accent)!important}
body #app .rail-toggle{background:var(--module-strong)!important}
body #app .primary{background:var(--module-strong)!important}
body #app .primary:hover{background:var(--module-strong)!important;filter:brightness(.92)!important}
body #app .secondary:hover{background:var(--module-faint)!important}
body #app .text-button,body #app .text-link{color:var(--module-strong)!important}
body #app .filter.active{background:var(--module-strong)!important}
body #app .stat-icon,body #app .stat-icon.blue,body #app .stat-icon.amber,body #app .stat-icon.violet{background:var(--module-soft)!important;color:var(--module-strong)!important}
body #app .stat-icon.blue{background:#edf2f4!important;color:#708b96!important}
body #app .stat-icon.violet{background:var(--module-faint)!important;color:var(--module-text)!important}
body #app .summary-icon{background:var(--module-soft)!important;color:var(--module-strong)!important}
body #app .margin-bottom strong{color:var(--module-strong)!important}
body #app .meter-track{background:var(--module-light)!important}
body #app .meter-track>span,body #app .meter-legend i,body #app .chart-key i{background:var(--module-accent)!important}
body #app .meter-legend span:last-child i{background:var(--module-light)!important}
body #app .summary-footer .secondary{background:var(--module-soft)!important;color:var(--module-strong)!important}
body #app .chart-key,body #app .chartnote summary{color:var(--module-text)!important}
body #app .rank{background:var(--module-faint)!important;color:var(--module-text)!important}
body #app .product-art,body #app .product:nth-child(3n+2) .product-art,body #app .product:nth-child(3n) .product-art{background:var(--module-faint)!important;color:var(--module-text)!important}
body #app .product .price{color:var(--module-strong)!important}
body #app .add{background:var(--module-soft)!important;color:var(--module-strong)!important}
body #app .inventory-overview .inventory-number,body #app .inventory-overview .secondary{color:var(--module-strong)!important}
body #app .inventory-number span,body #app .inventory-overview>p,body #app .productmini strong,body #app .right strong,body #app .productmini small{color:#72817c!important}
body #app .demo-ribbon>span:first-child{color:var(--module-text)!important}
body #app .positive{color:var(--module-strong)!important}
body #app .demo{color:#0f766e!important;background:#e8f3ed!important}
body #app .theme-swatch{display:inline-block!important;width:9px!important;height:9px!important;border-radius:3px!important;margin-right:8px!important;vertical-align:middle!important}
body #app .donut .legend i{background:var(--module-accent)!important}
body #app .legend>span:first-child>i{background:var(--module-accent)!important}
body #app input:focus-visible,body #app select:focus-visible,body #app button:focus-visible,body #app a:focus-visible{outline-color:var(--module-accent)!important}
body #app .church-brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:3px 8px 22px!important;flex-shrink:0!important;text-decoration:none!important}
body #app .church-logo-frame{width:82px!important;height:69px!important;border-radius:10px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:8px!important;margin-bottom:12px!important}
body #app .church-logo-frame img{width:100%!important;height:100%!important;object-fit:contain!important}
body #app .church-logo-frame>span{font-size:25px!important;font-weight:600!important;letter-spacing:-1px!important;color:#123b46!important}
body #app .church-brand-name{font-size:15px!important;line-height:1.4!important;font-weight:600!important;color:#fff!important;max-width:170px!important;overflow-wrap:anywhere!important;letter-spacing:-.3px!important}
body #app .church-brand>small{font-size:9px!important;color:#a0b5b0!important;margin-top:6px!important}
body #app .platform-signature{display:flex!important;align-items:center!important;gap:10px!important;flex-direction:column!important;margin:15px 0 12px!important;text-decoration:none!important}
body #app .platform-signature>span:first-child{font-size:8px!important;letter-spacing:.3px!important;color:#85a39c!important}
body #app .platform-logo-plate{display:block!important;width:74px!important;height:59px!important;padding:6px 7px!important;border-radius:6px!important;background:#fff!important}
body #app .platform-logo-plate img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important}
body #app .aside-bottom{margin-top:13px!important;flex-shrink:0!important}
body #app aside nav{display:flex!important;flex-direction:column!important;align-content:start!important;flex:1!important;min-height:150px!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#244c4e transparent!important}
body #app aside nav .tab{flex-shrink:0!important}
body #app .help{padding:12px 1px!important}
body #app .user{margin-top:7px!important}
body #app .label{flex-shrink:0!important}
body #app aside select{flex-shrink:0!important;margin-bottom:20px!important}
body #app .church-logo-settings{display:flex!important;align-items:center!important;gap:20px!important;padding:22px 0!important;border-bottom:1px solid var(--line)!important;margin-bottom:8px!important}
body #app .church-logo-preview{width:110px!important;height:96px!important;background:#f7f9f7!important;border:1px solid #e7ece5!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:12px!important}
body #app .church-logo-preview img{width:100%!important;height:100%!important;object-fit:contain!important}
body #app .church-logo-preview>span{font-size:31px!important;color:#123b46!important;font-weight:500!important;letter-spacing:-1px!important}
body #app .church-logo-settings strong{font-size:11px!important;font-weight:600!important}
body #app .church-logo-settings p{font-size:10px!important;color:#7f8e80!important;line-height:1.7!important;margin:7px 0 10px!important}
body #app #view-settings .upload-logo-control{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;color:var(--module-strong)!important;background:var(--module-soft)!important;border-radius:6px!important;padding:9px 12px!important;cursor:pointer!important;margin:0!important}
body #app #view-settings .upload-logo-control .ui-icon{width:14px!important;height:14px!important}
body #app .logo-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
body #app .church-logo-settings>div:last-child{position:relative!important}
body #app .upload-logo-control:has(+.logo-file-input:focus-visible){outline:3px solid var(--module-accent)!important;outline-offset:2px!important}
body.sidebar-collapsed #app .church-brand{padding:0 0 14px!important}
body.sidebar-collapsed #app .church-logo-frame{width:43px!important;height:43px!important;padding:6px!important;border-radius:8px!important;margin-bottom:0!important}
body.sidebar-collapsed #app .church-logo-frame>span{font-size:17px!important}
body.sidebar-collapsed #app .church-brand-name,body.sidebar-collapsed #app .church-brand>small{display:none!important}
body.sidebar-collapsed #app aside select{margin:17px 0 22px!important}
body.sidebar-collapsed #app .platform-signature{gap:0!important;margin:12px 0!important}
body.sidebar-collapsed #app .platform-signature>span:first-child{display:none!important}
body.sidebar-collapsed #app .platform-logo-plate{width:42px!important;height:34px!important;padding:4px!important;border-radius:5px!important}
body.sidebar-collapsed #app .aside-bottom{padding:0!important}
body #app .rail-toggle{top:40px!important}
@media(max-height:850px){body #app .church-brand{padding-bottom:17px!important}
body #app .church-logo-frame{width:70px!important;height:58px!important;margin-bottom:10px!important}
body #app .platform-signature{margin:10px 0!important}
body #app .platform-logo-plate{height:48px!important;width:62px!important}
body #app .help{display:none!important}
body #app .church-brand-name{font-size:14px!important}
body #app aside select{margin-bottom:16px!important}}
@media(max-width:850px){body #app .church-brand{padding:0 0 14px!important}
body #app .church-logo-frame{width:43px!important;height:43px!important;padding:6px!important;border-radius:8px!important;margin-bottom:0!important}
body #app .church-logo-frame>span{font-size:17px!important}
body #app .church-brand-name,body #app .church-brand>small{display:none!important}
body #app .platform-signature{gap:0!important;margin:12px 0!important}
body #app .platform-signature>span:first-child{display:none!important}
body #app .platform-logo-plate{width:42px!important;height:34px!important;padding:4px!important;border-radius:5px!important}
body #app aside select{margin:16px 0 22px!important}
body #app .aside-bottom{padding:0!important}}
@media(max-width:650px){body #app .church-logo-frame,body.sidebar-collapsed #app .church-logo-frame{width:39px!important;height:39px!important;padding:5px!important}
body #app .church-logo-frame>span{font-size:16px!important}
body #app .platform-logo-plate,body.sidebar-collapsed #app .platform-logo-plate{width:38px!important;height:31px!important;padding:4px!important}
body #app .church-logo-settings{gap:12px!important;align-items:flex-start!important}
body #app .church-logo-preview{width:78px!important;height:78px!important;padding:8px!important}
body #app .church-logo-settings p{font-size:9px!important}
body #app .church-logo-settings strong{font-size:10px!important}
body #app .church-logo-settings>div:last-child{min-width:0!important}
body #app .church-logo-settings #removeChurchLogo{display:block!important;padding-left:0!important;margin-top:6px!important}}
@media(prefers-reduced-motion:reduce){body #app *{transition:none!important}}
body[data-module="cafe"]{--nav:#302B27!important;--bg:#F3F0E9!important;--sidebar-control:#3C3530!important;--sidebar-border:#554B40!important;--sidebar-muted:#C0B5A6!important;--sidebar-faint:#A99D8E!important;--sidebar-bright:#F7F2E9!important;--module-nav:#51412D!important;--module-nav-text:#EDC277!important;--sidebar-avatar:#514536!important}
body[data-module="tienda"]{--nav:#28243D!important;--bg:#F2F0F7!important;--sidebar-control:#353049!important;--sidebar-border:#4E4667!important;--sidebar-muted:#C3BCD7!important;--sidebar-faint:#A99FBF!important;--sidebar-bright:#F5F2FC!important;--module-nav:#423557!important;--module-nav-text:#D3C0FA!important;--sidebar-avatar:#49405E!important}
body[data-module="restaurante"]{--nav:#193B30!important;--bg:#EDF3EE!important;--sidebar-control:#25483C!important;--sidebar-border:#3B5B4D!important;--sidebar-muted:#B5CABC!important;--sidebar-faint:#98B2A0!important;--sidebar-bright:#F0F7F1!important;--module-nav:#2D5140!important;--module-nav-text:#B9DCBC!important;--sidebar-avatar:#365B45!important}
body{background:var(--bg)!important}
body #app aside{background:var(--nav)!important;color:var(--sidebar-muted)!important;transition:background-color .18s!important}
body #app aside select{background:var(--sidebar-control)!important;border-color:var(--sidebar-border)!important;color:var(--sidebar-bright)!important}
body #app nav .tab{color:var(--sidebar-muted)!important}
body #app nav .tab:hover,body #app nav .tab.active{background:var(--module-nav)!important;color:var(--module-nav-text)!important}
body #app .church-brand-name{color:var(--sidebar-bright)!important}
body #app .church-brand>small{color:var(--sidebar-muted)!important}
body #app .church-logo-frame>span{color:var(--nav)!important}
body #app .label{color:var(--sidebar-faint)!important}
body #app .platform-signature>span:first-child{color:var(--sidebar-faint)!important}
body #app .help{border-color:var(--sidebar-border)!important}
body #app .help strong,body #app .help p{color:var(--sidebar-muted)!important}
body #app aside .user .avatar{background:var(--sidebar-avatar)!important;color:var(--module-nav-text)!important}
body #app aside .user strong{color:var(--sidebar-bright)!important}
body #app aside .user small{color:var(--sidebar-faint)!important}
body #app aside nav{scrollbar-color:var(--sidebar-border) transparent!important}
body #app .rail-toggle{border-color:var(--bg)!important}
body #app .card,body #app .stat,body #app .stat:first-child{background:#fff!important}
body #app .platform-logo-plate{background:#fff!important}
body #app .platform-logo-plate img{filter:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){body #app aside{transition:none!important}}
html,body,body #app button,body #app input,body #app select,body #app textarea,body #app table,body #app th,body #app td,body #app dialog,body #app kbd,body #app svg text,body #app svg tspan{font-family:Montserrat,system-ui,sans-serif!important}
body #app .period-filter{display:flex!important;align-items:flex-end!important;gap:12px!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:18px 20px!important;margin:0 0 10px!important}
body #app .period-filter>label{display:flex!important;flex-direction:column!important;gap:7px!important;font-size:10px!important;color:#748279!important;min-width:130px!important;flex:0 1 160px!important}
body #app .period-filter select,body #app .period-filter input{width:100%!important;background:#fafbf9!important;font-size:11px!important;height:40px!important;padding:9px 11px!important}
body #app .period-filter .primary,body #app .period-filter .secondary{min-height:40px!important}
body #app .period-filter .primary{margin-left:auto!important}
body #app .period-filter>p{width:100%!important;margin:0!important;font-size:11px!important}
body #app .period-filter>p:empty{display:none!important}
body #app .active-period{font-size:10px!important;color:#809087!important;margin:0 0 22px!important}
body #app .active-period strong{color:var(--module-text)!important;font-weight:500!important}
body #app .period-filter input[type="date"]{min-width:140px!important}
@media(max-width:850px){body #app .period-filter{padding:16px!important;gap:12px!important}
body #app .period-filter>label{flex:1 1 140px!important}
body #app .period-filter .primary{margin-left:0!important}}
@media(max-width:650px){body #app .period-filter{padding:14px!important;gap:10px!important}
body #app .period-filter>label{flex:1 1 120px!important;font-size:9px!important;min-width:0!important}
body #app .period-filter input,body #app .period-filter select{font-size:10px!important;padding:9px 8px!important}
body #app .period-filter .primary,body #app .period-filter .secondary{flex:1!important;font-size:10px!important}
body #app .active-period{font-size:10px!important;margin-bottom:18px!important}}
body #app .mobile-menu-button,body #app .mobile-menu-close,body #app .menu-backdrop{display:none!important}
@media(max-width:900px){body #app .main-panel,body.sidebar-collapsed #app .main-panel{margin-left:0!important;padding-left:14px!important;padding-right:14px!important;min-width:0!important}
body #app .topbar{position:sticky!important;top:10px!important;z-index:50!important;gap:14px!important;padding:0 14px!important}
body #app .mobile-menu-button{display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;width:40px!important;height:40px!important;background:var(--module-strong)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:0!important}
body #app .mobile-menu-button .ui-icon{width:20px!important;height:20px!important}
body #app aside,body.sidebar-collapsed #app aside{inset:12px auto 12px 12px!important;width:min(320px,calc(100vw - 36px))!important;padding:25px 22px 18px!important;border-radius:18px!important;z-index:1001!important;transform:translateX(calc(-100% - 24px))!important;visibility:hidden!important;pointer-events:none!important;transition:transform .25s ease,visibility .25s!important;box-shadow:none!important;max-height:calc(100dvh - 24px)!important;overscroll-behavior:contain!important}
body.sidebar-open #app aside{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;box-shadow:12px 0 45px #152a282b!important}
body.sidebar-open{overflow:hidden!important}
body #app .menu-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:1000!important;background:#11292470!important;backdrop-filter:blur(2px)!important;border:0!important;border-radius:0!important;cursor:pointer!important;padding:0!important;touch-action:none!important}
body #app aside .mobile-menu-close{position:absolute!important;right:17px!important;top:17px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--sidebar-control)!important;color:var(--sidebar-muted)!important;border:1px solid var(--sidebar-border)!important;border-radius:8px!important;width:34px!important;height:34px!important;z-index:2!important}
body #app aside .mobile-menu-close .ui-icon{width:17px!important;height:17px!important}
body #app aside .rail-toggle{display:none!important}
body #app aside .church-brand{padding:0 28px 23px!important;align-items:center!important}
body #app aside .church-logo-frame{width:77px!important;height:65px!important;padding:8px!important;margin-bottom:13px!important;border-radius:10px!important}
body #app aside .church-logo-frame>span{font-size:25px!important}
body #app aside .church-brand-name{display:block!important;font-size:16px!important;max-width:230px!important;line-height:1.4!important}
body #app aside .church-brand>small{display:block!important;font-size:10px!important;margin-top:7px!important;color:var(--sidebar-muted)!important}
body #app aside .label{display:block!important;font-size:9px!important;margin:0 3px!important}
body #app aside select{margin:10px 0 22px!important;width:100%!important;font-size:12px!important;padding:12px!important;height:43px!important}
body #app aside nav{gap:5px!important;min-height:145px!important;flex:1!important;overflow-y:auto!important}
body #app aside nav .tab{padding:13px 15px!important;gap:14px!important;justify-content:flex-start!important;border-radius:9px!important;min-height:45px!important}
body #app aside nav .tab>span:last-child{display:inline!important;font-size:12px!important;font-weight:500!important}
body #app aside nav .tab .nav-symbol{display:flex!important}
body #app aside .nav-symbol .ui-icon{width:20px!important;height:20px!important}
body #app aside nav .tab.active:before{left:-22px!important;top:10px!important;bottom:10px!important}
body #app aside .aside-bottom{padding:0 3px!important;margin-top:12px!important}
body #app aside .platform-signature{flex-direction:row!important;justify-content:space-between!important;gap:10px!important;margin:9px 0 12px!important}
body #app aside .platform-signature>span:first-child{display:inline!important;font-size:9px!important}
body #app aside .platform-logo-plate{width:62px!important;height:49px!important;padding:5px!important}
body #app aside .user{justify-content:flex-start!important;gap:10px!important;padding-top:13px!important;border-top:1px solid var(--sidebar-border)!important;margin:0!important}
body #app aside .user>div{display:block!important}
body #app aside .user strong{font-size:11px!important}
body #app aside .user small{font-size:10px!important}
body #app aside .user .avatar{width:34px!important;height:34px!important;font-size:11px!important}
body #app aside .help{display:none!important}
body #app .global-search{flex:1!important;min-width:0!important;max-width:none!important}
body #app .global-search input{min-width:0!important}
body #app .demo-ribbon{padding-left:0!important;padding-right:0!important}}
@media(max-width:650px){body #app .main-panel,body.sidebar-collapsed #app .main-panel{padding-left:12px!important;padding-right:12px!important}
body #app .topbar{top:8px!important;padding:0 10px!important;gap:10px!important;height:62px!important}
body #app .mobile-menu-button{width:36px!important;height:36px!important;border-radius:7px!important}
body #app .global-search{gap:7px!important;min-width:0!important;max-width:none!important}
body #app .global-search input{font-size:11px!important}
body #app .global-search>.ui-icon{display:none!important}
body #app .role-select{font-size:8px!important}
body #app .role-select select{width:108px!important;padding:6px!important;font-size:10px!important}
body #app .content{padding-top:21px!important}
body #app aside,body.sidebar-collapsed #app aside{inset:8px auto 8px 8px!important;max-height:calc(100dvh - 16px)!important;border-radius:15px!important}}
@media(max-width:900px) and (max-height:720px){body #app aside .church-brand{padding-bottom:15px!important}
body #app aside .church-logo-frame{width:58px!important;height:48px!important;margin-bottom:9px!important}
body #app aside .church-brand-name{font-size:14px!important}
body #app aside .church-brand>small{font-size:9px!important;margin-top:4px!important}
body #app aside select{margin-bottom:13px!important;height:38px!important;padding:9px!important}
body #app aside nav .tab{min-height:40px!important;padding:10px 14px!important}
body #app aside .platform-logo-plate{width:48px!important;height:38px!important}
body #app aside .platform-signature{margin:5px 0 9px!important}
body #app aside .aside-bottom{margin-top:8px!important}
body #app aside .user{padding-top:9px!important}}
@media(prefers-reduced-motion:reduce){body #app aside,body.sidebar-collapsed #app aside{transition:none!important}}
body #app .owner-entry-link{color:#0f766e!important;font-weight:500!important;text-decoration:underline!important;text-underline-offset:3px!important}
body #app .tenant-gate-card{max-width:720px!important;margin:25px auto!important;padding:36px!important;line-height:1.8!important}
body #app .tenant-gate-card h1{margin:14px 0!important}
body #app .tenant-gate-card>.primary{margin-top:24px!important}
body #app .tenant-gate-card>.sectionnote{margin-top:20px!important}