@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#132238;background:#f6f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;min-width:252px;background:#0c1525;color:#d7dfed;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;z-index:15;box-shadow:10px 0 30px #1021390d}.logo-wrap{height:92px;padding:26px 22px;display:flex;align-items:center;gap:12px}.brand-logo{width:41px;height:41px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(138deg,#2d80fe,#1862d9);color:white;box-shadow:0 8px 25px #1862d955;flex:none}.logo-text{font:800 14px/1.13 'Manrope',sans-serif;letter-spacing:1.08px;color:white;display:block}.logo-text>span{display:block;color:#4d94ff}.logo-text>small{font:800 9px/1.5 'Manrope';letter-spacing:2.9px;color:#7e97bc}.org-selector{height:68px;min-height:68px;border:1px solid #27384f;background:#132137;border-radius:11px;margin:1px 14px 17px;padding:10px;display:flex;align-items:center;gap:9px}.org-ava{width:36px;height:36px;border-radius:9px;background:#1b3452;color:#7ab4ff;display:grid;place-items:center;flex:none}.org-details{flex:1;min-width:0}.org-details>b{color:white;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-details>small{color:#849ab6;font-size:10px}.org-selector>svg{color:#8395b1}.sidebar-scroll{overflow:auto;flex:1;padding:0 12px}.nav-section{margin:17px 12px 9px;color:#657995;font-weight:800;font-size:9px;letter-spacing:1.8px}.nav-item{border:0;background:transparent;color:#9daec4;width:100%;display:flex;align-items:center;gap:14px;text-align:left;font-weight:600;font-size:12.5px;padding:12.5px 13px;border-radius:9px;position:relative;margin-bottom:3px;transition:.2s}.nav-item:hover{color:#e7f1ff;background:#1a2a43}.nav-active{background:#1a3154;color:#f6faff}.nav-active>svg{color:#6da8ff}.nav-active-bar{position:absolute;right:0;top:25%;height:50%;width:3px;border-radius:3px;background:#5695ff}.sidebar-bottom{padding:14px}.support-box{background:linear-gradient(135deg,#173762,#112647);border:1px solid #23456f;border-radius:12px;padding:16px;color:#e6f0ff}.support-icon{width:29px;height:29px;border-radius:9px;background:#2a568e;display:grid;place-items:center;color:#8fc0ff;margin-bottom:9px}.support-box>b{font-size:11.5px}.support-box>p{font-size:10px;color:#a9bfdf;margin:6px 0 0}.sidebar-signout{width:100%;border:0;background:transparent;color:#9aacc5;display:flex;gap:11px;align-items:center;margin-top:11px;padding:11px;font-size:12px;font-weight:600}.sidebar-signout:hover{color:white}.main-shell{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:73px;min-height:73px;background:white;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.top-left,.top-actions{display:flex;align-items:center;gap:14px}.top-left{font-size:12px}.top-left>b{color:#273b56}.breadcrumb{color:#91a0b2}.breadcrumb-chev{transform:rotate(180deg);color:#acb7c5}.top-actions{gap:16px}.live-status{color:#6c8696;font-size:9px;letter-spacing:1px;font-weight:800;display:flex;align-items:center;gap:7px}.live-status i,.pulse-dot{display:inline-block;width:7px;height:7px;background:#22bd86;box-shadow:0 0 0 4px #25ce9a17;border-radius:50%}.icon-btn{border:0;background:transparent;color:#6e7f94;width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.icon-btn:hover{background:#eef3fc;color:#255fe6}.user-chip{border-left:1px solid #e9edf4;padding-left:16px;display:flex;align-items:center;gap:9px}.user-chip>span{width:36px;height:36px;display:grid;place-items:center;background:#e7efff;color:#3169d4;border-radius:11px;font-weight:800}.user-chip b{font-size:11px;display:block}.user-chip small{color:#96a3b7;font-size:10px}.content{padding:35px 38px 60px;max-width:1650px;width:100%;margin:0 auto}.page-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{color:#417ded;font-size:10px;font-weight:800;letter-spacing:1.9px;margin-bottom:7px}.page-title h1{font:800 28px/1.2 'Manrope',sans-serif;letter-spacing:-.7px;margin:0 0 7px;color:#102239}.page-title p{color:#8897aa;font-size:12.5px;margin:0}.date-chip{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e5ebf4;border-radius:9px;padding:11px 15px;color:#6d7f95;font-weight:700;font-size:11px;white-space:nowrap}.welcome-banner{height:230px;border-radius:17px;background:linear-gradient(105deg,#102b5a 0%,#113d86 55%,#1764bd 100%);position:relative;overflow:hidden;padding:30px 39px;margin-bottom:24px;color:white;display:flex;justify-content:space-between;box-shadow:0 14px 32px #19529d19}.banner-tag{display:inline-flex;align-items:center;gap:7px;background:#ffffff1b;border:1px solid #ffffff2c;padding:5px 9px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#c5e0ff}.welcome-banner h2{font:800 24px/1.21 'Manrope',sans-serif;letter-spacing:-.4px;margin:11px 0 6px}.welcome-banner p{font-size:11.5px;color:#bbd5f7;margin:0 0 16px;max-width:430px}.btn{border:0;background:#357bf7;color:white;border-radius:9px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;white-space:nowrap;transition:.18s;box-shadow:0 6px 15px #2667ee1f}.btn:hover{background:#2365e7;transform:translateY(-1px)}.welcome-banner .btn{background:white;color:#174786;padding:10px 14px;font-size:11px}.welcome-banner .btn:hover{background:#e9f3ff}.btn-outline{background:white;color:#52677f;border:1px solid #e1e7f1;box-shadow:none}.btn-outline:hover{background:#f6f9ff}.btn-sm{padding:8px 12px;font-size:11px}.banner-visual{position:absolute;right:2%;top:-55px;width:400px;height:350px;display:grid;place-items:center;opacity:.94}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:27px 27px;transform:rotate(-23deg) scale(1.4);mask-image:radial-gradient(circle,#000 10%,transparent 70%)}.visual-icon{width:160px;height:160px;border-radius:43px;background:linear-gradient(145deg,#FFFFFF23,#d1e7ff08);border:1px solid #ffffff36;display:grid;place-items:center;transform:rotate(-15deg);box-shadow:0 0 90px #79b1ff35;color:#d8eeff}.visual-orbit{position:absolute;width:270px;height:270px;border:1px solid #a4d0ff24;border-radius:50%}.orbit-two{width:350px;height:350px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.metric{min-height:158px;border:1px solid #e8edf5;border-radius:14px;background:#fff;padding:20px;box-shadow:0 6px 20px #19304a04}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.metric-icon{height:38px;width:38px;border-radius:11px;display:grid;place-items:center}.metric-blue{background:#e9f1ff;color:#3c78ed}.metric-green{background:#e4f9ee;color:#16a879}.metric-amber{background:#fff4e0;color:#edaa39}.metric-violet{background:#f0eaff;color:#9168e8}.metric-label{color:#7f91a7;font-size:11px;font-weight:700}.metric-value{font:800 24px/1.3 'Manrope',sans-serif;color:#13253f;letter-spacing:-.8px;margin:4px 0}.metric-note{font-size:10px;color:#91a1b4;display:flex;align-items:center;gap:4px}.metric-note svg{color:#55aa9a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(275px,1fr);gap:20px;margin-bottom:21px}.panel{background:white;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 6px 20px #19304a04}.chart-panel{padding:23px 24px 15px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-head h3{font:800 14px 'Manrope',sans-serif;letter-spacing:-.3px;margin:0 0 6px;color:#1b2c45}.panel-head p{font-size:11px;color:#92a0b1;margin:0}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#8f9bad}.chart-legend span{display:flex;gap:5px;align-items:center}.chart-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-blue{background:#407cf8}.legend-gray{background:#b4c1d1}.chart-wrap{height:250px;margin-top:14px}.highlights{padding:23px 23px 18px}.panel-icon{color:#4c83e4}.highlight-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0f3f8;padding:17px 0}.highlight-row>div{flex:1}.highlight-row>div>span{font-size:10px;color:#8a9aaf;display:block}.highlight-row>div>b{font:800 17px 'Manrope';color:#1c2e49;display:block;margin-top:3px}.highlight-row>svg{color:#c2ccda}.hi-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none}.hi-icon svg{width:19px}.hi-blue{background:#ecf3ff;color:#4086eb}.hi-green{background:#e9f9f0;color:#30b486}.hi-amber{background:#fff3e2;color:#e6ab4b}.result-note{background:#f4f7fd;border-radius:11px;padding:13px 14px;margin-top:15px}.result-note>span{font-size:10px;color:#71849e;display:block;font-weight:700}.result-note>strong{font:800 19px 'Manrope';display:block;margin:5px 0;color:#2154a2}.result-note>strong.negative{color:#d25365}.result-note>small{display:block;font-size:9px;color:#9ba9ba;line-height:1.5}.list-panel{overflow:hidden}.list-panel>.panel-head{padding:23px 24px 18px}.panel-link{border:0;background:transparent;color:#3774e6;font-size:11px;font-weight:800;display:flex;align-items:center;gap:6px}.table-scroll{overflow-x:auto;width:100%}table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}thead{background:#f8fafd}th{font-size:9px;letter-spacing:.85px;color:#91a0b2;padding:13px 20px;font-weight:800;white-space:nowrap}td{border-top:1px solid #f0f3f8;padding:15px 20px;font-size:11px;color:#708197;white-space:nowrap}td>b{color:#243750;font-weight:800}td>small{font-size:10px;color:#9ba8bb}.plate{border:1px solid #dbe3ee;background:#f5f8fc;border-radius:5px;padding:5px 8px;font:800 10px 'Manrope';color:#344964;letter-spacing:1px;white-space:nowrap}.status{font-size:10px;display:inline-block;border-radius:50px;padding:6px 10px;font-weight:800;white-space:nowrap}.status-success{color:#199770;background:#e8f9ef}.status-danger{color:#c75c70;background:#ffedf0}.status-warning{color:#c38a29;background:#fff3df}.status-neutral{color:#607eac;background:#eaf1fc}.empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center}.empty-icon{color:#4e83df;background:#f0f6ff;border-radius:14px;width:55px;height:55px;display:grid;place-items:center}.empty h3{font-size:14px;margin:14px 0 4px}.empty p{font-size:11px;max-width:290px;color:#91a0b2;margin:0;line-height:1.6}.section-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:21px}.mini-stat{background:white;border:1px solid #e8edf5;display:flex;align-items:center;gap:14px;padding:22px;border-radius:13px}.mini-stat-icon{width:45px;height:45px;border-radius:12px;background:#edf3ff;color:#3c78ed;display:grid;place-items:center;flex:none}.mini-stat>div{min-width:0}.mini-stat small{font-size:11px;color:#8b9caf;display:block}.mini-stat strong{font:800 20px 'Manrope',sans-serif;color:#18304b;white-space:nowrap}.table-tools{padding:19px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.search-wrap{background:#f8fafd;border:1px solid #e9eef6;border-radius:9px;display:flex;align-items:center;gap:10px;color:#9bacc0;padding:0 12px;min-width:0;width:min(400px,100%);height:41px}.search-wrap input{background:transparent;border:0;outline:0;color:#23354b;font-size:11px;flex:1;min-width:0}.search-side{font-size:11px;color:#a2aec0;display:flex;gap:7px;align-items:center}.table-action{background:transparent;border:0;display:inline-flex;align-items:center;color:#3479df;font-size:11px;font-weight:800;gap:5px}.table-action:hover{text-decoration:underline}.customer-cell{display:flex;align-items:center;gap:10px}.customer-avatar{width:33px;height:33px;border-radius:9px;background:#e9f0fe;color:#387be8;display:grid;place-items:center;font-weight:800}.customer-cell b{display:block;color:#1e344d}.customer-cell small{font-size:10px;color:#96a4b6;display:block;margin-top:4px}.block-sub{display:block;margin-top:8px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.report-card{background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:22px;min-width:0}.report-ico{color:#3475e8;background:#eef4ff;height:45px;width:45px;border-radius:12px;display:grid;place-items:center}.report-card h3{font:800 15px 'Manrope';margin:16px 0 5px}.report-card p{color:#92a0b2;font-size:11px;min-height:31px;line-height:1.5}.report-foot{border-top:1px solid #eef2f8;margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.report-foot span{font-size:10px;color:#94a0b0}.report-foot button{border:1px solid #e1e8f5;background:#f8fbff;color:#356fe1;border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.info-panel{background:#eef4ff;border:1px solid #deebff;display:flex;gap:12px;align-items:flex-start;color:#5b7da7;padding:17px;border-radius:11px;margin-top:21px}.info-panel p{font-size:11px;line-height:1.7;margin:0}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-panel{padding:24px}.company-detail{border-bottom:1px solid #eef2f8;padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.company-detail span{color:#8b9bad}.company-detail b{color:#20374f;text-align:right;overflow-wrap:anywhere}.company-detail code{color:#7f90ac;font-size:9px;overflow-wrap:anywhere;max-width:190px}.settings-panel>.btn{margin-top:21px}.caution{color:#a6825c;background:#fff8ed;border:1px solid #f6e9cf;font-size:11px;padding:12px 14px;border-radius:9px;line-height:1.6}.overlay{position:fixed;inset:0;z-index:30;background:#08172999;display:flex;justify-content:center;align-items:center;padding:18px;backdrop-filter:blur(2px)}.modal{width:min(100%,590px);max-height:92vh;background:white;border-radius:18px;padding:25px;overflow-y:auto;box-shadow:0 25px 80px #07182d44}.modal-large{width:min(100%,770px)}.modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #e9eff6;padding-bottom:19px;margin-bottom:23px}.modal-head h2{font:800 21px 'Manrope';color:#142b44;margin:0 0 7px}.modal-head p{font-size:11px;line-height:1.6;color:#8798ac;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:11px;font-weight:800;color:#4e6280}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe7f1;border-radius:9px;background:#fcfdff;color:#1c324e;min-height:42px;padding:10px 12px;outline:none;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4388f7;box-shadow:0 0 0 3px #4388f710}.field-wide{grid-column:1/-1}.modal-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:21px}.modal-footer.field-wide{margin-top:5px}.selection-head{display:flex;justify-content:space-between;font-size:12px;color:#1e324c;padding-bottom:14px}.selection-head span{font-size:10px;color:#8497b0}.invoice-selection{border:1px solid #e9edf5;border-radius:11px;padding:15px;margin-top:20px;max-height:280px;overflow:auto}.selection-item{display:flex;align-items:center;gap:12px;padding:13px 3px;border-top:1px solid #eff2f8;font-size:11px}.selection-item>span:not(.plate){flex:1;min-width:0}.selection-item>span>small{display:block;color:#9aa9ba;margin-top:3px}.selection-item>b{color:#17304b;white-space:nowrap}.selection-item input{accent-color:#2674e7}.invoice-total,.invoice-facts{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:16px;background:#f4f8ff;border-radius:9px;color:#58729b}.invoice-total strong{font:800 21px 'Manrope';color:#225bbb}.inline-empty{text-align:center;font-size:11px;color:#93a1b1;padding:12px}.invoice-facts{gap:15px}.invoice-facts>div{flex:1}.invoice-facts span{display:block;font-size:10px}.invoice-facts b{font:800 18px 'Manrope';color:#294c7c}.text-danger{color:#c25c6b}.link-button,.text-button{border:0;background:none;font-size:11px;font-weight:700;padding:11px}.toast{position:fixed;right:23px;bottom:24px;z-index:50;background:#12233d;color:white;padding:15px 17px;display:flex;align-items:center;gap:12px;border-radius:11px;max-width:450px;box-shadow:0 20px 40px #09214244;font-size:12px;line-height:1.4}.toast>button{border:0;background:transparent;color:#b8c8df;display:grid;place-items:center}.auth-shell{height:100vh;min-height:620px;display:grid;grid-template-columns:55% 45%;background:white}.auth-art{background:linear-gradient(145deg,#0a1931,#10346e 85%);color:white;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px 55px;overflow:hidden}.auth-bg-circle{position:absolute;width:650px;height:650px;border:1px solid #ffffff13;border-radius:50%;left:21%;top:23%;box-shadow:0 0 0 80px #ffffff07,0 0 0 160px #ffffff04}.auth-brand{display:flex;align-items:center;gap:11px;z-index:1;font:800 15px 'Manrope';letter-spacing:1px}.auth-brand b{color:#5ba1ff}.auth-message{z-index:1;max-width:570px}.mini-kicker{font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:12px;color:#bbd4f6;font-weight:700}.auth-message h1{font:800 clamp(33px,3.4vw,55px)/1.19 'Manrope';letter-spacing:-1.5px;margin:23px 0 17px}.auth-message h1 em{font-style:normal;color:#58a2ff}.auth-message>p{font-size:14px;color:#bacbe4;line-height:1.8;max-width:465px}.auth-feature{display:flex;flex-direction:column;gap:16px;margin-top:45px}.auth-feature span{font-size:12px;color:#d4e6fc;display:flex;align-items:center;gap:12px}.auth-feature svg{color:#6da8ff}.auth-foot{z-index:1;color:#7490b3;font-size:11px}.auth-panel{display:grid;place-items:center;padding:35px}.auth-form{width:min(100%,370px)}.auth-icon{width:50px;height:50px;color:#3379eb;background:#eaf2ff;border-radius:13px;display:grid;place-items:center;margin-bottom:21px}.auth-form h2{font:800 25px 'Manrope';margin:0 0 7px}.muted{color:#95a1b0;font-size:12px;line-height:1.7}.auth-tabs{display:flex;background:#f3f6fb;border-radius:10px;padding:5px;margin:26px 0 24px}.auth-tabs button{flex:1;border:0;color:#8799b0;font-size:12px;font-weight:800;padding:12px;background:transparent;border-radius:8px}.auth-tabs button.selected{color:#2168d9;background:white;box-shadow:0 4px 15px #1c35501a}.auth-form .field{margin-bottom:17px}.auth-form .btn{width:100%;margin-top:10px;height:45px}.auth-note{display:flex;align-items:center;gap:7px;justify-content:center;font-size:10px;color:#9caabc;margin-top:22px}.auth-mobile-logo{display:none}.alert-error{background:#fff0f0;color:#c44155;font-size:11px;padding:11px 13px;border-radius:9px}.alert-ok{background:#e8faee;color:#258c5a;font-size:11px;padding:11px 13px;border-radius:9px}.setup-screen,.configure-screen,.center-loading{min-height:100vh;background:#f4f7fc;display:grid;place-items:center;padding:20px}.setup-card,.configure-card{max-width:670px;background:white;border:1px solid #e8edf5;padding:38px;border-radius:18px;box-shadow:0 25px 65px #132b4613}.brand-line{display:flex;align-items:center;gap:13px;font-size:14px}.setup-step{margin-top:35px;color:#427ee5;letter-spacing:1.5px;font-size:10px;font-weight:800}.setup-card h1,.configure-card h1{font:800 28px 'Manrope';color:#1b324e}.setup-card>p,.configure-card>p{color:#7a8aa1;font-size:13px;line-height:1.8;margin-bottom:24px}.setup-hint{display:flex;align-items:center;gap:9px;color:#6a84a4;font-size:11px;margin-top:20px}.configure-card{max-width:570px}.configure-card code{display:block;background:#eef3fa;padding:11px;margin-bottom:10px;border-radius:8px;color:#2862ba}.configure-card small{color:#8d9aad}.config-icon{height:55px;width:55px;display:grid;place-items:center;border-radius:14px;background:#eaf2ff;color:#3d80e9}.center-loading{display:flex;gap:10px;color:#6882ab}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.mobile-menu,.mobile-close{display:none}.mobile-scrim{display:none}.print-only{display:none}
@media(min-width:1500px){.content{padding-left:50px;padding-right:50px}}
@media(max-width:1150px){.sidebar{width:225px;min-width:225px}.content{padding:30px 23px}.topbar{padding:0 23px}.metrics-grid{gap:11px}.metric{padding:17px}.metric-value{font-size:20px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{position:fixed;transform:translateX(-105%);transition:transform .22s;box-shadow:none;width:266px;min-width:266px}.sidebar-open{transform:translateX(0)}.mobile-scrim{display:block;position:fixed;inset:0;z-index:14;background:#06132985}.mobile-menu,.mobile-close{display:grid}.mobile-close{margin-left:auto;border:0;background:transparent;color:#cad4e6}.content{padding:25px 20px 70px}.dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{grid-template-columns:44% 56%}.auth-art{padding:28px}.auth-message h1{font-size:30px}.auth-feature{margin-top:30px}.auth-message>p{font-size:12px}}
@media(max-width:570px){.topbar{height:61px;min-height:61px;padding:0 15px}.top-left{gap:8px}.top-left .breadcrumb,.breadcrumb-chev{display:none}.top-actions{gap:6px}.live-status{display:none}.user-chip{padding-left:9px}.user-chip>div{display:none}.content{padding:25px 14px 80px}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:24px}.page-title p{font-size:11px;line-height:1.6}.page-title .title-action .btn{font-size:0;gap:0;padding:12px}.page-title .title-action .btn svg{width:18px;height:18px}.page-title .title-action .btn svg:last-child:not(:first-child){display:none}.date-chip{font-size:0;padding:11px}.date-chip svg{width:18px}.welcome-banner{height:210px;padding:20px 21px;border-radius:14px}.welcome-banner h2{font-size:19px;line-height:1.27;position:relative;z-index:2}.welcome-banner p{font-size:10px;position:relative;z-index:2;max-width:260px}.welcome-banner .btn{font-size:10px;position:relative;z-index:2}.banner-visual{right:-185px;top:-10px;width:360px;height:230px;opacity:.24}.visual-icon{width:130px;height:130px}.metrics-grid{gap:10px;margin-bottom:12px}.metric{min-height:147px;padding:15px;border-radius:12px}.metric-top{margin-bottom:12px}.metric-icon{width:34px;height:34px}.metric-icon svg{width:18px}.metric-label{font-size:10px;line-height:1.4;min-height:25px}.metric-value{font-size:17px;letter-spacing:-.6px}.metric-note{font-size:9px}.chart-panel,.highlights{padding:19px 16px}.panel-head h3{font-size:13px}.chart-legend{display:none}.chart-wrap{height:205px}.section-stats{gap:10px}.mini-stat{padding:12px;display:block;min-height:109px}.mini-stat-icon{width:30px;height:30px;margin-bottom:10px}.mini-stat-icon svg{width:17px}.mini-stat small{font-size:9px;line-height:1.3;min-height:24px}.mini-stat strong{font-size:14px}.table-tools{padding:14px}.search-side{display:none}.search-wrap{width:100%}.list-panel>.panel-head{padding:19px 15px}.report-grid{grid-template-columns:1fr;gap:12px}.settings-layout{grid-template-columns:1fr}.modal{padding:18px;max-height:96vh;border-radius:13px}.modal-head h2{font-size:18px}.form-grid{gap:12px}.field>span{font-size:10px}.field input,.field select,.field textarea{font-size:11px}.auth-shell{display:block;min-height:100vh;height:auto}.auth-art{display:none}.auth-panel{min-height:100vh;padding:25px 23px}.auth-mobile-logo{display:flex;gap:8px;align-items:center;color:#2367c9;font-size:11px;font-weight:800;margin:0 0 40px}.setup-card,.configure-card{padding:25px 17px}.setup-card h1{font-size:23px}.invoice-facts b{font-size:14px}.selection-item{gap:6px;flex-wrap:wrap}.selection-item .plate{font-size:9px}.selection-item>b{font-size:10px}.modal-footer{justify-content:stretch}.modal-footer .btn{flex:1;font-size:11px}.toast{left:14px;right:14px;bottom:14px;max-width:none}}
@media print{body{background:white!important}.sidebar,.topbar,.content,.toast,.overlay>.modal>.modal-head,.no-print{display:none!important}.overlay{display:block!important;position:static;background:white;padding:0;backdrop-filter:none}.modal{display:block!important;position:static;overflow:visible;box-shadow:none;border:0;max-height:none;width:100%;padding:0}.print-only{display:block}.invoice-selection{max-height:none;overflow:visible}.invoice-facts{border:1px solid #ddd}}

.org-selector{position:relative}.org-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.settings-panel>.btn{margin-top:18px}
/* V1.5 • Centro de suporte e permissões */
.customer-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.customer-actions .text-danger{color:#bd4158!important}
.chat-layout{display:grid;grid-template-columns:minmax(230px,315px) minmax(0,1fr);min-height:570px;height:min(72vh,780px);background:white;border:1px solid #e7eef8;border-radius:15px;overflow:hidden;box-shadow:0 6px 25px #18345c09}.chat-threads{background:#fbfcff;border-right:1px solid #e9eef8;overflow:auto}.chat-threads h3{font-size:13px;margin:0;padding:19px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf2f9}.chat-threads h3 span{margin-left:auto;color:#7795bd}.new-thread{display:flex;gap:7px;padding:12px;border-bottom:1px solid #edf2f9}.new-thread input{min-width:0;flex:1;padding:10px;border:1px solid #dce6f3;border-radius:8px;font-size:11px}.thread-item{background:transparent;border:0;border-bottom:1px solid #edf2f9;width:100%;text-align:left;padding:15px 17px;display:flex;flex-direction:column;gap:6px;color:#1b314d}.thread-item:hover,.thread-active{background:#eaf2ff}.thread-item b{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.thread-item small{color:#7291b2;font-size:10px}.thread-item .chat-tenant{color:#42639b}.chat-empty-side{padding:16px}.chat-main{display:flex;min-width:0;flex-direction:column;background:#f5f8fd}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;background:white;padding:16px 19px;border-bottom:1px solid #e8eef8;min-height:73px}.chat-heading>div{display:flex;flex-direction:column;gap:5px}.chat-heading b{font-size:13px}.chat-heading small{font-size:10px;color:#8297b0}.chat-messages{flex:1;min-height:0;padding:24px;overflow:auto;display:flex;flex-direction:column;gap:13px;align-items:flex-start}.bubble{max-width:min(86%,530px);background:white;border:1px solid #dfe9f6;padding:12px 15px;border-radius:13px 13px 13px 4px;box-shadow:0 3px 9px #152c4d07;overflow-wrap:anywhere}.bubble-support{background:#e2eefe;border-color:#ccdff8;align-self:flex-end;border-radius:13px 13px 4px 13px}.bubble-label{display:block;font-size:10px;font-weight:800;color:#4678b6}.bubble p{font-size:12px;line-height:1.55;margin:5px 0 7px;white-space:pre-wrap;color:#142b47}.bubble small{font-size:9px;color:#839ab2}.chat-send{display:flex;gap:10px;padding:12px 15px;background:white;border-top:1px solid #e7edf6}.chat-send input{flex:1;min-width:0;border:1px solid #dee8f6;border-radius:9px;padding:12px 13px;font-size:12px}.chat-placeholder{margin:auto;text-align:center;color:#6985ac;padding:25px;max-width:380px}.chat-placeholder h3{color:#1d3654}.chat-placeholder p{font-size:12px;line-height:1.6}.chat-closed{text-align:center;color:#8497b2;padding:17px;margin:0;font-size:11px;background:white}.admin-subtitle{margin:25px 0 13px;font-size:15px;color:#284464}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-stat{min-height:130px;padding:18px;display:flex;flex-direction:column;gap:9px;color:#3f7acc}.admin-stat small{color:#6f829c;font-size:11px}.admin-stat b{color:#18324c;font-size:25px;font-family:'Manrope',sans-serif}.admin-members,.admin-invite,.admin-audit{margin-bottom:16px;padding:23px}.admin-members .panel-head{padding:0 0 17px}.admin-members .panel-head h3,.admin-invite h3{display:flex;align-items:center;gap:8px}.admin-members .table-scroll{border:1px solid #e9edf5;border-radius:10px}.admin-invite>p{font-size:12px;color:#6d829c;line-height:1.65}.admin-invite .form-grid{margin-top:20px}.admin-audit h3{font-size:13px}
@media(max-width:700px){.chat-layout{grid-template-columns:1fr;height:auto;min-height:65vh}.chat-threads{border-right:0;border-bottom:1px solid #e9eef8;max-height:220px}.chat-main{min-height:440px}.chat-messages{padding:14px}.chat-heading{padding:13px}.chat-send{padding:10px}.chat-send .btn{font-size:0;min-width:42px}.admin-stats{grid-template-columns:1fr 1fr}.admin-stat{min-height:110px}.admin-members,.admin-invite,.admin-audit{padding:15px}.admin-invite .form-grid{grid-template-columns:1fr}}

/* V1.6 • Inbox sincronizado, mensagens não lidas e melhorias mobile */
.nav-chat-count{margin-left:auto;min-width:23px;height:22px;border-radius:99px;background:#2f7dfa;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font-size:10px!important;font-weight:800;padding:0 5px}
.chat-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px;font-size:11px;color:#7388a3}
.connection-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dae6f5;border-radius:30px;background:white;font-weight:750;color:#697e99}
.connection-live{color:#16815e;border-color:#bcebd7;background:#f2fcf8}
.connection-fallback{color:#a06b28;background:#fff9ee;border-color:#f1d9ae}
.chat-stat{padding:8px 12px;background:#eaf2ff;border-radius:20px;color:#3d6fab;font-weight:750}
.chat-unread-total{background:#e9f2ff;color:#1c67bf;padding:8px 12px;border-radius:20px;font-weight:800}
.chat-search{margin:11px 12px 0;border:1px solid #dfebfa;background:white;display:flex;align-items:center;gap:7px;border-radius:9px;padding:0 10px;color:#7395be}
.chat-search input{width:100%;min-width:0;background:transparent;outline:none;border:0;padding:11px 0;color:#244161;font-size:11px}
.chat-filter{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid #e9eff8}
.chat-filter button{flex:1;border:0;background:transparent;color:#6c84a1;padding:8px 2px;border-radius:6px;cursor:pointer;font-size:10px;font-weight:750}
.chat-filter button.chosen{background:#e6f0ff;color:#2466c5}
.thread-title{display:flex;align-items:center;justify-content:space-between;gap:6px}
.thread-unread{min-width:22px;height:22px;padding:0 6px;border-radius:50px;background:#2e72e5;color:white;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:900;flex-shrink:0}
.thread-item .thread-preview{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:100%;font-size:11px;color:#7d8da1}
.thread-metadata{display:flex;align-items:center;gap:4px}
.chat-send textarea{resize:none;flex:1;min-width:0;border:1px solid #dee8f6;border-radius:9px;padding:11px 13px;font-family:inherit;font-size:12px;line-height:1.4;min-height:60px;max-height:150px}
.chat-send .btn{align-self:center;white-space:nowrap}
.chat-privacy{color:#8598b2;font-size:11px;line-height:1.7;margin-top:14px}
@media(max-width:700px){.chat-toolbar{gap:6px}.chat-layout{height:calc(100dvh - 260px);min-height:500px;display:flex;flex-direction:column}.chat-threads{flex:0 0 auto;max-height:205px;overflow:auto}.chat-main{flex:1;min-height:250px}.chat-messages{min-height:110px}.chat-send textarea{font-size:16px}.chat-privacy{font-size:10px}}

/* V1.7 — gestão comercial da plataforma SaaS */
.saas-shell{margin:25px 0 40px}.saas-heading,.saas-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.saas-heading h2{display:flex;align-items:center;gap:10px;font-size:19px;color:#203e65;margin:0 0 5px}.saas-heading p{font-size:12px;color:#8295ad;margin:0}.saas-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.saas-metric{min-height:130px;padding:17px;display:flex;flex-direction:column;gap:6px}.saas-metric>svg{color:#4280e8}.saas-metric small{font-size:10px;color:#7e93ad}.saas-metric b{font:800 19px/1.15 'Manrope',sans-serif;color:#173451;overflow-wrap:anywhere}.saas-metric span{font-size:9px;color:#839ab7}.saas-tabs{display:flex;gap:9px;margin:24px 0 14px;flex-wrap:wrap}.saas-tabs button{border:1px solid #dfe8f5;border-radius:10px;padding:12px 16px;color:#607b99;background:white;font-size:12px;font-weight:750;display:inline-flex;gap:9px;align-items:center}.saas-tabs button.active{color:#236fd3;border-color:#b5cffb;background:#e9f1ff}.saas-columns{display:grid;grid-template-columns:minmax(250px,0.84fr) minmax(0,1.16fr);gap:16px;align-items:start}.saas-list{padding:0;overflow:hidden}.saas-list-scroll{max-height:660px;overflow:auto}.saas-search{display:flex;gap:9px;align-items:center;border-bottom:1px solid #e3eaf5;padding:15px 16px;color:#6486af}.saas-search input{width:100%;min-width:0;border:0;outline:none;font-size:12px;color:#163650}.saas-company{padding:17px 18px;display:block;width:100%;border:0;border-bottom:1px solid #ebeff6;background:white;text-align:left;color:#1d3858}.saas-company.chosen,.saas-company:hover{background:#edf4ff}.saas-company-head{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:7px}.saas-company-head b{font-size:13px;overflow-wrap:anywhere}.saas-company small{display:block;font-size:10px;line-height:1.7;color:#7a90ac}.saas-pill{padding:5px 7px;border-radius:20px;font-size:9px;font-weight:800;white-space:nowrap;background:#eaf1ff;color:#3968a6}.saas-pill.ok{background:#e7fbf1;color:#157956}.saas-pill.blocked{background:#fff0ec;color:#b94c37}.saas-editor{padding:22px}.saas-editor h3{display:flex;align-items:center;gap:8px;font-size:15px;color:#263e5b;margin:0 0 12px}.saas-editor>p{font-size:11px;line-height:1.65}.saas-editor>.form-grid,.saas-editor>form{margin-top:16px}.saas-note{font-size:11px;color:#88602d;background:#fff8ed;border:1px solid #f4e2bf;border-radius:9px;line-height:1.65;padding:12px 14px;margin-top:17px}.saas-section-head{padding:17px;margin:0;border-bottom:1px solid #eaf0f8}.saas-section-head h3{font-size:13px;margin:0}.saas-placeholder{text-align:center;color:#7391b3;padding:70px 25px}.saas-placeholder h3{justify-content:center;color:#284764}.saas-placeholder p{font-size:12px;line-height:1.7}.saas-payment{padding:16px 18px;border-bottom:1px solid #ebf0f8}.saas-payment b{font-size:12px;display:block}.saas-payment strong{font-size:16px;color:#1d69b3;display:block;margin:5px 0}.saas-payment small{font-size:10px;color:#8799b2}.saas-legal{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#7c8eaa;line-height:1.7;margin:15px 0}.saas-legal svg{flex:none}.subscription-gate{padding:60px 35px;margin:0 auto;max-width:620px;text-align:center;color:#527aa8}.subscription-gate h2{font-size:20px;color:#173958}.subscription-gate p{font-size:13px;line-height:1.85;color:#73869d}.subscription-gate .btn{margin-top:13px}
@media(max-width:1100px){.saas-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.saas-columns{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.saas-heading{align-items:flex-start;flex-direction:column}.saas-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.saas-metric{min-height:105px;padding:12px}.saas-metric b{font-size:16px}.saas-columns{grid-template-columns:1fr}.saas-list-scroll{max-height:310px}.saas-editor{padding:15px}.saas-editor .form-grid{grid-template-columns:1fr}.saas-editor .field-wide{grid-column:span 1}.saas-tabs button{font-size:11px;padding:10px 13px}}

/* V1.8 — caixa por unidade, conciliação e fechamento periódico */
.cash-shell{margin-bottom:32px}.cash-top{display:grid;grid-template-columns:minmax(250px,.84fr) minmax(0,1.8fr);gap:16px;align-items:start}.cash-select{padding:20px}.cash-select h3,.cash-editor h3{margin:0 0 15px;font-size:15px;display:flex;align-items:center;gap:8px;color:#203d5f}.cash-form{border-top:1px solid #edf1f8;margin-top:15px;padding-top:15px;display:flex;flex-direction:column;gap:12px}.cash-form h4{display:flex;align-items:center;gap:8px;margin:0;color:#3d618b;font-size:12px}.cash-form .btn{margin-top:5px}.cash-status{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:14px 0}.cash-status small{color:#6d85a0;font-size:11px}.cash-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cash-stat{padding:18px;min-height:143px;display:flex;flex-direction:column;gap:9px}.cash-stat>svg{color:#397de1}.cash-stat small{font-size:11px;color:#7b91aa}.cash-stat b{font-size:22px;color:#153552;font-weight:800;font-family:'Manrope',sans-serif}.cash-stat span{font-size:10px;color:#8198b2;line-height:1.6}.cash-empty{padding:45px 25px;margin:20px 0;text-align:center;color:#718ba6}.cash-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;align-items:start}.cash-editor{padding:20px;min-width:0}.cash-editor .table-scroll{max-height:490px;overflow:auto;margin:18px 0}.cash-editor .form-grid{margin-top:14px}.cash-hint{padding:11px 14px;background:#f2f7ff;border:1px solid #dfe9f7;border-radius:9px;font-size:11px;color:#5d7698;line-height:1.7;margin-top:15px}.cash-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.5fr);gap:0;margin-top:13px}.cash-summary>*{padding:12px;border-bottom:1px solid #edf2f9}.cash-summary span{color:#7489a1;font-size:12px}.cash-summary b{color:#204468;text-align:right;font-size:12px}.cash-difference{display:flex;justify-content:space-between;gap:10px;border-radius:9px;background:#edf4ff;padding:14px;font-size:12px;color:#47658e}.cash-difference b{color:#183c6e}.billing-wizard{padding:23px;margin:0 0 21px}.billing-wizard-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:18px}.billing-wizard h3{display:flex;align-items:center;gap:9px;margin:0 0 7px;color:#1c426a;font-size:17px}.billing-wizard-head p{color:#8294ab;font-size:12px;line-height:1.7;margin:0}.billing-wizard .form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.billing-wizard .field-wide{grid-column:span 4}.billing-quick>div{display:flex;flex-wrap:wrap;gap:5px}.billing-quick button{border-radius:7px;background:#eaf3ff;border:1px solid #cadffd;color:#2871cf;font-weight:800;padding:10px 8px;font-size:11px}.billing-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#f0f6ff;border-radius:10px;padding:17px}.billing-preview>div{display:flex;flex-direction:column;gap:5px}.billing-preview small{font-size:10px;color:#7690b0}.billing-preview b{font-size:16px;color:#204b85}.billing-preview-list{max-height:245px;overflow:auto}.billing-preview-list>p{color:#8597ab;font-size:11px;padding:14px;border:1px dashed #c9d9ea;border-radius:8px}.billing-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.billing-actions p{font-size:11px;color:#8194a8;line-height:1.6}.saas-section-head{padding:0 0 16px}.saas-section-head .muted{font-size:11px;color:#8294aa}
@media(max-width:1100px){.cash-top{grid-template-columns:1fr}.cash-columns{grid-template-columns:1fr}.saas-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-wizard .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-wizard .field-wide{grid-column:span 2}}
@media(max-width:700px){.cash-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-stat{padding:13px;min-height:127px}.cash-stat b{font-size:16px}.cash-select,.cash-editor,.billing-wizard{padding:15px}.billing-wizard .form-grid{grid-template-columns:1fr}.billing-wizard .field-wide{grid-column:span 1}.billing-preview{grid-template-columns:1fr 1fr}.billing-preview>div:last-child{grid-column:span 2}.billing-actions{flex-direction:column;align-items:stretch}.billing-actions .btn{white-space:normal}.cash-summary{grid-template-columns:1fr 1fr}.cash-difference{flex-direction:column}.saas-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V1.8.1 - identidade visual e PDF */
.branding-panel .panel-head h3{display:flex;align-items:center;gap:8px}
.branding-preview{min-height:112px;border-radius:12px;border:1px dashed #9db0ca;background:#f6f9fd;display:flex;align-items:center;justify-content:center;padding:16px;margin:15px 0}
.branding-preview img{display:block;max-width:240px;max-height:95px;object-fit:contain}
.branding-preview span{display:flex;gap:10px;align-items:center;color:#637891;font-size:13px}
.branding-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.branding-actions label.btn{cursor:pointer}.branding-actions label.disabled{opacity:.5;cursor:not-allowed}
.report-period{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:16px 20px;margin-bottom:18px}
.report-period>div{flex:1;min-width:220px}.report-period .field{min-width:140px}
.report-buttons{display:flex;gap:6px;flex-wrap:wrap}.report-foot{gap:10px}
.report-buttons button{display:inline-flex;align-items:center;gap:5px}
.report-buttons .pdf-button{background:#133d7a;color:#fff;border-color:#133d7a}
@media(max-width:640px){.report-period{display:grid;grid-template-columns:1fr 1fr}.report-period>div{grid-column:1/-1}.branding-preview{min-height:100px}}