html[data-application=backoffice]{--blue:#218fee;--blue-dark:#1365b7;--ink:#18324f;--muted:#72859b;--line:#dce7f1;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px}
html[data-application=backoffice] body{background:#edf4fc;background-image:radial-gradient(ellipse at 85% -8%,#a5d3ff60 0,transparent 48%),radial-gradient(ellipse at 8% 90%,#c9d7fa70 0,transparent 38%),linear-gradient(120deg,#f4f8fd,#eaf2fc 58%,#f5f9ff);min-height:100dvh}
html[data-application=backoffice] body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2359799c' opacity='.1' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");opacity:.22;z-index:-1}
.bo-layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100dvh}.bo-sidebar{position:fixed;left:14px;top:14px;bottom:14px;width:228px;z-index:20;display:flex;flex-direction:column;padding:25px 15px 13px;background:linear-gradient(155deg,#ffffffd9,#f5f9ffb3);border:1px solid #ffffffed;box-shadow:0 16px 50px #264d7d0c,inset 0 1px #fff;border-radius:22px;backdrop-filter:blur(22px)}
.bo-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:17px;font-weight:750;letter-spacing:-.5px;padding:0 7px}.bo-brand small{display:block;color:#8193ab;font-size:9px;letter-spacing:2.5px;font-weight:650;margin-top:5px}.bo-logo{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(145deg,#64b6ff,#1b83e6);color:white;border:1px solid #6ebfff;box-shadow:0 6px 14px #218fee26,inset 0 1px 1px #ffffff90;border-radius:13px;font-size:34px;line-height:1;font-weight:750;position:relative;letter-spacing:-2px}.bo-logo>span{position:absolute;font-size:24px;right:4px;bottom:1px;color:#cdf0ff}.bo-logo img{height:100%;width:100%;object-fit:contain;padding:3px;border-radius:inherit}
.bo-workspace-badge{display:flex;align-items:center;gap:9px;margin:29px 1px 7px;padding:12px 9px;border:1px solid #dbe8f4;background:#edf5fd86;border-radius:11px;font-size:11px;font-weight:650}.bo-workspace-badge small{display:block;font-size:9px;font-weight:400;margin-top:4px;color:#8b9aaf}.bo-store-mark{color:#7396bc}.bo-store-mark svg{width:22px;height:22px}.bo-online-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#39ab87;box-shadow:0 0 0 3px #3cab8511}.bo-workspace-badge>.bo-online-dot{margin-left:auto}
.bo-navigation{overflow-y:auto;min-height:0;flex:1;padding:0 1px 15px;scrollbar-width:thin}.bo-nav-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#94a1b4;margin:24px 12px 9px;font-weight:650}.bo-navigation button{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;min-height:42px;padding:10px 12px;background:transparent;text-align:left;font-size:12px;font-weight:500;color:#6c7f97;border-radius:10px;margin:3px 0;transition:background .15s,color .15s}.bo-navigation svg{width:17px;height:17px;flex-shrink:0}.bo-navigation button:hover{background:#e7f1fc;color:var(--blue-dark)}.bo-navigation button.active{background:linear-gradient(110deg,#238fee,#409ff0);color:white;border-color:#3da3fc;box-shadow:0 6px 15px #218fee20,inset 0 1px #ffffff30;font-weight:650}.bo-nav-dot{margin-left:auto;height:4px;width:4px;background:#c7e8ff;border-radius:50%}
.bo-sidebar-bottom{display:flex;gap:9px;align-items:center;padding:14px 6px 3px;border-top:1px solid #dbe6f1}.bo-avatar{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:#dfeefd;color:#2477bd;border:1px solid #d1e4f5;border-radius:10px;font-size:12px;font-weight:700}.bo-sidebar-bottom strong{display:block;font-size:11px;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bo-sidebar-bottom small{display:block;font-size:10px;margin-top:3px;color:#91a0b3}.bo-icon-button{display:grid;place-items:center;min-height:32px;width:32px;padding:7px;border:1px solid #dfe9f3;background:#ffffff70;border-radius:9px;color:#8095ad}.bo-icon-button svg{width:16px;height:16px}.bo-sidebar-bottom .bo-icon-button{margin-left:auto;border:0;background:transparent}
.bo-main{grid-column:2;min-width:0}.bo-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;height:80px;padding:0 36px;border-bottom:1px solid #dfe8f360}.bo-breadcrumb{font-size:11px;color:#90a0b3}.bo-breadcrumb span{margin:0 12px;color:#c0ccd9}.bo-breadcrumb strong{font-weight:550;color:#586f89}.bo-topbar-actions{display:flex;gap:12px;align-items:center}.bo-topbar .connection{padding:6px 9px;background:#e4f5ed99;border:1px solid #d3ece0;color:#3b9273;font-size:9px;white-space:nowrap}.bo-topbar .connection:before{content:'';display:inline-block;background:currentColor;width:4px;height:4px;border-radius:50%;margin-right:6px;vertical-align:middle}.bo-topbar .connection.pending{color:#ad7b39;background:#fff4e4;border-color:#f1e0c8}.bo-topbar .connection.error{color:#b54450;background:#fff0f1;border-color:#f1d6d9}.bo-topbar-date{font-size:10px;color:#8a9bb0;padding-left:14px;border-left:1px solid #d6e3f0}.bo-content.workspace{padding:28px 36px 20px;max-width:1600px;margin:auto;min-height:calc(100dvh - 130px)}
.glass-panel,.bo-content .panel{background:linear-gradient(135deg,#ffffffd9,#ffffffad);border:1px solid #fffffff2;box-shadow:0 6px 22px #25518108,inset 0 1px 1px #ffffff;backdrop-filter:blur(18px);border-radius:18px}.bo-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:9px 0 27px}.bo-overline{display:block;color:#7295b5;font-size:9px;font-weight:650;letter-spacing:1.7px}.bo-welcome .bo-overline{display:flex;align-items:center;gap:7px}.bo-overline>span{width:5px;height:5px;background:#459be5;display:inline-block;border-radius:50%}.bo-welcome h1{font-size:37px;font-weight:650;letter-spacing:-1.6px;line-height:1.16;margin:15px 0 13px;color:#213c5a}.bo-welcome h1>span{color:#3389d5}.bo-welcome p{font-size:11px;line-height:1.85;color:#8392a5;margin:0}.bo-welcome-summary{display:flex;align-items:center;gap:18px;background:linear-gradient(130deg,#d9edff82,#ffffff45);border:1px solid #ffffffc4;border-radius:18px;padding:22px 26px;min-width:240px;box-shadow:inset 0 1px 2px #fff,0 12px 30px #4a95d909;position:relative;overflow:hidden}.bo-welcome-summary:after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;border:20px solid #82bafc0c;right:-50px;top:-60px}.bo-orbit-icon{width:48px;height:48px;border:1px solid #fff;background:linear-gradient(140deg,#fffffff0,#c7e2ff90);box-shadow:0 8px 16px #438ecb12,inset 0 1px #fff;display:grid;place-items:center;border-radius:15px;color:#4c97d9}.bo-orbit-icon svg{width:24px;height:24px}.bo-welcome-summary small{display:block;font-size:9px;color:#7f96ac}.bo-welcome-summary strong{display:block;font-size:20px;letter-spacing:-.5px;margin:6px 0;color:#3d719e}.bo-welcome-summary div>span{font-size:10px;color:#8a9fb2}
.bo-period-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:4px 0 17px}.bo-period-row h2{font-size:15px;letter-spacing:-.3px;margin:0 0 6px}.bo-period-row>div>span{font-size:9px;color:#8d9db1}.bo-period{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bo-presets{display:flex;gap:3px;background:#e3ecf66b;padding:3px;border:1px solid #dbe7f3;border-radius:9px}.bo-presets button{font-size:10px;min-height:27px;padding:5px 10px;border-radius:6px;background:transparent;border-color:transparent;color:#8293a8;font-weight:500}.bo-presets button.selected{background:#ffffffd9;box-shadow:0 2px 5px #406d9910;border-color:#e4ecf5;color:#3486ce}.bo-date-fields{display:flex;align-items:center;gap:7px;padding:4px 8px;border:1px solid #dae6f2;background:#ffffff90;border-radius:9px;color:#a2b0c1}.bo-date-fields input{width:114px;min-height:25px;font-size:10px;padding:3px 0;border:0;border-radius:4px;background:transparent;color:#71879e}.bo-date-fields>span{font-size:9px}
.bo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.bo-metric{padding:17px 18px 16px}.bo-metric-top{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;color:#7c8ea4;margin-bottom:10px}.bo-metric-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e0effe;background:#eaf4ff;border-radius:9px;color:#529cdd}.bo-metric-icon svg{width:16px;height:16px}.bo-metric-icon.teal{color:#57a896;background:#e8f6f1;border-color:#ddf0e8}.bo-metric-icon.violet{color:#9a8dc9;background:#f0ecfa;border-color:#e9e3f6}.bo-metric-icon.amber{color:#c7a16a;background:#fbf4e9;border-color:#f5ebdc}.bo-metric>strong{display:block;font-size:23px;letter-spacing:-.9px;color:#294562;font-weight:650;line-height:1.2}.bo-metric>small{display:block;font-size:9px;color:#a0adbc;margin-top:11px}
.bo-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:18px;margin-bottom:20px}.bo-chart-panel{padding:21px 23px 16px;min-width:0}.bo-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:20px}.bo-panel-heading h3{font-size:12px;font-weight:650;margin:0 0 6px;letter-spacing:-.15px}.bo-panel-heading p{font-size:9px;color:#98a6b7;margin:0;line-height:1.5}.bo-chart-legend{display:flex;align-items:center;gap:5px;color:#98a6b7;font-size:9px;white-space:nowrap}.bo-chart-legend i{width:6px;height:6px;background:#4299e7;border-radius:50%}.bo-chart svg{width:100%;display:block}.bo-chart-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8eef6;padding-top:12px;margin-top:9px;font-size:9px;color:#96a5b7}.bo-chart-footer strong{font-size:12px;letter-spacing:-.3px;color:#51728f}.bo-chart-empty{min-height:193px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8297ae;text-align:center}.bo-chart-empty>span{height:36px;width:36px;display:grid;place-items:center;background:#eaf3fd;border-radius:12px;margin-bottom:12px}.bo-chart-empty svg{width:18px;height:18px}.bo-chart-empty strong{font-size:11px;font-weight:550}.bo-chart-empty p{font-size:10px;color:#a1b1c0;margin:7px 0}
.bo-payments{padding:21px 22px}.bo-payment-main{display:flex;align-items:center;gap:19px;min-height:180px}.bo-donut{width:112px;height:112px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--payment-slices));position:relative;box-shadow:0 5px 18px #6090bc08}.bo-donut>div{position:absolute;inset:13px;border-radius:50%;background:#f7faff;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 1px #fff}.bo-donut small{font-size:8px;color:#9babbc}.bo-donut strong{font-size:25px;color:#3b5a77;font-weight:600;margin-top:5px;letter-spacing:-1px}.bo-payment-list{flex:1;min-width:0}.bo-payment-list>div{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:9px;margin:13px 0}.bo-payment-list span{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#8a9caf}.bo-payment-list i{height:5px;width:5px;border-radius:50%;display:inline-block;flex-shrink:0}.bo-payment-list strong{font-size:10px;color:#5f7890;font-weight:550;white-space:nowrap}.bo-payment-note{font-size:9px;color:#a4b1c0;border-top:1px solid #e8eef6;margin:10px 0 0;padding-top:12px}
.bo-dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:18px}.bo-recent{padding:21px 23px;min-width:0}.bo-link-button{min-height:25px;background:transparent;border:0;padding:0;color:#4b8cc6;font-size:9px;display:flex;align-items:center;gap:6px;white-space:nowrap}.bo-link-button svg{width:12px;height:12px}.bo-recent .bo-panel-heading{margin-bottom:12px}.bo-content table th{font-size:9px;text-transform:none;letter-spacing:0;color:#99a9ba;font-weight:500;background:transparent;padding:12px 9px;border-bottom:1px solid #e5edf6}.bo-content table td{font-size:10px;color:#617991;padding:13px 9px;border-bottom:1px solid #edf2f8}.bo-content table tbody tr:last-child td{border-bottom:0}.bo-content .pill{font-size:8px;padding:4px 6px;border-radius:5px;font-weight:500}.bo-content .text-btn{font-size:10px;min-height:24px;padding:3px 5px}.bo-recent table .text-btn{padding-left:0;font-size:9px}.bo-content .empty{padding:30px 15px;font-size:11px;min-height:130px}
.bo-insight-card{padding:22px 25px;border:1px solid #ffffffa3;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(130deg,#dceeffb3,#d0e6fd70 70%,#c6dfff4d);box-shadow:inset 0 1px #fff,0 8px 24px #397cba05}.bo-insight-card:after{content:'';width:190px;height:190px;position:absolute;right:-75px;top:-35px;border:25px solid #fff2;border-radius:50%;pointer-events:none}.bo-insight-icon{position:absolute;right:25px;top:25px;height:35px;width:35px;display:grid;place-items:center;border:1px solid #ffffffab;background:#fff6;border-radius:11px;color:#6aa5d5}.bo-insight-icon svg{height:18px;width:18px}.bo-insight-card .bo-overline{font-size:8px;letter-spacing:1.4px;max-width:160px;line-height:1.7;margin-bottom:17px;color:#6f9cc1}.bo-insight-card h3{font-size:25px;font-weight:550;line-height:1.25;letter-spacing:-.8px;color:#406d94;margin:0 0 12px}.bo-insight-card>p{font-size:10px;line-height:1.8;color:#7c9ab4;max-width:250px;margin:0 0 18px}.bo-insight-card button{background:#fff8;border:1px solid #ffffffbc;color:#5b8eb9;min-height:29px;font-size:9px;padding:6px 10px;border-radius:7px;display:flex;align-items:center;gap:16px}.bo-insight-card button svg{width:12px;height:12px}.bo-insight-note{font-size:10px;color:#7098ba}.bo-updated{font-size:9px;color:#a5b2c2;margin:18px 0 0}
.bo-footer{height:50px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 36px;color:#a4b2c2;font-size:9px}.bo-footer>span:first-child{font-size:8px;letter-spacing:1.6px}.bo-footer-dot{margin:0 7px;color:#74a8d6}.bo-content .page-title{margin-bottom:20px}.bo-content .page-title h1{font-size:25px;letter-spacing:-.8px;font-weight:600}.bo-content .page-title p{font-size:11px;color:#8b9eb1}.bo-content .page-title button{font-size:11px;min-height:36px}.bo-content>.bo-period{margin-bottom:18px}.bo-table-section{padding:17px 20px;min-width:0}.bo-table-search{padding-bottom:15px}.bo-table-search input{max-width:440px;min-height:38px;font-size:11px;background:#ffffffb3;border-color:#dfe9f3}.bo-content .form-card{max-width:none}.bo-content .form-card h2{font-size:18px}.bo-content .settings-tabs{display:none}.bo-content .form-card label{color:#5e7792}.bo-content .field input,.bo-content .field select{background:#ffffffbd}.bo-expense-summary{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:20px 24px}.bo-expense-summary>span{height:42px;width:42px;border-radius:13px;background:#fff0db;color:#c49b62;display:grid;place-items:center}.bo-expense-summary svg{width:22px;height:22px}.bo-expense-summary strong{display:block;font-size:24px;letter-spacing:-.7px;margin-top:7px}.bo-expense-summary>small{margin-left:auto}.bo-expense-summary small{font-size:10px;color:#93a4b6}
html[data-application=backoffice] dialog{border:1px solid #fffffff0;background:#f9fcfff2;box-shadow:0 30px 100px #18375530;backdrop-filter:blur(24px)}html[data-application=backoffice] dialog::backdrop{background:#17345545;backdrop-filter:blur(5px)}html[data-application=backoffice] .modal-head{background:#f0f7ffad;border-bottom-color:#e1ebf5}html[data-application=backoffice] .modal-head h2{font-size:18px}html[data-application=backoffice] .modal-body label{color:#617b95}
.bo-login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh;padding:26px;gap:25px}.bo-login-story{padding:32px 40px;border:1px solid #ffffffa3;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(135deg,#d4eaffd9,#cce3fb85 60%,#e5f2ffad);box-shadow:inset 0 1px #ffffffd9}.bo-login-story:before{content:'';position:absolute;width:480px;height:480px;border:55px solid #ffffff20;border-radius:50%;right:-240px;top:120px;pointer-events:none}.bo-login-story:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff70;border-radius:50%;right:-125px;bottom:-30px;pointer-events:none}.bo-login-story>.bo-brand{padding:0}.bo-login-story>small{color:#7b9fbd;font-size:8px;letter-spacing:2px}.bo-login-copy{padding:70px 0 90px;position:relative;z-index:1}.bo-login-copy h1{font-size:clamp(34px,4vw,57px);font-weight:600;letter-spacing:-2px;line-height:1.15;margin:18px 0 24px;color:#264f73}.bo-login-copy h1 span{color:#3b8bce}.bo-login-copy>p{color:#7f9ab4;font-size:13px;line-height:1.9}.bo-login-features{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}.bo-login-features>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#6890b1}.bo-login-features svg{height:14px;width:14px}.bo-login-right{display:grid;place-items:center;padding:40px}.bo-login-card{width:100%;max-width:410px;padding:34px 34px 30px;display:block}.bo-login-lock{width:43px;height:43px;display:grid;place-items:center;background:#eaf4ff;border:1px solid #dbeeff;border-radius:14px;color:#5495cd;margin-bottom:25px}.bo-login-lock svg{width:21px;height:21px}.bo-login-card .bo-overline{font-size:8px;letter-spacing:1.6px;color:#87a4bf}.bo-login-card h2{font-size:24px;letter-spacing:-.9px;font-weight:600;margin:12px 0 10px}.bo-login-card>p{font-size:11px;line-height:1.8;color:#8a9db0;margin-bottom:29px}.bo-login-card .field{margin-bottom:18px}.bo-login-card label{font-size:10px;color:#6f86a0;margin-bottom:8px}.bo-login-card input{font-size:11px;min-height:44px;border-color:#dce7f3;background:#fff9;border-radius:9px}.bo-login-card input::placeholder{color:#acb9c8}.bo-login-submit{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:linear-gradient(110deg,#228ded,#409fef)!important;border-color:#3b9ef5!important;box-shadow:0 6px 16px #218fee22;font-size:11px;min-height:44px;margin-top:28px;color:white}.bo-login-submit svg{width:17px;height:17px}.bo-login-footnote{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#9cacc0;margin-top:22px}
@media(min-width:1600px){.bo-content.workspace{padding-top:38px}.bo-welcome h1{font-size:43px}.bo-dashboard-grid,.bo-dashboard-bottom{grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr)}.bo-metric>strong{font-size:27px}.bo-payment-main{gap:30px;justify-content:center}.bo-donut{width:132px;height:132px}.bo-payment-list{max-width:190px}.bo-chart-panel,.bo-payments,.bo-recent{padding:25px}.bo-metric{padding:22px}}
@media(max-width:1200px){.bo-topbar{padding:0 24px}.bo-content.workspace{padding:25px 24px 20px}.bo-dashboard-grid,.bo-dashboard-bottom{grid-template-columns:minmax(0,1fr)}.bo-payment-main{min-height:145px;gap:35px}.bo-payment-list{max-width:420px}.bo-payments{display:flex;flex-direction:column}.bo-welcome-summary{min-width:200px;padding:17px}.bo-metric{padding:15px}.bo-metric>strong{font-size:20px}.bo-period-row{align-items:start;flex-direction:column}.bo-insight-card h3 br{display:none}.bo-insight-card>p{max-width:440px}.bo-login-right{padding:20px}.bo-login-story{padding:27px}}
@media(max-width:800px){.bo-layout{grid-template-columns:190px minmax(0,1fr)}.bo-sidebar{width:178px;left:8px;top:8px;bottom:8px;padding:20px 9px 10px;border-radius:16px}.bo-brand{font-size:14px;gap:8px;padding:0 5px}.bo-logo{height:35px;width:35px;font-size:28px;border-radius:10px}.bo-brand small{font-size:7px;letter-spacing:1.7px}.bo-navigation button{font-size:11px;padding:10px 8px;gap:8px}.bo-workspace-badge{margin-top:24px;font-size:9px;gap:6px}.bo-workspace-badge small{font-size:8px}.bo-store-mark svg{width:18px;height:18px}.bo-topbar{height:65px;padding:0 18px}.bo-topbar-date{display:none}.bo-content.workspace{padding:20px 18px}.bo-welcome h1{font-size:31px}.bo-welcome-summary{display:none}.bo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bo-footer{padding:0 18px}.bo-footer>span:last-child{display:none}.bo-login{gap:12px;padding:14px}.bo-login-story{padding:24px}.bo-login-copy h1{font-size:34px;letter-spacing:-1.3px}.bo-login-features{gap:12px;flex-direction:column}.bo-login-right{padding:8px}.bo-login-card{padding:25px}.bo-login-card h2{font-size:21px}}
@media(max-width:560px){.bo-layout{display:block}.bo-sidebar{position:relative;left:auto;top:auto;bottom:auto;margin:8px;width:calc(100% - 16px);padding:13px 12px 6px;border-radius:15px;display:block}.bo-sidebar>.bo-brand{padding:2px 4px 13px}.bo-workspace-badge,.bo-sidebar-bottom,.bo-nav-label{display:none}.bo-navigation{display:flex;gap:5px;overflow:auto;padding:1px 0 8px;scrollbar-width:none}.bo-navigation button{width:auto;white-space:nowrap;min-height:35px;padding:8px 10px;flex-shrink:0;margin:0;border-radius:8px;font-size:10px;gap:6px}.bo-navigation button svg{width:13px;height:13px}.bo-nav-dot{display:none}.bo-topbar{height:48px;padding:0 17px;border-bottom:0}.bo-breadcrumb{font-size:9px}.bo-breadcrumb span{margin:0 7px}.bo-topbar .connection{font-size:8px;padding:5px 7px}.bo-topbar-actions{gap:7px}.bo-content.workspace{padding:13px 16px 18px;min-height:calc(100dvh - 210px)}.bo-welcome{padding:8px 0 24px}.bo-welcome h1{font-size:33px;letter-spacing:-1.4px;margin:12px 0}.bo-welcome p{font-size:10px;line-height:1.85}.bo-overline{font-size:8px;letter-spacing:1.5px}.bo-period-row{gap:12px;margin:2px 0 14px}.bo-period-row h2{font-size:14px}.bo-period{gap:8px;width:100%}.bo-date-fields{flex:1;justify-content:space-between}.bo-date-fields input{width:110px}.bo-presets button{padding:5px 8px}.bo-metrics{margin-bottom:14px}.bo-metric{padding:13px}.bo-metric-top{font-size:9px;margin-bottom:10px}.bo-metric-icon{width:24px;height:24px;border-radius:7px}.bo-metric-icon svg{width:13px;height:13px}.bo-metric>strong{font-size:20px;letter-spacing:-.9px}.bo-metric>small{font-size:8px;line-height:1.5;margin-top:9px}.bo-chart-panel,.bo-payments,.bo-recent{padding:17px 15px}.bo-dashboard-grid,.bo-dashboard-bottom{gap:14px;margin-bottom:14px}.bo-panel-heading h3{font-size:12px}.bo-panel-heading p{font-size:8px}.bo-chart-empty{min-height:165px}.bo-chart-legend{font-size:8px}.bo-payment-main{gap:22px;min-height:150px}.bo-donut{width:105px;height:105px}.bo-payment-list strong{font-size:10px}.bo-insight-card{padding:22px}.bo-insight-card h3{font-size:23px}.bo-content .page-title{align-items:start;gap:10px}.bo-content .page-title h1{font-size:22px}.bo-content .page-title p{font-size:10px;line-height:1.8}.bo-content .page-title .row{flex-wrap:wrap;justify-content:flex-end;gap:5px}.bo-content .page-title button{font-size:9px;padding:7px;min-height:32px}.bo-table-section{padding:14px 10px}.bo-content .table-wrap{max-width:100%}.bo-content .row .text-btn{font-size:9px}.bo-updated{font-size:8px}.bo-expense-summary{padding:17px;gap:12px}.bo-expense-summary strong{font-size:21px}.bo-expense-summary>small{font-size:9px}.bo-login{grid-template-columns:1fr;padding:12px;gap:0;min-height:100dvh}.bo-login-story{border:0;background:transparent;padding:16px 16px 0;box-shadow:none}.bo-login-story:before,.bo-login-story:after,.bo-login-story>small,.bo-login-features{display:none}.bo-login-copy{padding:25px 0 15px}.bo-login-copy h1{font-size:33px;margin:12px 0}.bo-login-copy>p{font-size:11px;line-height:1.8}.bo-login-right{padding:0 7px 25px;display:block}.bo-login-card{max-width:none;padding:23px}.bo-login-lock{height:34px;width:34px;margin-bottom:20px;border-radius:10px}.bo-login-card h2{font-size:22px}.bo-login-card>p{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html[data-application=backoffice] *{transition:none!important;animation:none!important}}
.bo-mobile-logout{display:none}.bo-content table td{font-size:11px}.bo-content table th{font-size:10px}.bo-metric-top{font-size:11px}.bo-metric>small{font-size:10px}.bo-payment-list>div{font-size:11px}.bo-payment-list strong{font-size:11px}
.bo-insight-card h3 br{display:block}
@media(max-width:560px){.bo-mobile-logout{display:grid}.bo-metric-top,.bo-metric>small{font-size:9px}.bo-payment-list>div,.bo-payment-list strong{font-size:10px}}
@media print{.bo-sidebar,.bo-topbar,.bo-footer{display:none!important}html[data-application=backoffice] body{background:white}}