@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#0d1f3c;font-synthesis:none;--navy-950:#06152f;--navy-900:#081b3d;--navy-800:#0c2857;--orange:#ff7a1a;--blue:#2f6df6;--green:#1db56c;--red:#ef4b4b;--purple:#8d5cf6;--border:#e6ebf2;--muted:#768399;background:#f4f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#071a3a 0%,#06152f 100%);border-right:1px solid #ffffff12;flex-direction:column;height:100vh;padding:22px 15px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:7px 10px 24px;display:flex}.brand-mark{background:linear-gradient(135deg,#ff7a1a,#2f6df6);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 30px #2f6df638}.brand-mark span{font-size:29px;font-weight:800;line-height:1}.brand strong{font-size:18px;line-height:1.15;display:block}.brand small{color:#d7e2f5;margin-top:2px;font-size:13px;display:block}.sidebar nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#d7e2f5;border-radius:13px;align-items:center;gap:12px;height:48px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-icon{background:#ffffff0e;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2f6df6f2,#ff7a1af5);box-shadow:0 10px 28px #2f6df633}.nav-item.active:before{content:"";background:#8fb2ff;border-radius:9px;width:3px;height:24px;position:absolute;left:-4px}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.profile-card,.logout{color:#fff;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.avatar{background:linear-gradient(135deg,#2f6df6,#ff7a1a);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.profile-card>span:nth-child(2){flex:1}.profile-card strong,.profile-card small{display:block}.profile-card strong{font-size:12px}.profile-card small{color:#97a7c1;margin-top:3px;font-size:9px}.logout{color:#edf3fc;justify-content:center;height:45px;font-size:12px}.logout svg{color:var(--orange)}.main-content{min-width:0;padding:22px}.top-grid{grid-template-columns:minmax(0,1fr) 260px;gap:14px;display:grid}.hero-card{color:#fff;background:radial-gradient(circle at 84% 100%,#2f6df61f,#0000 35%),linear-gradient(135deg,#0c1530,#062455);border-radius:22px;min-height:214px;padding:30px 34px;position:relative;overflow:hidden;box-shadow:0 14px 40px #1223421f}.hero-gridline{opacity:.13;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 70%);mask-image:linear-gradient(90deg,#0000 20%,#000 70%)}.hero-orbit{border:1px solid #ffffff1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-40px;box-shadow:inset 0 0 0 50px #ffffff04}.eyebrow{letter-spacing:.09em;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:700;display:inline-flex;position:relative}.eyebrow i{background:var(--orange);width:5px;height:5px;box-shadow:0 0 12px var(--orange);border-radius:50%}.hero-card h1{letter-spacing:-.04em;margin:22px 0 10px;font-size:31px;line-height:1;position:relative}.hero-card p{color:#d7e2f5;max-width:630px;margin:0;font-size:12px;line-height:1.65;position:relative}.period{align-items:center;gap:10px;margin-top:25px;display:flex;position:relative}.period span small,.period span strong{display:block}.period small{color:#9fb1cb;margin-bottom:2px;font-size:9px}.period strong{font-size:11px}.health-card,.kpi-card,.panel,.status-footer{border:1px solid var(--border);background:#fff;box-shadow:0 12px 32px #172a4b0e}.health-card{border-radius:20px;padding:25px 23px}.section-title{color:#30415e;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.health-card>strong{letter-spacing:-.06em;margin:18px 0 14px;font-size:42px;display:block}.health-track{background:#eaf0f5;border-radius:999px;height:8px;overflow:hidden}.health-track span{border-radius:inherit;background:linear-gradient(90deg,#2f6df6,#1db56c);height:100%;display:block}.health-card>b{color:var(--green);margin-top:20px;font-size:12px;display:block}.health-card p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.4}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.kpi-card{border-radius:16px;min-height:145px;padding:16px}.kpi-head{justify-content:space-between;align-items:center;display:flex}.kpi-icon{width:36px;height:36px;color:var(--blue);background:#edf3ff;border-radius:11px;place-items:center;display:grid}.kpi-trips .kpi-icon{color:var(--orange);background:#fff0e6}.kpi-volume .kpi-icon,.kpi-paid .kpi-icon{color:var(--green);background:#e9f8f1}.kpi-revenue .kpi-icon{color:var(--purple);background:#f0eaff}.kpi-pending .kpi-icon{color:var(--red);background:#fff0ef}.delta{font-size:9px;font-weight:700}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.kpi-label{color:#53637c;margin-top:12px;font-size:10px;font-weight:700;display:block}.kpi-value{letter-spacing:-.04em;white-space:nowrap;margin-top:4px;font-size:18px;display:block}.kpi-helper{color:#8490a3;margin-top:5px;font-size:9px;display:block}.dashboard-grid{grid-template-columns:1.35fr .95fr 1.15fr;gap:12px;margin-top:14px;display:grid}.panel{border-radius:17px;min-width:0;padding:17px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-head h2{margin:0 0 4px;font-size:13px}.panel-head p{color:var(--muted);margin:0;font-size:9px}.panel-head button{border:1px solid var(--border);color:#52637d;background:#fff;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:600}.chart-area{height:235px;margin-top:16px}.panel-stats{border:1px solid var(--border);border-radius:11px;grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid;overflow:hidden}.panel-stats span{text-align:center;border-right:1px solid var(--border);padding:10px}.panel-stats span:last-child{border-right:0}.panel-stats strong,.panel-stats small{display:block}.panel-stats strong{font-size:11px}.panel-stats small{color:var(--muted);margin-top:3px;font-size:8px}.positive{color:var(--green)}.status-content{grid-template-columns:1.05fr .95fr;align-items:center;gap:8px;margin-top:17px;display:grid}.donut-wrap{height:220px;position:relative}.donut-total{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.donut-total small{color:var(--muted);font-size:9px}.donut-total strong{margin-top:4px;font-size:12px}.status-list{gap:11px;display:grid}.status-list>div{grid-template-columns:8px 1fr auto;align-items:center;gap:8px;display:grid}.status-list i{border-radius:50%;width:7px;height:7px}.status-list span b,.status-list span small{display:block}.status-list span b{font-size:9px}.status-list span small{color:#57677f;margin-top:3px;font-size:9px}.status-list>div>strong{color:#68778d;font-size:9px}.title-with-icon{align-items:center;gap:9px;display:flex}.alert-icon{width:35px;height:35px;color:var(--red);background:#fff0ef;border-radius:11px;place-items:center;display:grid}.overdue-table{margin-top:16px}.table-head,.table-row{grid-template-columns:1.55fr .9fr .9fr .65fr;align-items:center;gap:8px;display:grid}.table-head{color:#8793a7;background:#f7f9fc;border-radius:8px;padding:8px;font-size:8px}.table-row{border-bottom:1px solid #eef2f6;padding:10px 7px;font-size:9px}.driver-cell{align-items:center;gap:8px;display:flex}.driver-cell i{color:#3168d9;background:#eaf1ff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;font-weight:700;display:grid}.driver-cell b small{color:var(--muted);margin-top:2px;font-size:8px;font-weight:500;display:block}.danger{color:var(--red);font-weight:600}.status-footer{color:#758198;border-radius:13px;justify-content:space-between;align-items:center;min-height:43px;margin-top:14px;padding:0 16px;font-size:9px;display:flex}.status-footer>div{align-items:center;gap:13px;display:flex}.online-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #1db56c1a}.status-footer strong{color:#233754}.integration{align-items:center;gap:5px;display:flex}.integration svg{color:var(--green)}.status-footer>span{align-items:center;gap:8px;display:flex}.loading{color:#65758d;place-items:center;height:80vh;display:grid}@media (width<=1350px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.overdue-panel{grid-column:1/-1}.top-grid{grid-template-columns:1fr 230px}}input,select{font:inherit}.auth-loading{color:#60708a;background:#f4f7fb;place-items:center;min-height:100vh;font-weight:700;display:grid}.primary-button,.secondary-button,.text-button,.icon-button{cursor:pointer;font:inherit;border:0}.primary-button{color:#fff;background:linear-gradient(135deg,#2f6df6,#1957d8);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #2f6df62e}.primary-button:hover{filter:brightness(1.04)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{border:1px solid var(--border);color:#41516a;background:#fff;border-radius:11px;padding:10px 15px;font-size:12px;font-weight:700}.text-button{color:var(--blue);background:0 0;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.icon-button{color:#53627a;background:#f4f7fb;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.form-error{color:#c73333;background:#fff3f3;border:1px solid #ffd5d5;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:600}.login-shell{background:#f6f8fc;grid-template-columns:minmax(520px,1.15fr) minmax(480px,.85fr);min-height:100vh;display:grid}.login-showcase{color:#fff;background:radial-gradient(circle at 80% 65%,#2f6df642,#0000 30%),linear-gradient(145deg,#07152e 0%,#0a2149 58%,#0c2857 100%);flex-direction:column;min-height:100vh;padding:40px 54px;display:flex;position:relative;overflow:hidden}.login-showcase .brand{z-index:2;padding:0;position:relative}.login-showcase .brand-mark{width:48px;height:48px}.login-showcase .brand strong{font-size:20px}.login-copy{z-index:2;max-width:650px;margin:auto 0;position:relative}.login-copy h1{letter-spacing:-.055em;max-width:620px;margin:26px 0 18px;font-size:48px;line-height:1.05}.login-copy>p{color:#c4d2e9;max-width:570px;margin:0;font-size:14px;line-height:1.75}.login-feature-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:34px;display:grid}.login-feature-grid>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:15px;gap:12px;padding:16px;display:flex}.login-feature-grid svg{color:#ff8b36;flex:none;margin-top:2px}.login-feature-grid b,.login-feature-grid small{display:block}.login-feature-grid b{font-size:12px}.login-feature-grid small{color:#aabbd4;margin-top:4px;font-size:10px;line-height:1.55}.login-version{z-index:2;color:#7f94b3;font-size:10px;position:relative}.login-orbit{border:1px solid #ffffff14;border-radius:50%;position:absolute}.orbit-one{width:560px;height:560px;top:-170px;right:-220px}.orbit-two{width:330px;height:330px;bottom:-110px;right:-80px}.login-form-zone{place-items:center;padding:45px;display:grid}.login-card{background:#fff;border:1px solid #e6ebf2;border-radius:22px;width:min(100%,440px);padding:36px;box-shadow:0 22px 60px #1f33551a}.login-card-head{align-items:flex-start;gap:13px;margin-bottom:28px;display:flex}.login-mini-mark{color:#fff;background:linear-gradient(135deg,#2f6df6,#ff7a1a);border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.login-card-head div>span{letter-spacing:.11em;color:#748198;font-size:9px;font-weight:800}.login-card-head h2{letter-spacing:-.04em;margin:5px 0;font-size:24px}.login-card-head p{color:#8390a3;margin:0;font-size:11px}.login-card label{color:#43516a;gap:7px;margin-top:15px;font-size:11px;font-weight:700;display:grid}.field-with-icon{color:#8d99aa;border:1px solid #dfe6ef;border-radius:11px;align-items:center;gap:9px;height:46px;padding:0 13px;transition:all .18s;display:flex}.field-with-icon:focus-within{border-color:#7da2ff;box-shadow:0 0 0 3px #2f6df614}.field-with-icon input{color:#192d4a;background:0 0;border:0;outline:0;width:100%;font-size:12px}.login-button{width:100%;height:46px;margin-top:20px}.login-hint{text-align:center;color:#9aa5b5;margin-top:13px;font-size:9px;display:block}.page-hero{color:#fff;background:radial-gradient(circle at 80% 100%,#2f6df62b,#0000 35%),linear-gradient(135deg,#0c1530,#062455);border-radius:21px;justify-content:space-between;align-items:flex-end;gap:20px;min-height:165px;padding:27px 31px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #1223421a}.page-hero:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-110px;right:-70px;box-shadow:inset 0 0 0 60px #ffffff04}.page-hero>div{z-index:1;position:relative}.page-hero h1{letter-spacing:-.045em;margin:17px 0 8px;font-size:30px}.page-hero p{color:#c7d4e8;margin:0;font-size:11px}.hero-side-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:155px;padding:14px 16px}.hero-side-info span,.hero-side-info strong,.hero-side-info small{display:block}.hero-side-info span{color:#9db0cc;letter-spacing:.09em;font-size:8px;font-weight:800}.hero-side-info strong{margin:5px 0 1px;font-size:30px}.hero-side-info small{color:#c1cee2;font-size:9px}.mini-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0;display:grid}.mini-kpi{border:1px solid var(--border);background:#fff;border-radius:15px;align-items:center;gap:13px;min-height:92px;padding:16px;display:flex;box-shadow:0 10px 28px #172a4b0b}.mini-kpi-icon{border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.mini-kpi-icon svg{width:20px}.mini-kpi-icon.blue{color:var(--blue);background:#ebf2ff}.mini-kpi-icon.green{color:var(--green);background:#eaf8f1}.mini-kpi-icon.orange{color:var(--orange);background:#fff1e7}.mini-kpi-icon.red{color:var(--red);background:#fff0ef}.mini-kpi small,.mini-kpi strong,.mini-kpi p{display:block}.mini-kpi small{color:#69778d;font-size:9px;font-weight:700}.mini-kpi strong{letter-spacing:-.04em;margin-top:2px;font-size:22px}.mini-kpi p{color:#98a3b3;margin:2px 0 0;font-size:8px}.data-panel{padding:0;overflow:hidden}.data-toolbar{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:16px;padding:18px 19px;display:flex}.data-toolbar h2{margin:0 0 4px;font-size:14px}.data-toolbar p{color:var(--muted);margin:0;font-size:9px}.toolbar-controls{gap:9px;display:flex}.search-box,.select-box{color:#8b97a8;background:#fff;border:1px solid #dfe6ef;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.search-box{width:290px}.search-box input,.select-box select{color:#40516b;background:0 0;border:0;outline:0;width:100%;font-size:10px}.select-box{width:170px}.drivers-table-wrap{overflow:auto}.drivers-table{border-collapse:collapse;width:100%;min-width:1000px}.drivers-table th{text-align:left;color:#7f8da2;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #edf1f6;padding:10px 15px;font-size:8px}.drivers-table td{color:#34445d;border-bottom:1px solid #eef2f6;padding:11px 15px;font-size:10px}.drivers-table tbody tr{cursor:pointer;transition:all .15s}.drivers-table tbody tr:hover{background:#f8faff}.driver-profile{align-items:center;gap:9px;display:flex}.driver-profile>span{color:#3267d7;background:linear-gradient(135deg,#e9f0ff,#f3f6fc);border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.driver-profile b,.driver-profile small,.machine-cell b,.machine-cell small{display:block}.driver-profile b{color:#21334f;font-size:10px}.driver-profile small{color:#8d98a9;margin-top:2px;font-size:8px}.driver-profile.large>span{color:#fff;background:linear-gradient(135deg,#2f6df6,#ff7a1a);width:48px;height:48px;font-size:12px}.driver-profile.large b{font-size:14px}.driver-profile.large small,.machine-cell b{font-size:9px}.machine-status{color:#8d98a9;margin-top:3px;font-size:8px}.machine-status.on{color:var(--green)}.subline{color:#8d98a9;margin-top:3px;font-size:8px;display:block}.fee-value{color:#1d58d6}.status-pill{border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.status-regular{color:#15915a;background:#eaf8f1}.status-pending{color:#d16b12;background:#fff4e9}.status-overdue{color:#d74242;background:#fff0ef}.status-blocked{color:#48566d;background:#eef1f6}.table-state{text-align:center!important;color:#8d98a9!important;padding:42px!important}.table-footer{color:#8793a5;justify-content:space-between;align-items:center;padding:13px 18px;font-size:9px;display:flex}.table-footer>div{align-items:center;gap:9px;display:flex}.table-footer button{border:1px solid var(--border);color:#50617a;background:#fff;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.table-footer button:disabled{opacity:.4}.table-footer b{color:#586980;font-size:9px}.drawer-backdrop,.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040e1f61;position:fixed;inset:0}.driver-drawer{background:#fff;width:min(460px,92vw);height:100%;padding:22px;animation:.18s ease-out drawerIn;position:absolute;top:0;right:0;overflow:auto;box-shadow:-20px 0 60px #0a1f3e24}@keyframes drawerIn{0%{opacity:.5;transform:translate(20px)}to{opacity:1;transform:none}}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-status-line{border-bottom:1px solid #edf1f6;align-items:center;gap:8px;margin-top:15px;padding-bottom:16px;display:flex}.machine-chip{color:#188b59;background:#eff9f4;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.drawer-section{border-bottom:1px solid #edf1f6;padding:19px 0}.drawer-section h3{margin:0 0 12px;font-size:12px}.drawer-section-title{justify-content:space-between;align-items:center;display:flex}.drawer-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.drawer-metrics>div,.billing-rule-card>div{background:#f7f9fc;border:1px solid #edf1f6;border-radius:11px;padding:12px}.drawer-metrics small,.drawer-metrics strong,.billing-rule-card small,.billing-rule-card strong{display:block}.drawer-metrics small,.billing-rule-card small{color:#8390a3;font-size:8px}.drawer-metrics strong,.billing-rule-card strong{margin-top:4px;font-size:11px}.billing-rule-card{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.detail-list{gap:11px;display:grid}.detail-list>div{justify-content:space-between;gap:15px;display:flex}.detail-list small{color:#8995a7;font-size:9px}.detail-list b{text-align:right;color:#364761;font-size:10px}.modal-backdrop{place-items:center;padding:20px;display:grid}.billing-modal{background:#fff;border-radius:20px;width:min(590px,96vw);padding:22px;box-shadow:0 25px 70px #07183338}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head span{letter-spacing:.1em;color:#7e8ca1;font-size:8px;font-weight:800}.modal-head h2{letter-spacing:-.035em;margin:4px 0 0;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.form-grid label{color:#53627a;gap:6px;font-size:9px;font-weight:700;display:grid}.form-grid input,.form-grid select{color:#30425d;background:#fff;border:1px solid #dfe6ef;border-radius:9px;outline:0;height:40px;padding:0 10px}.form-grid input:focus,.form-grid select:focus{border-color:#8babf9;box-shadow:0 0 0 3px #2f6df612}.form-grid input:disabled{color:#a1aab8;background:#f4f6f9}.rule-preview{background:#f7f9fc;border:1px solid #e9eef4;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding:13px;display:grid}.rule-preview small,.rule-preview b,.rule-preview strong{display:block}.rule-preview small{color:#8390a3;font-size:8px}.rule-preview b,.rule-preview strong{margin-top:4px;font-size:13px}.rule-preview strong{color:#1b5bdc}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@media (width<=1100px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.brand{justify-content:center;padding-left:0;padding-right:0}.brand>div:last-child,.nav-item>span:last-child,.profile-card>span:nth-child(2),.profile-card>svg,.logout{display:none}.nav-item{justify-content:center;padding:0}.sidebar-footer{align-items:center}.profile-card{justify-content:center;padding:8px}.main-content{padding:15px}.top-grid{grid-template-columns:1fr}.health-card{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.mini-kpi-grid{grid-template-columns:repeat(2,1fr)}.data-toolbar{flex-direction:column;align-items:flex-start}.toolbar-controls{width:100%}.search-box{flex:1}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-form-zone{min-height:100vh}}@media (width<=720px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:10px;position:relative}.sidebar nav{display:none}.sidebar-footer{margin-left:auto}.profile-card{width:auto}.main-content{padding:10px}.kpi-grid,.mini-kpi-grid{grid-template-columns:1fr 1fr}.hero-card{min-height:190px;padding:24px}.hero-card h1,.page-hero h1{font-size:25px}.page-hero{padding:22px}.hero-side-info{display:none}.toolbar-controls{flex-direction:column}.search-box,.select-box{width:100%}.form-grid,.rule-preview,.drawer-metrics,.billing-rule-card{grid-template-columns:1fr}.status-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.login-form-zone{padding:18px}.login-card{padding:25px}.kpi-grid{gap:8px}}.integration-env{letter-spacing:.02em!important;margin:8px 0 4px!important;font-size:23px!important}.integration-feedback{border:1px solid;border-radius:11px;align-items:center;gap:8px;margin-top:12px;padding:11px 14px;font-size:10px;font-weight:700;display:flex}.integration-feedback.ok{color:#168c58;background:#edf9f3;border-color:#d3f0e1}.integration-feedback.error{color:#c84444;background:#fff2f1;border-color:#ffd9d5}.integration-grid{grid-template-columns:1.45fr .85fr;gap:12px;margin-top:14px;display:grid}.integration-main-card,.integration-summary-card{padding:19px}.integration-card-head{grid-template-columns:45px 1fr auto;align-items:center;gap:11px;display:grid}.integration-logo{color:#2f6df6;background:linear-gradient(135deg,#eaf1ff,#fff0e6);border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.integration-card-head span,.sync-copy>span{letter-spacing:.09em;color:#8190a5;font-size:8px;font-weight:800;display:block}.integration-card-head h2,.sync-copy h2{margin:3px 0 0;font-size:14px}.connection-dot{background:#d4dbe5;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #f1f4f8}.connection-dot.on{background:var(--green);box-shadow:0 0 0 5px #1db56c1a}.connection-details{grid-template-columns:1.5fr .7fr .7fr;gap:9px;margin:16px 0;display:grid}.connection-details>div{color:#6b7c94;background:#f8fafc;border:1px solid #edf1f6;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:12px;display:flex}.connection-details span{min-width:0}.connection-details small,.connection-details b{display:block}.connection-details small{color:#8895a8;font-size:8px}.connection-details b{color:#344761;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;overflow:hidden}.integration-action{height:39px;padding:0 14px}.integration-summary-card>.panel-head svg{color:#6c7e97}.integration-counters{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.integration-counters>div{background:#f8fafc;border:1px solid #edf1f6;border-radius:11px;align-items:center;gap:10px;padding:14px;display:flex}.integration-counters svg{color:#2f6df6;width:19px}.integration-counters b,.integration-counters small{display:block}.integration-counters b{font-size:17px}.integration-counters small{color:#8794a7;font-size:8px}.sync-dates{gap:8px;margin-top:13px;display:grid}.sync-dates span{color:#8290a4;justify-content:space-between;gap:12px;font-size:8px;display:flex}.sync-dates b{color:#475a74;text-align:right;font-weight:600}.sync-grid{grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:12px;display:grid}.sync-card{align-items:center;gap:14px;min-height:130px;display:flex}.sync-icon{border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.sync-icon.blue{color:#2f6df6;background:#eaf1ff}.sync-icon.orange{color:#ff7a1a;background:#fff1e7}.sync-copy{flex:1}.sync-copy p{color:#7d8a9d;margin:7px 0 0;font-size:9px;line-height:1.55}.sync-card>.secondary-button,.sync-card>.primary-button{white-space:nowrap}.trips-sync-card{flex-wrap:wrap}.period-fields{align-items:center;gap:7px;margin-left:60px;display:flex}.period-fields label{color:#8491a5;background:#fff;border:1px solid #dfe6ef;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 9px;display:flex}.period-fields input{color:#475970;background:0 0;border:0;outline:0;font-size:9px}.period-fields>span{color:#8d99aa;font-size:8px}.sync-history-panel{margin-top:12px;padding:0;overflow:hidden}.small-button{align-items:center;gap:6px;display:flex;padding:8px 11px!important}.sync-history-table{overflow:auto}.sync-history-head,.sync-history-row{grid-template-columns:1fr 1.4fr .8fr .7fr .8fr .8fr;align-items:center;gap:8px;min-width:760px;display:grid}.sync-history-head{color:#7f8da2;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #edf1f6;padding:9px 18px;font-size:8px;font-weight:700}.sync-history-row{color:#56677f;border-bottom:1px solid #eef2f6;padding:11px 18px;font-size:9px}.sync-history-row b{color:#30425d}.run-status{border-radius:999px;width:max-content;padding:5px 8px;font-weight:800;display:inline-flex}.run-status.success{color:#168c58;background:#eaf8f1}.run-status.failed{color:#cf4545;background:#fff0ef}.run-status.running{color:#2f6df6;background:#eef3ff}.sync-empty{text-align:center;color:#8996a8;padding:35px;font-size:10px}.spin{animation:.8s linear infinite vvfSpin}@keyframes vvfSpin{to{transform:rotate(360deg)}}.trip-kpis{grid-template-columns:repeat(3,1fr)}.trips-table{min-width:1250px}.vehicle-cell{grid-template-columns:18px 1fr;align-items:center;display:grid}.vehicle-cell svg{color:#7b8ba2;grid-row:1/3}.vehicle-cell b{font-size:9px}.vehicle-cell small{color:#8e9aac;font-size:8px}.machine-trip-status{color:#315fd0;background:#eef3ff;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}@media (width<=1150px){.integration-grid,.sync-grid,.connection-details{grid-template-columns:1fr}.period-fields{margin-left:60px}.sync-card{align-items:flex-start}.trip-kpis{grid-template-columns:1fr 1fr 1fr}}@media (width<=720px){.integration-counters,.trip-kpis{grid-template-columns:1fr}.sync-card{grid-template-columns:46px 1fr;display:grid}.sync-card>button,.period-fields{grid-column:1/-1;margin-left:0}.period-fields{flex-wrap:wrap}}.billing-builder{grid-template-columns:minmax(260px,1fr) 155px 155px auto;align-items:end;gap:12px;margin-top:14px;padding:16px 18px;display:grid}.billing-builder-copy>span,.period-detail-head>div>span{letter-spacing:.1em;color:#8290a4;font-size:8px;font-weight:800}.billing-builder-copy h2,.period-detail-head h2{margin:4px 0;font-size:15px}.billing-builder-copy p,.period-detail-head p{color:#7f8da1;margin:0;font-size:9px}.billing-builder label,.period-actions label{color:#65758c;gap:6px;font-size:8px;font-weight:700;display:grid}.billing-builder input,.period-actions input{color:#40536e;background:#fff;border:1px solid #dfe6ef;border-radius:9px;outline:none;height:39px;padding:0 9px}.billing-calc-button{justify-content:center;align-items:center;gap:7px;height:39px;display:flex}.billing-layout{grid-template-columns:330px minmax(0,1fr);gap:12px;margin-top:12px;display:grid}.periods-panel,.period-detail-panel{padding:0;overflow:hidden}.periods-panel .panel-head,.period-detail-head{border-bottom:1px solid #edf1f6;padding:17px 18px}.period-list{max-height:670px;overflow:auto}.period-row{text-align:left;cursor:pointer;color:#32455f;background:#fff;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 15px;display:grid}.period-row:hover,.period-row.selected{background:#f7faff}.period-row.selected{box-shadow:inset 3px 0 #2f6df6}.period-row b,.period-row small,.period-money strong,.period-money small{display:block}.period-row b{font-size:10px}.period-row small{color:#8996a7;margin-top:3px;font-size:8px}.period-money{text-align:right}.period-money strong{font-size:10px}.period-status{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:68px;padding:5px 7px;font-size:7px;font-weight:800;display:inline-flex}.period-status.open{color:#3768df;background:#eef3ff}.period-status.calculated{color:#d76b19;background:#fff1e7}.period-status.closed{color:#168c58;background:#eaf8f1}.period-detail-head{justify-content:space-between;align-items:flex-start;display:flex}.billing-kpis{grid-template-columns:repeat(4,1fr);gap:9px;padding:13px 15px;display:grid}.financial-kpi{background:#fafbfd;border:1px solid #edf1f6;border-radius:11px;align-items:center;gap:9px;padding:11px;display:flex}.financial-kpi .mini-kpi-icon{flex:0 0 34px;width:34px;height:34px}.financial-kpi small,.financial-kpi strong{display:block}.financial-kpi small{color:#8492a6;font-size:8px}.financial-kpi strong{white-space:nowrap;margin-top:3px;font-size:11px}.period-actions{justify-content:flex-end;align-items:end;gap:8px;padding:0 15px 13px;display:flex}.period-actions label{min-width:160px;margin-right:auto}.period-actions button{align-items:center;gap:6px;height:38px;display:flex}.dark-button{color:#fff;cursor:pointer;background:#0a1d3f;border:0;border-radius:9px;padding:0 12px;font-size:9px;font-weight:700}.dark-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.billing-table-wrap{border-top:1px solid #edf1f6}.billing-table{min-width:920px}.billing-empty{text-align:center;color:#8996a8;padding:35px;font-size:9px}.billing-empty.large{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:420px;display:flex}.billing-empty.large svg{color:#89a5e8}.billing-empty.large b{color:#455a74;font-size:12px}.adjusted-tag{color:#7852d5;background:#f1ebff;border-radius:5px;margin-top:3px;padding:3px 5px;font-size:7px;font-weight:800;display:inline-flex}.muted-dash{color:#a2acba}.charge-status{white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:800;display:inline-flex}.charge-status.status-draft{color:#66758a;background:#eef1f5}.charge-status.status-ready{color:#315fd0;background:#eef3ff}.charge-status.status-issued,.charge-status.status-pending{color:#d96b18;background:#fff1e7}.charge-status.status-paid{color:#168c58;background:#eaf8f1}.charge-status.status-overdue{color:#cf4545;background:#fff0ef}.charge-status.status-negotiated{color:#7952d2;background:#f2ecff}.charge-status.status-cancelled{color:#697789;background:#eff1f4;text-decoration:line-through}.charge-status.status-none{color:#8a95a4;background:#f5f6f8}.charge-kpis{grid-template-columns:repeat(4,1fr)}.charges-table{min-width:1120px}.asaas-chip{color:#7c899b;background:#f2f4f7;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:800;display:inline-flex}.asaas-chip.on{color:#168c58;background:#eaf8f1}.table-action{color:#405574;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:700;display:inline-flex}.table-action:hover{color:#245bcc;border-color:#a9bff3}.table-action:disabled{opacity:.38;cursor:not-allowed}.next-integration-note{color:#52657e;background:#f9fbfd;border:1px dashed #cfd9e8;border-radius:12px;align-items:center;gap:10px;margin-top:11px;padding:12px 14px;display:flex}.next-integration-note svg{color:#2f6df6}.next-integration-note b,.next-integration-note span{display:block}.next-integration-note b{font-size:9px}.next-integration-note span{color:#8491a3;margin-top:2px;font-size:8px}.charge-modal .form-grid textarea{resize:vertical;color:#30425d;width:100%;font:inherit;border:1px solid #dfe6ef;border-radius:9px;outline:0;padding:10px}.full-field{grid-column:1/-1}.full-field em{color:#d84c4c;font-style:normal}.charge-original{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.charge-original>div{background:#f8fafc;border:1px solid #edf1f6;border-radius:10px;padding:12px}.charge-original small,.charge-original strong{display:block}.charge-original small{color:#8491a4;font-size:8px}.charge-original strong{margin-top:4px;font-size:12px}.audit-hint{color:#43638f;background:#eef4ff;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:8px;line-height:1.5}@media (width<=1200px){.billing-builder{grid-template-columns:1fr 1fr 1fr}.billing-builder-copy{grid-column:1/-1}.billing-layout{grid-template-columns:1fr}.period-list{max-height:280px}.billing-kpis,.charge-kpis{grid-template-columns:1fr 1fr}}@media (width<=720px){.billing-builder{grid-template-columns:1fr}.billing-builder-copy{grid-column:auto}.billing-layout,.billing-kpis,.charge-kpis{grid-template-columns:1fr}.period-actions{flex-direction:column;align-items:stretch}.period-actions label{width:100%;margin:0}.period-actions button{justify-content:center}.period-row{grid-template-columns:auto 1fr}.period-money{text-align:left;grid-column:2}.charge-original{grid-template-columns:1fr}}.integration-two-main{align-items:stretch}.asaas-logo{color:#0f9f5f;background:linear-gradient(135deg,#22c55e24,#2563eb1f)}.webhook-card{min-height:100%}.webhook-endpoint{background:#f8fafc;border:1px solid #e6ebf3;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:14px 15px;display:flex}.webhook-endpoint small{color:#f97316;letter-spacing:.08em;font-size:10px;font-weight:800}.webhook-endpoint code{color:#17233c;overflow-wrap:anywhere;font-size:12px}.integration-small-note{color:#708099;margin:12px 0 0;font-size:12px;line-height:1.55}.charge-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:210px;display:flex}.primary-table-action{color:#2459e8!important;background:#eef4ff!important;border-color:#d8e4ff!important}.asaas-payment-cell{flex-direction:column;align-items:flex-start;gap:5px;max-width:165px;display:flex}.asaas-payment-cell small{text-overflow:ellipsis;white-space:nowrap;color:#7b879b;max-width:160px;font-size:10px;overflow:hidden}.asaas-chip.warning{color:#c65c09;background:#fff7ed;border-color:#fed7aa}.status-issuing{color:#c65c09;background:#fff7ed}.status-refunded{color:#7447d7;background:#f4f0ff}@media (width<=960px){.charge-actions{min-width:160px}}.driver-sync-button{white-space:nowrap;height:38px;padding:0 13px;font-size:9px}@media (width<=1100px){.driver-sync-button{width:100%}}.charges-real-table{min-width:1660px}.billing-rule-pill{color:#315fd0;white-space:nowrap;background:#eef4ff;border-radius:999px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.charge-context-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0;display:grid}.charge-context-grid>div{background:#f8fafc;border:1px solid #e8edf4;border-radius:10px;padding:11px 12px}.charge-context-grid small,.charge-context-grid strong{display:block}.charge-context-grid small{color:#8390a3;font-size:8px}.charge-context-grid strong{color:#344963;margin-top:4px;font-size:11px}.charge-modal-wide{width:min(720px,100vw - 32px)}@media (width<=720px){.charge-context-grid{grid-template-columns:1fr 1fr}}.automation-panel{margin-bottom:14px}.automation-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.automation-toggle{color:#6f7d91;cursor:pointer;background:#fff;border:1px solid #dfe7f2;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:800;display:inline-flex}.automation-toggle.on{color:#16a166;background:#eefaf4;border-color:#cfeede}.automation-toggle:disabled{opacity:.6;cursor:not-allowed}.overdue-days{color:#e54f55}.machine-state{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.machine-state.active{color:#15985f;background:#e8f9f0}.machine-state.suspended{color:#dd4b51;background:#fff0f0}@media (width<=900px){.automation-controls{justify-content:flex-start}.automation-toggle{justify-content:center;width:100%}}.individual-billing-panel{overflow:hidden}.fixed-rule-editor-head{background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,#fff8f2 100%);border:1px solid #e7edf6;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:18px;margin:18px 0 12px;padding:16px;display:flex}.fixed-rule-editor-copy{align-items:center;gap:12px;min-width:280px;display:flex}.fixed-rule-editor-copy b{color:#132c4d;font-size:13px;display:block}.fixed-rule-editor-copy small{color:#7b8798;max-width:560px;margin-top:4px;font-size:9px;line-height:1.5;display:block}.fixed-rule-icon{color:#fff;background:linear-gradient(135deg,#346bf0,#ff7a18);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 18px #325dbe2e}.fixed-rule-quick{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.fixed-rule-quick label{color:#718198;flex-direction:column;gap:5px;font-size:8px;font-weight:800;display:flex}.money-input,.inline-money-editor{background:#fff;border:1px solid #dce5f0;border-radius:9px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.money-input:focus-within,.inline-money-editor:focus-within{border-color:#3972ee;box-shadow:0 0 0 3px #3972ee17}.money-input i,.inline-money-editor span{color:#708099;background:#f6f8fb;align-self:stretch;align-items:center;padding:0 8px;font-size:9px;font-style:normal;font-weight:800;display:flex}.money-input input{color:#142b49;border:0;outline:0;width:112px;height:36px;padding:0 9px;font-weight:800}.inline-money-editor{width:145px}.inline-money-editor input{color:#0d55dc;border:0;outline:0;width:100%;height:32px;padding:0 9px;font-size:10px;font-weight:900}.fixed-editor-table{min-width:1060px}.fixed-editor-table td{vertical-align:middle}.legacy-rule{color:#b56a22}.due-policy-strip{color:#2f5a98;background:#f4f8ff;border:1px solid #dce9ff;border-radius:12px;align-items:center;gap:10px;margin:0 0 13px;padding:11px 13px;display:flex}.due-policy-strip>div{flex:1}.due-policy-strip b,.due-policy-strip small{display:block}.due-policy-strip b{color:#163d77;font-size:10px}.due-policy-strip small{color:#6d7f98;margin-top:3px;font-size:8px;line-height:1.45}.locked-due-actions{align-items:stretch!important}.locked-due-card{color:#3662a2;background:#f7faff;border:1px solid #dfe8f3;border-radius:10px;align-items:center;gap:9px;min-width:190px;padding:9px 12px;display:flex}.locked-due-card span{grid-template-columns:auto auto;align-items:end;gap:1px 7px;display:grid}.locked-due-card small{color:#8190a6;letter-spacing:.08em;grid-column:1/-1;font-size:7px;font-weight:900}.locked-due-card b{color:#15385f;font-size:11px}.locked-due-card em{color:#74849a;font-size:8px;font-style:normal}.locked-charge-due{background:#f7faff;border:1px solid #dfe8f3;border-radius:10px;flex-direction:column;justify-content:center;padding:10px 12px;display:flex}.locked-charge-due small{color:#8290a3;font-size:8px}.locked-charge-due strong{color:#173e70;margin-top:3px;font-size:12px}.locked-charge-due span{color:#65778e;margin-top:2px;font-size:8px}@media (width<=900px){.fixed-rule-editor-head{flex-direction:column;align-items:stretch}.fixed-rule-quick{justify-content:flex-start}.locked-due-actions{flex-wrap:wrap}}.history-actions{align-items:center;gap:8px;display:flex}.history-clear-button{color:#c53b3b;cursor:pointer;background:#fff7f7;border:1px solid #ffd8d8;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 11px;font:700 9px/1 inherit;display:inline-flex}.history-clear-button:hover{background:#fff0f0;border-color:#ffc4c4}.history-clear-button:disabled{opacity:.55;cursor:not-allowed}.report-filter-panel{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;padding:16px 18px;display:flex}.report-filter-title{color:#143258;align-items:center;gap:10px;display:flex}.report-filter-title>div{flex-direction:column;gap:3px;display:flex}.report-filter-title small{color:#8190a4;font-size:10px}.report-filter-fields{align-items:flex-end;gap:10px;display:flex}.report-filter-fields label{color:#6f8096;flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.report-filter-fields input{color:#18314f;background:#fff;border:1px solid #e0e7ef;border-radius:9px;min-width:150px;padding:9px 10px}.reports-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.reports-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:14px;display:grid}.report-status-list{padding:4px 16px 18px}.report-status-row{border-bottom:1px solid #edf1f5;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.report-status-row:last-child{border-bottom:0}.report-status-row strong{color:#53677f;font-size:10px}.report-status-row b{color:#17365c;font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-card{padding:18px}.settings-card-head{border-bottom:1px solid #edf1f5;align-items:center;gap:11px;padding-bottom:15px;display:flex}.settings-card-head h2{color:#13345e;margin:0;font-size:15px}.settings-card-head p{color:#8391a4;margin:3px 0 0;font-size:10px}.settings-icon{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.settings-icon svg{width:18px;height:18px}.settings-icon.blue{color:#2767e8;background:#edf4ff}.settings-icon.orange{color:#f57c21;background:#fff2e9}.settings-form{gap:15px;margin-top:16px;display:grid}.settings-form label{color:#53677f;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.settings-form input,.settings-form select{color:#18314f;background:#fff;border:1px solid #dfe7f0;border-radius:9px;padding:10px}.settings-form small{color:#8997a9;font-size:9px;font-weight:500}.settings-toggles{margin-top:12px}.setting-toggle-row{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.setting-toggle-row>div{flex-direction:column;gap:4px;display:flex}.setting-toggle-row strong{color:#203c5f;font-size:11px}.setting-toggle-row small{color:#8290a3;max-width:430px;font-size:9px;line-height:1.45}.switch-control{cursor:pointer;background:#dce4ed;border:0;border-radius:999px;width:46px;height:25px;padding:3px;transition:all .2s}.switch-control span{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block;box-shadow:0 2px 5px #1e32502e}.switch-control.on{background:#2e6cf3}.switch-control.on span{transform:translate(21px)}.settings-save-bar{background:#fff;border:1px solid #e5ebf2;border-radius:13px;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 16px;display:flex}.settings-save-bar>div{flex-direction:column;gap:3px;display:flex}.settings-save-bar strong{color:#17365c;font-size:11px}.settings-save-bar small{color:#8391a5;font-size:9px}@media (width<=1200px){.reports-kpi-grid{grid-template-columns:repeat(3,1fr)}.reports-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=760px){.report-filter-panel,.report-filter-fields,.settings-save-bar{flex-direction:column;align-items:stretch}.reports-kpi-grid{grid-template-columns:1fr 1fr}}