:root{color-scheme:dark;--bg:#050505;--card:#101011;--surface:#18181a;--text:#f5f5f7;--muted:#a1a1a6;--border:rgba(255,255,255,.1);--accent:#0a84ff;--accent-strong:#409cff;--green:#30d158;--red:#ff453a;--orange:#ff9f0a;--purple:#bf5af2;--focus:rgba(10,132,255,.28);--shadow:0 8px 28px rgba(0,0,0,.28);--shadow-lg:0 28px 90px rgba(0,0,0,.62)}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#050505;--card:#101011;--surface:#18181a;--text:#f5f5f7;--muted:#a1a1a6;--border:rgba(255,255,255,.1);--accent:#0a84ff;--accent-strong:#409cff;--green:#30d158;--red:#ff453a;--orange:#ff9f0a;--purple:#bf5af2;--focus:rgba(10,132,255,.28);--shadow:0 8px 28px rgba(0,0,0,.28);--shadow-lg:0 28px 90px rgba(0,0,0,.62)}}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"SF Pro Display","Inter",system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}
body.modal-open{overflow:hidden}
::selection{background:var(--focus);color:var(--text)}
.container{width:100%;max-width:1440px;margin:0 auto;padding:24px 24px 80px}
.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:14px;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--border);border-radius:18px;padding:15px 16px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:46px;height:46px;border-radius:13px;background:#000;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(0,0,0,.08)}
.logo img{width:100%;height:100%;display:block;object-fit:cover}
.brand h1{font-size:22px;font-weight:700;letter-spacing:-.5px}
.brand h1 span{display:inline-flex;vertical-align:middle;margin-left:6px;padding:3px 7px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.2px;text-transform:uppercase}
.brand .sub{font-size:13px;color:var(--muted)}
.pill{font-size:12px;padding:6px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-weight:600}
.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:24px}
.kpi{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 92%,var(--surface)));border-radius:15px;padding:17px 18px;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--border)}
.kpi.green:before{background:var(--green)}.kpi.red:before{background:var(--red)}.kpi.orange:before{background:var(--orange)}.kpi.purple:before{background:var(--purple)}.kpi.blue:before{background:var(--accent)}
.kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 14px 34px rgba(0,0,0,.38)}
.kpi .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:6px}
.kpi .value{font-size:21px;font-weight:700;letter-spacing:-.5px}
.kpi .delta{font-size:12px;color:var(--muted);margin-top:4px}
.kpi.green .value{color:var(--green)}.kpi.red .value{color:var(--red)}.kpi.orange .value{color:var(--orange)}.kpi.purple .value{color:var(--purple)}.kpi.blue .value{color:var(--accent)}
.app-shell{display:flex;align-items:flex-start;gap:18px;min-width:0}
.content-area{flex:1 1 0%;min-width:0;max-width:100%}
.tabs{position:sticky;top:16px;display:flex;flex-direction:column;gap:4px;width:224px;max-height:calc(100vh - 32px);background:var(--card);padding:8px;border-radius:14px;border:1px solid var(--border);overflow-y:auto;margin-bottom:20px;box-shadow:var(--shadow);flex:0 0 auto;transition:width .18s ease,transform .18s ease}
.tabs-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}
.tabs-title{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
.nav-collapse,.nav-toggle{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;font-family:inherit;transition:all .15s}
.nav-collapse{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:13px;flex:0 0 auto}
.nav-collapse:hover,.nav-toggle:hover{border-color:var(--accent);color:var(--accent)}
.nav-toggle{display:none;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:12px;box-shadow:var(--shadow)}
.nav-toggle-icon{font-size:16px;line-height:1}
.nav-backdrop{display:none}
.tab{width:100%;min-height:42px;padding:9px 12px;font-size:14px;font-weight:500;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:10px;transition:background .15s,color .15s;white-space:nowrap;display:flex;align-items:center;gap:10px;text-align:left;font-family:inherit}
.tab-icon{width:22px;text-align:center;flex:0 0 auto}
.tab-label{overflow:hidden;text-overflow:ellipsis}
.tab.active{background:var(--accent);color:#fff}
.tab:hover:not(.active){background:rgba(255,255,255,.06);color:var(--text)}
@media(prefers-color-scheme:dark){.tab:hover:not(.active){background:rgba(255,255,255,.06)}}
.container.nav-collapsed .tabs{width:64px}
.container.nav-collapsed .tabs-head{justify-content:center;padding-left:0;padding-right:0}
.container.nav-collapsed .tabs-title,.container.nav-collapsed .tab-label{display:none}
.container.nav-collapsed .nav-collapse{transform:rotate(180deg)}
.container.nav-collapsed .tab{justify-content:center;padding:9px}
.panel{display:none}.panel.active{display:block}
.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;margin-bottom:20px}
.chart-card{background:var(--card);border-radius:14px;padding:18px;box-shadow:var(--shadow);border:1px solid var(--border)}
.chart-card h3{font-size:15px;font-weight:600;margin-bottom:12px}
.chart-wrap{position:relative;height:220px}
.overview-insights{margin-bottom:20px}
.overview-insights .charts-grid{margin-bottom:0}
.insights-heading{align-items:center}
.chart-period-filter{display:flex;align-items:center;gap:9px}
.chart-period-filter>span{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.55px;text-transform:uppercase}
.chart-period-filter select{min-width:170px;padding:8px 31px 8px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;outline:none;cursor:pointer}
.chart-period-filter select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}
.chart-card .chart-description{min-height:32px;margin:-5px 0 10px;color:var(--muted);font-size:11px;line-height:1.45}
.chart-card .chart-wrap{height:245px}
.table-card{background:var(--card);border-radius:14px;padding:18px;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:16px}
.table-card h3{font-size:16px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;justify-content:flex-start;flex-wrap:wrap}
.table-card h3>.th3r{margin-left:auto}
.th3r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.search{padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:13px;min-width:150px;outline:none}
.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}
.filter-select{min-width:132px;max-width:190px}
.th3r .btn{white-space:nowrap}
.btn{padding:8px 14px;border-radius:9px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;transition:transform .15s ease,opacity .15s ease,border-color .15s ease,box-shadow .15s ease;font-family:inherit}
.btn:hover{opacity:.85}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-color:var(--accent);box-shadow:0 5px 14px rgba(11,108,255,.18)}
.btn-green{background:var(--green);color:#fff;border-color:var(--green)}
.btn-red{background:var(--red);color:#fff;border-color:var(--red)}
.btn-sm{padding:4px 10px;font-size:12px;border-radius:6px}
.btn-icon{display:inline-grid;place-items:center;padding:5px 7px;font-size:13px;border-radius:7px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s;color:var(--muted);font-family:inherit}
.btn-icon:hover{background:var(--bg);border-color:var(--border);color:var(--text)}
.btn-icon .ui-icon{width:15px;height:15px}
.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.btn-with-icon .ui-icon{width:13px;height:13px}
.inline-warning{display:inline-grid;place-items:center;margin-left:5px;color:var(--orange);vertical-align:-2px}
.inline-warning .ui-icon{width:13px;height:13px}
.table-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}
th{position:sticky;top:0;z-index:2;background:var(--card);font-weight:700;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
tr:last-child td{border-bottom:none}
tbody tr:hover{background:rgba(0,122,255,.04)}
td.ac{text-align:right;white-space:nowrap}
.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.badge.green{background:rgba(52,199,89,.15);color:var(--green)}
.badge.red{background:rgba(255,59,48,.15);color:var(--red)}
.badge.orange{background:rgba(255,149,0,.15);color:var(--orange)}
.badge.gray{background:rgba(110,110,115,.15);color:var(--muted)}
.badge.purple{background:rgba(175,82,222,.15);color:var(--purple)}
.badge.blue{background:rgba(0,122,255,.15);color:var(--accent)}
.stock-view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:9px;padding:2px;background:var(--surface)}
.stock-view-toggle .btn{border:0;background:transparent}
.stock-view-toggle .btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(0,122,255,.22)}
.stock-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.stock-card-grid[hidden],.table-scroll[hidden]{display:none}
.stock-device-card{display:grid;gap:13px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--card));box-shadow:0 6px 20px rgba(0,0,0,.08)}
.stock-card-top,.stock-card-owner,.stock-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stock-card-id{color:var(--muted);font-size:12px}
.stock-card-product .product-cell{min-width:0;gap:14px}
.stock-card-product .product-thumb{width:92px;height:92px;flex-basis:92px;border-radius:18px}
.stock-card-product .product-thumb img{width:84px;height:84px}
.stock-card-product .product-cell-copy strong{font-size:17px}
.stock-card-product .mobile-row-meta{font-size:12px;margin-top:5px;color:var(--muted)}
.stock-card-owner>span:first-child,.stock-card-values span,.stock-card-meta{font-size:11px;color:var(--muted)}
.stock-card-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stock-card-values div{display:grid;gap:4px;min-width:0}
.stock-card-values strong{font-size:13px;white-space:nowrap}
.stock-card-meta{display:grid;gap:4px;line-height:1.35}
.stock-card-meta span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stock-card-actions{justify-content:flex-end;flex-wrap:wrap}
.stock-cards-empty{grid-column:1/-1;padding:30px;text-align:center}
.stock-photo-thumb{padding:0;color:inherit;cursor:pointer;font:inherit}
.stock-photo-thumb:after{display:none}
.stock-photo-thumb img,.stock-card-product .stock-photo-thumb img{width:100%;height:100%;object-fit:cover;filter:none}
.stock-photo-thumb:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}
.stock-photo-field{margin:2px 0 16px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.stock-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.stock-photo-heading>div{display:grid;gap:3px}
.stock-photo-heading strong{font-size:13px}
.stock-photo-heading small{font-size:11px;color:var(--muted)}
.stock-photo-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.stock-photo-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.stock-photo-preview-item{position:relative;min-width:0;aspect-ratio:1;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}
.stock-photo-preview-item.is-cover{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus)}
.stock-photo-preview-item>img{width:100%;height:100%;display:block;object-fit:cover}
.stock-photo-cover-label{position:absolute;top:6px;left:6px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase}
.stock-photo-preview-actions{position:absolute;inset:auto 5px 5px;display:flex;justify-content:flex-end;gap:4px}
.stock-photo-preview-actions button{padding:4px 6px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:rgba(0,0,0,.78);color:#fff;font:600 9px inherit;cursor:pointer}
.stock-photo-empty{grid-column:1/-1;padding:18px;border:1px dashed var(--border);border-radius:9px;color:var(--muted);font-size:12px;text-align:center}
.stock-gallery{display:grid;gap:12px}
.stock-gallery-stage{position:relative;display:grid;place-items:center;min-height:380px;border-radius:14px;overflow:hidden;background:#050607}
.stock-gallery-stage>img{display:block;width:100%;height:min(58vh,540px);object-fit:contain}
.stock-gallery-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:42px;height:52px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(0,0,0,.58);color:#fff;font:32px/1 inherit;cursor:pointer}
.stock-gallery-nav.previous{left:10px}.stock-gallery-nav.next{right:10px}
.stock-gallery-counter{text-align:center;color:var(--muted);font-size:12px}
.stock-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.stock-gallery-toolbar .btn{text-decoration:none}
.stock-gallery-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.stock-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:3px}
.stock-gallery-thumbs button{width:64px;height:64px;flex:0 0 64px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:var(--surface);cursor:pointer}
.stock-gallery-thumbs button.active{border-color:var(--accent)}
.stock-gallery-thumbs img{width:100%;height:100%;display:block;object-fit:cover}
.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px;margin-bottom:20px}
.action-card{background:var(--card);border-radius:14px;padding:16px;box-shadow:var(--shadow);border:1px solid var(--border);cursor:pointer;transition:all .15s;text-align:left;font-family:inherit;color:var(--text);display:flex;gap:12px;align-items:center}
.action-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.action-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.action-icon.blue{background:rgba(0,122,255,.15)}.action-icon.green{background:rgba(52,199,89,.15)}.action-icon.orange{background:rgba(255,149,0,.15)}.action-icon.red{background:rgba(255,59,48,.15)}.action-icon.purple{background:rgba(175,82,222,.15)}.action-icon.teal{background:rgba(48,176,199,.16)}
.action-card .t{font-weight:600;font-size:14px}.action-card .d{font-size:12px;color:var(--muted)}
.acc-kpis{margin-bottom:16px}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(8px);padding:16px}
.modal-bg.show{display:flex;animation:fade-in .16s ease-out}
.modal{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;max-width:580px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-in .2s ease-out}
.modal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.modal h2{font-size:18px;font-weight:700}
.modal-x{background:none;border:none;font-size:18px;cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:6px;line-height:1;font-family:inherit}
.modal-x:hover{background:var(--bg);color:var(--text)}
.modal-ft{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.fg{margin-bottom:14px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}
.fg input,.fg select,.fg textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}
.fg input:disabled,.fg input[readonly]{opacity:.6;cursor:not-allowed}
.fg textarea{resize:vertical;min-height:64px}
.fg textarea.stock-ad-description{min-height:210px;line-height:1.55}
.fcb{display:flex;gap:8px;align-items:center;cursor:pointer;font-size:13px;font-weight:500;color:var(--text)}
.fcb input[type=checkbox]{width:auto;margin:0;cursor:pointer}
.finfo{background:rgba(255,149,0,.1);border:1px solid rgba(255,149,0,.3);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--orange);margin-bottom:14px}
.purchase-funding-box{color:var(--text);padding:14px}
.purchase-funding-box>strong{display:block;margin-bottom:12px}
.purchase-funding-box .fcb{margin:2px 0 14px}
.purchase-funding-summary{border-top:1px solid rgba(255,149,0,.22);padding-top:10px;color:var(--muted);line-height:1.45}
.purchase-funding-summary.funding-warning{color:var(--orange)}
.trade-box{border:1px solid rgba(0,122,255,.28);background:rgba(0,122,255,.06);border-radius:12px;padding:12px;margin:12px 0}
.trade-box .finfo{background:rgba(0,122,255,.1);border-color:rgba(0,122,255,.25);color:var(--accent)}
.alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;margin-bottom:20px}
.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:13px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}
.alert-red{border-left:3px solid var(--red)}.alert-orange{border-left:3px solid var(--orange)}.alert-green{border-left:3px solid var(--green)}.alert-blue{border-left:3px solid var(--accent)}.alert-purple{border-left:3px solid var(--purple)}
.cash-origin-panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:16px;box-shadow:var(--shadow);display:grid;gap:12px;min-width:0}
.cash-origin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.cash-origin-head h3{font-size:16px;font-weight:650;margin-bottom:2px}
.cash-origin-head span,.cash-origin-kpi small,.cash-origin-title,.cash-origin-note{font-size:12px;color:var(--muted)}
.cash-origin-head strong{font-size:22px}
.cash-origin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.cash-origin-kpi{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:11px 12px;display:grid;gap:3px;min-width:0}
.cash-origin-kpi span,.cash-origin-title{font-size:11px;text-transform:uppercase;font-weight:650;letter-spacing:.3px}
.cash-origin-kpi strong{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cash-origin-columns{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);gap:12px}
.cash-origin-block{min-width:0}
.cash-origin-title{margin-bottom:6px}
.cash-origin-block small{color:var(--muted);font-size:12px}
.cash-origin-note{margin-top:8px}
.bank-page{display:grid;gap:14px;min-width:0}
.bank-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.bank-toolbar h2{font-size:22px;letter-spacing:-.4px}
.bank-toolbar p,.bank-section-copy{color:var(--muted);font-size:13px;margin-top:4px}
.bank-kpis{margin-bottom:0}
.bank-status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow);flex-wrap:wrap}
.bank-status-main{display:flex;gap:10px;align-items:flex-start}
.bank-status-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);margin-top:5px;flex:0 0 auto}
.bank-status-card[data-state="ok"] .bank-status-dot{background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 14%,transparent)}
.bank-status-card[data-state="warn"] .bank-status-dot{background:var(--orange)}
.bank-status-card[data-state="error"] .bank-status-dot{background:var(--red)}
.bank-status-main small{display:block;color:var(--muted);margin-top:2px}
.bank-row-check{width:17px;height:17px;accent-color:var(--accent)}
.bank-match-score{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent-strong);margin-left:5px}
.bank-pending-row{background:color-mix(in srgb,var(--orange) 5%,transparent)}
.bank-selected-row{outline:1px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-1px}
.bank-actions{display:flex;gap:5px;justify-content:flex-end;white-space:nowrap}
.bank-difference-note{font-size:11px;color:var(--muted);display:block;margin-top:3px}
.bank-empty-setup{padding:28px;text-align:center;border:1px dashed var(--border);border-radius:14px;background:var(--card)}
.bank-empty-setup strong{display:block;font-size:17px;margin-bottom:5px}
.bank-modal-list{display:grid;gap:7px;max-height:310px;overflow:auto;margin-top:10px;padding-right:3px}
.bank-modal-option{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);cursor:pointer}
.bank-modal-option:hover{border-color:var(--accent)}
.bank-modal-option small{display:block;color:var(--muted);margin-top:2px}
.bank-modal-total{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;margin-top:10px;border-radius:10px;background:var(--surface);font-size:13px}
.bank-modal-total strong{font-variant-numeric:tabular-nums}
.inv-card{background:var(--card);border-radius:12px;padding:14px;border:1px solid var(--border);margin-bottom:10px}
.inv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px;flex-wrap:wrap}
.inv-stats{display:flex;gap:12px;font-size:13px;color:var(--muted);flex-wrap:wrap;margin-top:4px}
.partner-page{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.partner-page>*,#socios{min-width:0}
.partner-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.partner-toolbar h2{font-size:20px;line-height:1.2;letter-spacing:-.25px}
.partner-toolbar p{font-size:13px;color:var(--muted);margin-top:4px}
.partner-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.partner-summary{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px 14px;box-shadow:var(--shadow);display:grid;gap:4px;min-height:96px}
.partner-summary.primary{border-color:rgba(0,122,255,.45);background:linear-gradient(145deg,rgba(0,122,255,.12),var(--card) 68%)}
.partner-summary span,.partner-metric span,.partner-capital span,.partner-eyebrow,.partner-section-title{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:650;letter-spacing:.35px}
.partner-summary strong{font-size:20px;line-height:1.15;font-variant-numeric:tabular-nums}
.partner-summary.primary strong{color:var(--accent)}
.partner-summary small,.partner-metric small{font-size:12px;color:var(--muted);line-height:1.3}
.partner-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.partner-profile,.partner-history{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);min-width:0}
.partner-profile{padding:16px;display:grid;gap:14px}
.partner-profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid var(--border);padding-bottom:12px}
.partner-profile-head h3{font-size:20px;margin:2px 0 1px}
.partner-profile-head small{font-size:12px;color:var(--muted)}
.partner-capital{text-align:right;display:grid;gap:2px}
.partner-capital strong{font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.partner-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.partner-metric{border:1px solid var(--border);border-radius:9px;background:var(--bg);padding:10px;min-width:0;display:grid;gap:3px}
.partner-metric strong{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.partner-activity{display:grid;gap:7px}
.partner-activity-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-top:1px solid var(--border);padding-top:7px;font-size:12px}
.partner-activity-item:first-of-type{border-top:0;padding-top:0}
.partner-activity-item small{display:block;color:var(--muted);margin-top:2px;line-height:1.3}
.partner-activity-item>.money{white-space:nowrap}
.partner-history{padding:16px;margin-top:12px}
.partner-history-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.partner-history-head h3{font-size:16px;margin:0}
.partner-history-head span,.partner-history-head small{font-size:12px;color:var(--muted)}
.investor-page{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.investor-page>*{min-width:0}
.investor-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:2px;min-width:0}
.investor-toolbar h3{font-size:18px;font-weight:650;margin:0;line-height:1.25}
.investor-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;min-width:0}
.investor-summary{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 13px;box-shadow:var(--shadow);display:grid;gap:4px;min-height:92px}
.investor-summary span,.investor-metric span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:650}
.investor-summary strong{font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}
.investor-summary small{font-size:12px;color:var(--muted);line-height:1.25}
.investor-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;margin-top:12px;min-width:0}
.investor-profile,.investor-detail{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}
.investor-profile{padding:14px;display:grid;gap:12px}
.investor-profile-head,.investor-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.investor-profile-head strong{font-size:16px}
.investor-meta,.investor-muted{font-size:12px;color:var(--muted);line-height:1.35}
.investor-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.investor-metric{border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:9px 10px;min-width:0}
.investor-metric strong{display:block;margin-top:4px;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.investor-profile-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.investor-section-title{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:650;margin-bottom:6px}
.investor-list{display:grid;gap:6px}
.investor-list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-top:1px solid var(--border);padding-top:6px;font-size:12px}
.investor-list-item:first-child{border-top:0;padding-top:0}
.investor-list-item strong{font-size:12px}
.investor-list-item small{display:block;color:var(--muted);margin-top:2px;line-height:1.3}
.investor-detail{padding:14px;margin-top:14px}
.investor-detail-head{margin-bottom:10px}
.investor-detail-head h3{font-size:15px;font-weight:650;margin:0}
.investor-detail-head span{font-size:12px;color:var(--muted)}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);background:var(--text);color:var(--bg);padding:11px 18px;border-radius:999px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:300;white-space:nowrap;box-shadow:var(--shadow-lg);max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}
.toast.show{opacity:1;transform:translate(-50%,0)}
.money{font-variant-numeric:tabular-nums;font-weight:500}
.pos{color:var(--green)}.neg{color:var(--red)}
.empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:14px}
.obs-cell{max-width:200px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td.acts{vertical-align:middle}
td.acts>.btn,td.acts>.btn-icon{vertical-align:middle}
td.acts>:not(:first-child){margin-left:3px}
.diag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}
.diag-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg)}
.diag-card .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.diag-card .value{font-size:18px;font-weight:700}
.diag-list{display:grid;gap:8px}
.diag-item{border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:8px;padding:9px 11px;font-size:13px;background:var(--bg)}
.diag-ok{border-color:rgba(52,199,89,.35);border-left-color:var(--green);color:var(--green)}
.fechamento-card{padding-bottom:10px}
.fechamento-periodo{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:13px;flex-wrap:wrap}
.fechamento-periodo span{color:var(--muted)}
.fechamento-kpis{margin-bottom:0}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:820px){
  .container{padding:16px 12px 80px}
  .app-header{align-items:flex-start;padding:14px}
  .header-actions{width:calc(100% + 12px);display:flex;flex-wrap:nowrap;overflow-x:auto;margin-right:-12px;padding:2px 12px 8px 0;scroll-snap-type:x proximity;scrollbar-width:none}
  .header-actions::-webkit-scrollbar{display:none}
  .header-actions .btn,.header-actions .pill{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;scroll-snap-align:start}
  .app-shell{display:block}
  .nav-toggle{display:inline-flex;position:sticky;top:10px;z-index:180}
  .nav-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:210;backdrop-filter:blur(2px)}
  .container.nav-open .nav-backdrop{opacity:1;pointer-events:auto}
  .tabs{position:fixed;top:0;bottom:0;left:0;z-index:220;width:min(82vw,300px);max-height:none;margin:0;border-radius:0 16px 16px 0;padding:14px 12px calc(18px + env(safe-area-inset-bottom));transform:translateX(-105%);box-shadow:0 18px 46px rgba(0,0,0,.28)}
  .container.nav-open .tabs{transform:translateX(0)}
  .container.nav-collapsed .tabs{width:min(82vw,300px)}
  .container.nav-collapsed .tabs-head{justify-content:space-between;padding:4px 4px 8px}
  .container.nav-collapsed .tabs-title,.container.nav-collapsed .tab-label{display:inline}
  .container.nav-collapsed .nav-collapse{transform:none}
  .container.nav-collapsed .tab{justify-content:flex-start;padding:10px 12px}
  .tab{min-height:46px}
  .nav-collapse{width:36px;height:36px}
  .charts-grid{grid-template-columns:1fr}
  .partner-profile-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .brand .sub{max-width:230px}
  .brand h1{font-size:20px}
  .logo{width:40px;height:40px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kpi{padding:12px;min-width:0}
  .kpi .v{font-size:19px;overflow-wrap:anywhere}
  .actions-grid{grid-template-columns:1fr;gap:8px}
  .action-card{min-height:72px;padding:12px}
  .fr{grid-template-columns:1fr}
  .table-card{padding:12px;border-radius:14px}
  .table-card h3{align-items:flex-start}
  .table-scroll{margin-inline:-12px;padding-inline:12px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .table-scroll table{width:max-content;min-width:100%}
  th,td{padding:10px 9px}
  .th3r{width:100%;align-items:stretch}
  .th3r .search,.th3r .filter-select{flex:1 1 138px;min-width:0;max-width:none}
  .th3r .btn{flex:1 1 auto}
  .cash-origin-columns{grid-template-columns:1fr}
  .bank-toolbar{display:grid}
  .bank-toolbar .th3r{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .bank-toolbar .btn-primary{grid-column:1/-1}
  .investor-toolbar{display:grid}
  .investor-mini-grid,.investor-profile-columns{grid-template-columns:1fr}
  .investor-profile-grid{grid-template-columns:1fr}
  .partner-toolbar{display:grid}
  .partner-toolbar .btn{width:100%}
  .partner-profile-head{display:grid}
  .partner-capital{text-align:left}
  .partner-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal-bg{align-items:flex-end;padding:0}
  .modal{max-width:none;max-height:92dvh;border-radius:20px 20px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom));animation:modal-mobile-in .2s ease-out}
}

/* App separado */
#lastUpd{min-width:96px;text-align:center;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alert-ic,.alert span:first-child{min-width:38px;text-align:center;font-weight:700;font-size:12px;line-height:20px}
.cloud-sync-state[data-state="synced"]{color:var(--green);border-color:color-mix(in srgb,var(--green) 28%,transparent);background:color-mix(in srgb,var(--green) 9%,transparent)}
.cloud-sync-state[data-state="pending"],.cloud-sync-state[data-state="syncing"]{color:var(--orange);border-color:rgba(255,159,10,.32);background:rgba(255,159,10,.1)}
.cloud-sync-state[data-state="error"]{color:var(--red);border-color:color-mix(in srgb,var(--red) 28%,transparent);background:color-mix(in srgb,var(--red) 9%,transparent)}

/* Autenticacao */
.app-locked{display:none!important}
.auth-shell[hidden]{display:none}
.auth-input-wrap input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:inherit}
.password-toggle{border:0;background:transparent;font-size:12px;font-weight:800;padding:8px 2px;cursor:pointer}
.remember-row{display:flex;gap:11px;align-items:flex-start;cursor:pointer}
.remember-row input{width:18px;height:18px;margin-top:1px}
.remember-row span{display:grid;gap:3px;font-size:13px}.remember-row small{color:#79879a;font-size:11px;font-weight:500}
.auth-submit{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;color:#fff;font-weight:800;cursor:pointer;transition:background .15s,opacity .15s}
.auth-submit:disabled{cursor:wait;opacity:.65}
.auth-message[hidden],.auth-form[hidden]{display:none}
.auth-text-button{display:block;margin:10px 0 0 auto;padding:4px 0;border:0;background:transparent;color:#409cff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.auth-text-button:hover{text-decoration:underline}
.auth-back-button{margin:18px auto 0}
.auth-submit-spaced{margin-top:24px}
.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;list-style:none;margin:16px 0 21px;padding:0;font-size:11px}
.password-rules li:before{content:"○";margin-right:6px}.password-rules li.valid:before{content:"✓"}
.auth-checking .auth-form{pointer-events:none}
.cloud-secure-card{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--green) 28%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--green) 8%,var(--card))}
.cloud-secure-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green);font-weight:800}
.cloud-secure-card div{display:grid;gap:3px}.cloud-secure-card small{color:var(--muted)}
.cloud-secure-copy{color:var(--muted);font-size:13px;line-height:1.55;margin:15px 0}
@keyframes modal-mobile-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}

/* Identidade visual JD Iphones */
.ui-icon{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tab-icon{height:24px;display:grid;place-items:center;color:currentColor}
.tab-icon .ui-icon{width:19px;height:19px}
.tab.active .tab-icon .ui-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.24))}
.action-icon .ui-icon{width:21px;height:21px}
.action-icon.blue{color:#55aaff}.action-icon.green{color:#62df7b}.action-icon.orange{color:#ffb340}.action-icon.red{color:#ff6961}.action-icon.purple{color:#cf7df7}.action-icon.teal{color:#5ac8d8}
.chart-card h3{display:flex;align-items:center;gap:8px}
.chart-card h3>[data-icon],.table-card h3>[data-icon],.partner-toolbar h2>[data-icon],.investor-toolbar h3>[data-icon]{display:inline-grid;place-items:center;color:var(--accent-strong);vertical-align:-2px}
.chart-card h3>[data-icon] .ui-icon,.table-card h3>[data-icon] .ui-icon,.partner-toolbar h2>[data-icon] .ui-icon,.investor-toolbar h3>[data-icon] .ui-icon{width:18px;height:18px}
.header-export [data-icon] .ui-icon,.sync-control-icon .ui-icon{width:17px;height:17px}
.profile-popover [data-icon] .ui-icon,.settings-card-icon .ui-icon{width:17px;height:17px}

.product-cell{display:flex;align-items:center;gap:10px;min-width:170px}
.product-thumb{position:relative;width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.11),rgba(255,255,255,.025) 68%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.product-thumb:after{content:"";position:absolute;inset:auto 8px 4px;height:6px;border-radius:50%;background:rgba(0,0,0,.36);filter:blur(5px);z-index:0}
.product-thumb img{position:relative;z-index:1;width:39px;height:39px;display:block;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.34))}
.product-thumb:not(.is-exact) img{filter:grayscale(1) saturate(.12) contrast(1.06) drop-shadow(0 4px 4px rgba(0,0,0,.34));opacity:.9}
.accessory-thumb{background:#f7f7f7}
.accessory-thumb img{width:42px;height:42px;object-fit:contain;filter:none}
.accessory-thumb-dark{background:#000}
.sale-accessories{border:1px solid var(--border);border-radius:12px;padding:12px;margin:12px 0}
.sale-accessories legend{padding:0 6px;font-weight:700}
.sale-accessories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.sale-accessory-row{display:grid;grid-template-columns:auto 1fr 66px;align-items:center;gap:9px;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.sale-accessory-row span{min-width:0}.sale-accessory-row strong,.sale-accessory-row small{display:block}.sale-accessory-row small{color:var(--muted);font-size:11px;margin-top:2px}
.sale-accessory-qty{width:64px!important;text-align:center}
.repair-history{display:grid;gap:7px;margin-top:12px}.repair-history-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border)}
@media(max-width:700px){.sale-accessories-grid{grid-template-columns:1fr}.sale-accessory-row{grid-template-columns:auto 1fr 58px}.sale-accessory-qty{width:56px!important}.repair-history-row{grid-template-columns:1fr auto}.repair-history-row .btn-icon{grid-column:2}}
.product-thumb-fallback{color:var(--muted)}
.product-thumb-fallback .ui-icon{position:relative;z-index:1;width:23px;height:23px}
.product-cell-copy{display:grid;min-width:0;line-height:1.25}
.product-cell-copy strong{font-size:12px;font-weight:680;color:var(--text);white-space:normal}
.product-note{display:block;max-width:260px;margin:4px 0 0 54px;color:var(--muted);font-size:9px;line-height:1.35}

.app-header{border-radius:20px;padding:13px 15px;background:#0c0c0d;box-shadow:var(--shadow);backdrop-filter:none}
.tabs{border-radius:20px;padding:10px;box-shadow:var(--shadow)}
.tab{border-radius:12px}
.tab:hover:not(.active){background:#1a1a1c;color:#f5f5f7}
.btn{border-radius:999px;background:#171719}
.btn-sm{border-radius:999px;padding:5px 11px}
.btn-primary{background:var(--accent);border-color:var(--accent);box-shadow:none}
.btn-red{background:var(--red);border-color:var(--red);color:#fff}
.btn-green{background:var(--green);border-color:var(--green);color:#fff}
.kpi,.chart-card,.table-card,.action-card,.cash-origin-panel,.partner-summary,.partner-profile,.partner-history,.investor-summary,.investor-profile,.investor-detail{border-radius:18px;box-shadow:var(--shadow)}
.kpi{background:#101011}
.search,.fg input,.fg select,.fg textarea{background:#171719}

/* Login */
.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -20%,#242426 0,transparent 42%),#000;color:#f5f5f7}
.auth-card{width:min(470px,100%);min-height:0;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#0c0c0d;box-shadow:0 32px 90px rgba(0,0,0,.62)}
.auth-form-side{display:block;padding:50px;background:#0c0c0d}
.auth-form{width:100%;max-width:none}
.auth-brand-lockup{width:190px;height:72px;margin-bottom:38px;overflow:hidden;border-radius:14px;background:#000}
.auth-brand-lockup img{display:block;width:100%;height:100%;object-fit:contain}
.auth-eyebrow{display:block;color:#a1a1a6;font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700;margin-bottom:10px}
.auth-form h2{font-size:38px;line-height:1.08;letter-spacing:-1.5px;margin:0 0 9px;color:#f5f5f7}
.auth-lead{color:#a1a1a6;font-size:14px;line-height:1.55;margin-bottom:28px}
.auth-field{display:grid;gap:8px;color:#f5f5f7;font-size:13px;font-weight:650;margin-top:17px}
.auth-input-wrap{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#151517;color:#8e8e93;transition:border-color .16s,box-shadow .16s,background .16s}
.auth-input-wrap:focus-within{border-color:#0a84ff;background:#19191b;box-shadow:0 0 0 4px rgba(10,132,255,.16)}
.auth-input-wrap input{color:#f5f5f7;font-size:15px}
.auth-input-wrap input::placeholder{color:#6e6e73}
.password-toggle{color:#409cff}
.remember-row{margin:18px 0 24px;color:#f5f5f7}
.remember-row input{accent-color:#0a84ff}
.remember-row small{color:#8e8e93}
.auth-submit{min-height:52px;border-radius:999px;background:#0a84ff;box-shadow:none;font-size:14px;padding:0 20px}
.auth-submit:hover{background:#409cff;filter:none;transform:none}
.auth-help{display:flex;align-items:center;justify-content:center;gap:6px;color:#8e8e93;font-size:11px;line-height:1.5;margin-top:22px}
.auth-message{border:1px solid rgba(255,69,58,.3);border-radius:11px;padding:11px 13px;margin:16px 0;background:rgba(255,69,58,.1);color:#ff6961;font-size:13px;line-height:1.45}
.auth-message.success{border-color:rgba(48,209,88,.3);background:rgba(48,209,88,.1);color:#30d158}
.password-rules{color:#8e8e93}
.password-rules li.valid{color:#30d158}
.auth-checking .auth-form{opacity:.42}

@media(max-width:780px){
  .auth-shell{padding:0;background:#000;place-items:stretch}
  .auth-card{width:100%;min-height:100dvh;border:0;border-radius:0;box-shadow:none}
  .auth-form-side{min-height:100dvh;display:grid;align-items:center;padding:34px 24px calc(34px + env(safe-area-inset-bottom))}
  .auth-brand-lockup{width:170px;height:64px;margin-bottom:34px}
  .auth-form h2{font-size:34px}
}
@media(max-width:390px){
  .kpi-grid{grid-template-columns:1fr}
  .auth-form-side{padding-inline:18px}
  .password-rules{grid-template-columns:1fr}
}

/* Layout funcional */
[hidden],.feature-hidden{display:none!important}
body{overflow-x:hidden}
.container{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0}
.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:stretch;gap:0;min-height:100dvh}
.tabs{position:sticky;top:0;z-index:120;width:248px;height:100dvh;max-height:100dvh;margin:0;padding:18px 12px 16px;display:flex;flex-direction:column;gap:8px;overflow:hidden;border:0;border-right:1px solid var(--border);border-radius:0;background:#0b0b0c;box-shadow:12px 0 34px rgba(0,0,0,.18)}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 6px 18px;margin-bottom:4px;border-bottom:1px solid var(--border);min-width:0}
.sidebar-brand .logo{width:42px;height:42px;border-radius:12px;flex:0 0 auto}
.sidebar-brand-copy{display:grid;min-width:0;line-height:1.2}
.sidebar-brand-copy strong{font-size:15px;white-space:nowrap}
.sidebar-brand-copy span{margin-top:3px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.8px;text-transform:uppercase}
.tabs-head{padding:4px 6px 2px;margin:0;border:0}
.tabs-title{font-size:10px;letter-spacing:.8px}
.tab-list{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tab{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;gap:11px;font-size:13px;font-weight:650}
.tab-icon{width:22px;text-align:center;font-size:17px}
.tab.active{background:linear-gradient(135deg,var(--accent),#0875df);box-shadow:0 8px 22px rgba(10,132,255,.22)}
.sidebar-footer{display:flex;align-items:center;gap:9px;padding:13px 10px 2px;margin-top:auto;border-top:1px solid var(--border);color:var(--muted);min-width:0}
.sidebar-secure-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(48,209,88,.1);flex:0 0 auto}
.sidebar-footer-copy{display:grid;min-width:0}
.sidebar-footer-copy strong{color:var(--text);font-size:11px}
.sidebar-footer-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.content-area{min-width:0;max-width:none;padding:0 28px 90px}
.app-header{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 -28px 24px;padding:17px 28px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:rgba(5,5,5,.9);box-shadow:0 12px 28px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.page-context{min-width:0}
.page-eyebrow{display:block;margin-bottom:2px;color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.page-context h1{font-size:25px;line-height:1.15;letter-spacing:-.7px}
.page-context p{margin-top:4px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.sync-control{min-height:43px;display:flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);cursor:pointer;font-family:inherit;text-align:left}
.sync-control:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}
.sync-control-icon{font-size:17px}
.sync-control>span:last-child{display:grid;line-height:1.15}
.sync-control small{color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.45px;text-transform:uppercase}
.cloud-sync-state{display:flex;align-items:center;gap:5px;margin-top:3px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:11px;font-weight:750}
.cloud-sync-state:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}
.cloud-sync-state[data-state="synced"]:before{background:var(--green);box-shadow:0 0 0 3px rgba(48,209,88,.1)}
.cloud-sync-state[data-state="pending"]:before,.cloud-sync-state[data-state="syncing"]:before{background:var(--orange)}
.cloud-sync-state[data-state="error"]:before{background:var(--red)}
.last-updated{max-width:210px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.025);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tools-menu{position:relative}
.tools-menu>summary{list-style:none}
.tools-menu>summary::-webkit-details-marker{display:none}
.tools-trigger{min-height:43px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);cursor:pointer;font-size:12px;font-weight:700}
.tools-menu[open] .tools-trigger,.tools-trigger:hover{border-color:var(--accent);background:var(--surface)}
.tools-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:150;width:250px;padding:8px;border:1px solid var(--border);border-radius:15px;background:#141416;box-shadow:var(--shadow-lg)}
.tools-popover button{width:100%;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:var(--text);font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;text-align:left;cursor:pointer}
.tools-popover button:hover{background:var(--surface)}
.tools-popover .tools-danger{color:var(--red)}
.tools-user{display:flex;align-items:center;gap:9px;margin-bottom:6px;padding:9px 10px 11px;border-bottom:1px solid var(--border);min-width:0}
.tools-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface);font-size:14px}
.tools-user>span:last-child{display:grid;min-width:0}
.tools-user small{color:var(--muted);font-size:9px;text-transform:uppercase}
.tools-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.overview-summary{display:grid;gap:0}
.overview-actions{margin-bottom:20px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:11px;padding:0 2px}
.section-heading span{color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.section-heading h2{margin-top:1px;font-size:18px;letter-spacing:-.3px}
.section-heading small{color:var(--muted);font-size:11px}
.actions-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:0}
.action-card{min-height:78px;padding:13px 14px}
.panel.active{animation:panel-in .16s ease-out}
.feature-hidden{display:none!important}
@keyframes panel-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.container.nav-collapsed .app-shell{grid-template-columns:82px minmax(0,1fr)}
.container.nav-collapsed .tabs{width:82px}
.container.nav-collapsed .sidebar-brand{justify-content:center;padding-inline:0}
.container.nav-collapsed .sidebar-brand-copy,.container.nav-collapsed .tabs-title,.container.nav-collapsed .tab-label,.container.nav-collapsed .sidebar-footer{display:none}
.container.nav-collapsed .tabs-head{justify-content:center}
.container.nav-collapsed .tab{justify-content:center;padding:10px}
.container.nav-collapsed .nav-collapse{transform:rotate(180deg)}

@media(max-width:1100px) and (min-width:821px){
  .app-shell{grid-template-columns:218px minmax(0,1fr)}
  .tabs{width:218px}
  .actions-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}
  .tools-trigger-label{display:none}
}

@media(max-width:820px){
  .container{padding:0}
  .app-shell,.container.nav-collapsed .app-shell{display:block;min-height:100dvh}
  .tabs,.container.nav-collapsed .tabs{position:fixed;inset:auto 0 0 0;z-index:220;width:100%;height:auto;max-height:none;margin:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));display:block;overflow:hidden;border:0;border-top:1px solid var(--border);border-radius:0;background:rgba(12,12,13,.96);box-shadow:0 -12px 34px rgba(0,0,0,.38);transform:none;backdrop-filter:blur(20px)}
  .sidebar-brand,.tabs-head,.sidebar-footer{display:none!important}
  .tab-list{display:flex;flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}
  .tab-list::-webkit-scrollbar{display:none}
  .tab,.container.nav-collapsed .tab{flex:0 0 76px;width:76px;min-height:58px;padding:6px 5px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-radius:12px;scroll-snap-align:center}
  .tab-icon{width:auto;font-size:18px;line-height:1.1}
  .tab-label,.container.nav-collapsed .tabs .tab-label{display:block;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700}
  .content-area{padding:0 14px calc(94px + env(safe-area-inset-bottom))}
  .app-header{top:0;margin:0 -14px 18px;padding:12px 14px;gap:10px;background:rgba(5,5,5,.94)}
  .page-eyebrow{font-size:8px}
  .page-context h1{font-size:21px}
  .page-context p{max-width:50vw;font-size:10px}
  .header-actions{gap:6px}
  .sync-control{min-height:40px;padding:6px 9px}
  .sync-control small,.last-updated{display:none}
  .sync-control-icon{font-size:15px}
  .cloud-sync-state{margin:0;font-size:10px}
  .tools-trigger{width:42px;min-height:40px;justify-content:center;padding:0}
  .tools-trigger-label{display:none}
  .tools-popover{position:fixed;top:69px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 170px);overflow-y:auto}
  .charts-grid{grid-template-columns:1fr}
  .actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .action-card{min-height:72px;padding:11px}
  .action-icon{width:36px;height:36px;font-size:17px}
  .action-card .t{font-size:12px}
  .action-card .d{font-size:10px}
  .section-heading{align-items:start}
  .section-heading small{display:none}
  .table-card h3{gap:10px}
  .table-card .th3r{width:100%;max-width:none;display:flex;align-items:stretch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .table-card .th3r::-webkit-scrollbar{display:none}
  .table-card .th3r .search,.table-card .th3r .filter-select{flex:0 0 155px;min-width:155px;max-width:155px}
  .table-card .th3r .btn{flex:0 0 auto;min-height:38px}
}

@media(max-width:420px){
  .page-context p{display:none}
  .page-context h1{font-size:19px}
  .page-eyebrow{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sync-control>span:last-child{display:none}
  .sync-control{width:40px;justify-content:center;padding:0}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi{padding:12px}
  .kpi .value{font-size:18px}
  .alerts{grid-template-columns:1fr}
}

/* Perfil e configuracoes */
.header-export{min-height:43px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);font-family:inherit;font-size:12px;font-weight:750;cursor:pointer}
.header-export:hover{border-color:var(--accent);background:var(--surface)}
.profile-menu{position:relative}
.profile-trigger{min-height:43px;display:flex;align-items:center;gap:9px;padding:5px 9px 5px 6px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);cursor:pointer;list-style:none}
.profile-trigger::-webkit-details-marker{display:none}
.profile-menu[open] .profile-trigger,.profile-trigger:hover{border-color:var(--accent);background:var(--surface)}
.profile-trigger-copy{display:grid;min-width:0;line-height:1.15;text-align:left}
.profile-trigger-copy small{max-width:110px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px;white-space:nowrap}
.profile-trigger-copy strong{margin-top:2px;font-size:11px}
.profile-chevron{color:var(--muted);font-size:13px;transition:transform .15s}
.profile-menu[open] .profile-chevron{transform:rotate(180deg)}
.profile-avatar{position:relative;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:linear-gradient(145deg,#252529,#111113);color:#fff;font-weight:850}
.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%;background:#090909}
.profile-avatar-small{width:31px;height:31px;font-size:9px}
.profile-avatar-medium{width:46px;height:46px;font-size:11px}
.profile-avatar-large{width:54px;height:54px;font-size:12px}
.profile-avatar-page{width:82px;height:82px;border-radius:24px;font-size:18px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.profile-popover{width:300px;padding:10px}
.profile-popover-user{display:flex;align-items:center;gap:12px;margin-bottom:7px;padding:8px 8px 14px;border-bottom:1px solid var(--border);min-width:0}
.profile-popover-user>span:last-child{display:grid;min-width:0}
.profile-popover-user small{color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.5px;text-transform:uppercase}
.profile-popover-user strong{margin-top:4px;font-size:14px}
.profile-popover-user .auth-user{margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}
.profile-popover button{display:flex;align-items:center;gap:11px;padding:11px 10px}
.profile-popover button>span:first-child{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--surface);font-size:14px}
.profile-popover button>span:last-child{display:grid;gap:3px}
.profile-popover button strong{font-size:12px}
.profile-popover button small{color:var(--muted);font-size:10px;font-weight:500}
.profile-popover .profile-logout{margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 9px 9px;color:#ff736b}
.profile-popover .profile-logout>span:first-child{background:rgba(255,69,58,.1)}

.settings-page{display:grid;gap:18px;max-width:1180px;margin:0 auto}
.settings-profile-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#171719,#101011);box-shadow:var(--shadow)}
.settings-profile-identity{display:flex;align-items:center;gap:18px;min-width:0}
.settings-profile-identity>div{min-width:0}
.settings-eyebrow{color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.settings-profile-identity h2{margin-top:3px;font-size:24px;letter-spacing:-.5px}
.settings-profile-identity p{margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px;white-space:nowrap}
.settings-role{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(48,209,88,.22);border-radius:999px;background:rgba(48,209,88,.07);color:#77e890;font-size:11px;font-weight:750;white-space:nowrap}
.settings-role span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(48,209,88,.1)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}
.settings-card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.settings-card-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;font-size:17px}
.settings-card-icon.blue{background:rgba(10,132,255,.14);color:#4aa3ff}
.settings-card-icon.green{background:rgba(48,209,88,.12);color:#62df7b}
.settings-card-icon.purple{background:rgba(191,90,242,.13);color:#cf7df7}
.settings-card-icon.orange{background:rgba(255,159,10,.13);color:#ffb340}
.settings-card-heading h3{font-size:14px}
.settings-card-heading p{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}
.settings-list{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.015)}
.settings-list>button,.settings-status-row{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-family:inherit;text-align:left}
.settings-list>*:last-child{border-bottom:0}
.settings-list>button{cursor:pointer}
.settings-list>button:hover{background:var(--surface)}
.settings-list>button>span,.settings-status-row>span:first-child{display:grid;gap:4px}
.settings-list strong{font-size:12px}
.settings-list small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.35}
.settings-list>button>b{color:var(--muted);font-size:20px;font-weight:400}
.settings-status{padding:5px 8px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.settings-status.active{background:rgba(48,209,88,.1);color:#62df7b}
.settings-session-user{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.015)}
.settings-session-user>span:last-child{display:grid;min-width:0}
.settings-session-user strong{font-size:12px}
.settings-session-user small{margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}
.settings-logout-button{width:100%;min-height:40px;margin-top:10px;border:1px solid rgba(255,69,58,.22);border-radius:11px;background:rgba(255,69,58,.07);color:#ff736b;font-family:inherit;font-size:11px;font-weight:750;cursor:pointer}
.settings-logout-button:hover{background:rgba(255,69,58,.13)}

@media(max-width:1100px){
  .profile-trigger-copy{display:none}
  .profile-trigger{padding-right:7px}
  .profile-chevron{display:none}
}

@media(max-width:820px){
  .header-export{width:40px;min-height:40px;justify-content:center;padding:0}
  .header-export>span:last-child{display:none}
  .profile-trigger{width:40px;min-height:40px;justify-content:center;padding:4px}
  .profile-avatar-small{width:30px;height:30px}
  .profile-popover{position:fixed;top:64px;left:12px;right:12px;width:auto}
  .settings-grid{grid-template-columns:1fr}
  .settings-profile-card{align-items:flex-start;padding:17px}
  .settings-profile-identity{gap:13px}
  .profile-avatar-page{width:66px;height:66px;border-radius:19px}
  .settings-profile-identity h2{font-size:20px}
  .settings-role{padding:7px 9px;font-size:9px}
}

@media(max-width:480px){
  .page-context{max-width:calc(100vw - 158px)}
  .page-eyebrow{display:none}
  .page-context h1{font-size:17px}
  .settings-profile-card{display:grid}
  .settings-role{justify-self:start}
  .settings-card{padding:14px}
  .settings-list>button,.settings-status-row{padding:11px 12px}
}

/* Visao operacional para telas pequenas */
.mobile-only,.mobile-view-note,.mobile-row-meta{display:none}

@media(max-width:820px){
  .mobile-view-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 14px;padding:10px 11px;border:1px solid rgba(10,132,255,.2);border-radius:13px;background:rgba(10,132,255,.07)}
  .mobile-view-note>span{display:grid;gap:2px;min-width:0}
  .mobile-view-note strong{font-size:10px;color:#73b8ff}
  .mobile-view-note small{color:var(--muted);font-size:9px;line-height:1.3}
  .mobile-view-note button{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(10,132,255,.28);border-radius:9px;background:rgba(10,132,255,.1);color:#73b8ff;font-family:inherit;font-size:9px;font-weight:800;cursor:pointer}
  .mobile-only{display:inline!important}
  .desktop-only{display:none!important}
  .mobile-row-meta{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-weight:500;line-height:1.3;white-space:normal}
  .mobile-primary{min-width:105px;max-width:170px;white-space:normal;line-height:1.35}
  .product-cell{min-width:145px;gap:8px}
  .product-thumb{width:38px;height:38px;flex-basis:38px;border-radius:10px}
  .product-thumb img{width:34px;height:34px}
  .product-cell-copy strong{font-size:11px}

  #panel-visao #kpis .kpi:is(:nth-child(3),:nth-child(5),:nth-child(8),:nth-child(9),:nth-child(11),:nth-child(12),:nth-child(13),:nth-child(14)),
  #panel-acessorios #accKpis .kpi:nth-child(n+3),
  #panel-fechamentos .fechamento-kpis .kpi:is(:nth-child(2),:nth-child(3),:nth-child(6)),
  #socios .partner-summary-grid .partner-summary:is(:nth-child(2),:nth-child(3),:nth-child(8),:nth-child(9),:nth-child(10)),
  #socios .partner-metric-grid .partner-metric:nth-child(n+5),
  #invContas .investor-summary-grid .investor-summary:is(:nth-child(4),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9)),
  #invContas .investor-mini-grid .investor-metric:is(:nth-child(1),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(8),:nth-child(9)){
    display:none!important;
  }
  .insights-heading{align-items:stretch}
  .chart-period-filter{display:none}
  #panel-visao .charts-grid .chart-card:not(:nth-child(3)){display:none!important}

  :is(#tEstoque,#tAcessoriosEstoque,#tAcessoriosHist,#tVendas,#tParcelas,#tCaixa,#tDespesas,#tFechResumo,#tFechVendas,#tFechCaixa,#tProxParc){
    width:100%;
    min-width:0;
    table-layout:auto;
  }
  #socios .partner-history table,#invAtivos .investor-detail table{width:100%;min-width:0;table-layout:auto}
  :is(#tEstoque,#tAcessoriosEstoque,#tAcessoriosHist,#tVendas,#tParcelas,#tCaixa,#tDespesas,#tFechResumo,#tFechVendas,#tFechCaixa,#tProxParc) th{
    padding:9px 6px;
    font-size:9px;
  }
  :is(#tEstoque,#tAcessoriosEstoque,#tAcessoriosHist,#tVendas,#tParcelas,#tCaixa,#tDespesas,#tFechResumo,#tFechVendas,#tFechCaixa,#tProxParc) td{
    padding:11px 6px;
    font-size:11px;
  }
  #socios .partner-history table :is(th,td),#invAtivos .investor-detail table :is(th,td){padding:10px 6px;font-size:10px}
  .acts{white-space:nowrap}
  .acts button[title="Excluir"]{display:none}
  .acts .btn-icon{width:30px;height:30px;padding:0}

  #tEstoque :is(th,td):is(:nth-child(1),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(7),:nth-child(9),:nth-child(10)),
  #tAcessoriosEstoque :is(th,td):is(:nth-child(1),:nth-child(4),:nth-child(5),:nth-child(7),:nth-child(8)),
  #tAcessoriosHist :is(th,td):is(:nth-child(1),:nth-child(4),:nth-child(5),:nth-child(8),:nth-child(9)),
  #tVendas :is(th,td):is(:nth-child(1),:nth-child(2),:nth-child(4),:nth-child(6),:nth-child(8),:nth-child(9),:nth-child(10)),
  #tParcelas :is(th,td):is(:nth-child(1),:nth-child(3),:nth-child(7),:nth-child(8)),
  #tCaixa :is(th,td):is(:nth-child(1),:nth-child(2),:nth-child(5)),
  #tDespesas :is(th,td):is(:nth-child(1),:nth-child(3),:nth-child(5)),
  #tFechResumo :is(th,td):nth-child(3),
  #tFechVendas :is(th,td):is(:nth-child(1),:nth-child(2),:nth-child(4),:nth-child(7)),
  #tFechCaixa :is(th,td):is(:nth-child(1),:nth-child(2),:nth-child(5)),
  #tProxParc :is(th,td):is(:nth-child(1),:nth-child(5)),
  #socios .partner-history table :is(th,td):is(:nth-child(4),:nth-child(7),:nth-child(8)),
  #invAtivos .investor-detail:nth-child(1) table :is(th,td):is(:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(11)),
  #invAtivos .investor-detail:nth-child(2) table :is(th,td):is(:nth-child(2),:nth-child(3),:nth-child(6),:nth-child(8),:nth-child(9)),
  #invAtivos .investor-detail:nth-child(3) table :is(th,td):is(:nth-child(5),:nth-child(6)){
    display:none;
  }

  #tCaixa th:nth-child(4),#tFechCaixa th:nth-child(4){font-size:0}
  #tCaixa th:nth-child(4)::after,#tFechCaixa th:nth-child(4)::after{content:"Movimento";font-size:9px}
  table td.empty{display:table-cell!important}
  .table-total-row td{display:table-cell!important}

  body.mobile-full-data .table-scroll table{width:max-content;min-width:100%;table-layout:auto}
  body.mobile-full-data .table-scroll table :is(th,td){display:table-cell!important}
  body.mobile-full-data .mobile-row-meta,body.mobile-full-data .mobile-only{display:none!important}
  body.mobile-full-data .desktop-only{display:inline!important}
  body.mobile-full-data .acts button[title="Excluir"]{display:inline-flex}
  body.mobile-full-data #tCaixa th:nth-child(4),body.mobile-full-data #tFechCaixa th:nth-child(4){font-size:9px}
  body.mobile-full-data #tCaixa th:nth-child(4)::after,body.mobile-full-data #tFechCaixa th:nth-child(4)::after{display:none}
  body.mobile-full-data .mobile-view-note{border-color:rgba(255,159,10,.24);background:rgba(255,159,10,.07)}
}

@media(max-width:480px){
  .mobile-view-note small{display:none}
  .mobile-view-note button{max-width:132px}
  :is(#tEstoque,#tAcessoriosEstoque,#tAcessoriosHist,#tVendas,#tParcelas,#tCaixa,#tDespesas,#tFechResumo,#tFechVendas,#tFechCaixa,#tProxParc) th{padding-inline:4px;font-size:8px}
  :is(#tEstoque,#tAcessoriosEstoque,#tAcessoriosHist,#tVendas,#tParcelas,#tCaixa,#tDespesas,#tFechResumo,#tFechVendas,#tFechCaixa,#tProxParc) td{padding-inline:4px;font-size:10px}
}

/* Dashboard Noir 2026 */
:root{
  color-scheme:dark;
  --bg:#020304;
  --card:#080a0d;
  --surface:#0d1117;
  --text:#f5f7fb;
  --muted:#89919d;
  --border:rgba(255,255,255,.075);
  --accent:#087cff;
  --accent-strong:#55a8ff;
  --green:#19d866;
  --red:#ff4646;
  --orange:#ff9f0a;
  --purple:#8f46ff;
  --focus:rgba(8,124,255,.24);
  --shadow:0 16px 44px rgba(0,0,0,.22);
  --shadow-lg:0 28px 90px rgba(0,0,0,.68)
}
body{
  background:
    radial-gradient(circle at 73% -12%,rgba(8,124,255,.075),transparent 30%),
    radial-gradient(circle at 18% 110%,rgba(143,70,255,.045),transparent 30%),
    var(--bg);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em
}
.app-shell{grid-template-columns:224px minmax(0,1fr)}
.tabs{
  width:224px;
  padding:20px 13px 17px;
  background:rgba(2,3,4,.96);
  border-right-color:rgba(255,255,255,.065);
  box-shadow:18px 0 50px rgba(0,0,0,.22)
}
.sidebar-brand{padding:0 7px 20px;border-color:rgba(255,255,255,.065)}
.sidebar-brand .logo{
  width:43px;height:43px;border:1px solid rgba(45,229,137,.4);border-radius:13px;
  background:#050806;box-shadow:0 0 22px rgba(25,216,102,.12)
}
.sidebar-brand-copy strong{font-size:15px;letter-spacing:-.3px}
.sidebar-brand-copy span{color:#747c87;font-size:9px;letter-spacing:1.15px}
.tab-list{gap:5px;padding-top:4px}
.tab{min-height:43px;padding:10px 12px;border:1px solid transparent;border-radius:11px;color:#aeb5bf;font-size:12px;font-weight:640}
.tab:hover:not(.active){border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.035)}
.tab.active{
  border-color:rgba(47,145,255,.46);
  background:linear-gradient(135deg,rgba(13,92,210,.85),rgba(6,42,91,.76));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 26px rgba(0,103,255,.2)
}
.tab-icon{color:#bdc4ce}.tab.active .tab-icon{color:#fff}
.sidebar-footer{margin:12px 2px 0;padding:14px 9px 2px;border-color:rgba(255,255,255,.065)}
.sidebar-secure-dot{background:#16d864;box-shadow:0 0 0 4px rgba(22,216,100,.08),0 0 12px rgba(22,216,100,.38)}
.content-area{padding:0 22px 80px}
.app-header{
  min-height:86px;margin:0 -22px 18px;padding:15px 22px;
  background:rgba(2,3,4,.88);border-bottom-color:rgba(255,255,255,.065);
  box-shadow:0 14px 36px rgba(0,0,0,.16);backdrop-filter:blur(22px)
}
.page-eyebrow{color:#6e7784;font-size:9px;letter-spacing:1px}
.page-context h1{font-size:25px;font-weight:760;letter-spacing:-.8px}
.page-context p{color:#8d95a1;font-size:11px}
.header-export,.sync-control,.profile-trigger,.tools-trigger{
  min-height:42px;border-color:rgba(255,255,255,.075);border-radius:11px;background:#07090c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)
}
.header-export:hover,.sync-control:hover,.profile-trigger:hover,.tools-trigger:hover{background:#0c1118;border-color:rgba(8,124,255,.55)}
.cloud-sync-state[data-state="synced"]{color:#4ae37f}
.profile-avatar-small{border-color:rgba(26,213,106,.25);box-shadow:0 0 16px rgba(26,213,106,.08)}
.panel.active{animation:dashboard-panel-in .24s ease-out}
@keyframes dashboard-panel-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}

#panel-visao.active{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);
  align-items:start;
  gap:15px 16px
}
#panel-visao>.overview-summary{grid-column:1/-1}
#panel-visao>.overview-insights{grid-column:1;grid-row:2/5;margin:0}
#panel-visao>.overview-actions{grid-column:2;grid-row:2;margin:0}
#panel-visao>.overview-recent{grid-column:2;grid-row:3}
#panel-visao>.table-card{grid-column:2;grid-row:4;margin:0}
#panel-visao #kpis{
  grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0
}
#panel-visao #kpis .kpi{
  min-height:162px;padding:16px 16px 18px;border-color:rgba(255,255,255,.075);border-radius:15px;
  background:linear-gradient(155deg,rgba(11,14,18,.98),rgba(4,6,8,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.18)
}
#panel-visao #kpis .kpi::before{inset:auto 16px 0;width:calc(100% - 32px);height:2px;border-radius:8px 8px 0 0;opacity:.75}
#panel-visao #kpis .kpi::after{
  content:"";position:absolute;inset:auto 9% 0;height:40%;opacity:.12;pointer-events:none;
  background:linear-gradient(180deg,transparent,currentColor);clip-path:polygon(0 84%,10% 72%,20% 78%,31% 51%,43% 61%,56% 30%,67% 46%,80% 16%,90% 26%,100% 0,100% 100%,0 100%)
}
#panel-visao #kpis .kpi:hover{border-color:rgba(8,124,255,.33);transform:translateY(-2px)}
#panel-visao #kpis .kpi.featured{border-color:rgba(8,124,255,.43);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 30px rgba(8,124,255,.07)}
#panel-visao #kpis .kpi-icon{
  position:absolute;top:14px;right:14px;width:30px;height:30px;display:grid;place-items:center;
  border:1px solid currentColor;border-radius:9px;background:color-mix(in srgb,currentColor 10%,transparent);opacity:.9
}
#panel-visao #kpis .kpi-icon .ui-icon{width:16px;height:16px}
#panel-visao #kpis .kpi .label{max-width:calc(100% - 38px);margin-bottom:15px;color:#aeb5bf;font-size:9px;font-weight:760;letter-spacing:.58px}
#panel-visao #kpis .kpi .value{position:relative;z-index:1;color:#f7f8fb;font-size:clamp(17px,1.45vw,23px);font-weight:760;letter-spacing:-.8px;white-space:nowrap}
#panel-visao #kpis .kpi-value-line{position:relative;z-index:1;display:flex;align-items:center;gap:7px;min-width:0}
#panel-visao #kpis .kpi-value-line .value{min-width:0}
#panel-visao #kpis .kpi-trend{margin-left:auto;display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;padding:3px 6px;border:1px solid transparent;border-radius:999px;font-size:8px;font-weight:820;letter-spacing:.05px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
#panel-visao #kpis .kpi-trend.positive{border-color:rgba(48,209,88,.2);background:rgba(48,209,88,.1);color:#53dc73}
#panel-visao #kpis .kpi-trend.negative{border-color:rgba(255,69,58,.2);background:rgba(255,69,58,.1);color:#ff6259}
#panel-visao #kpis .kpi-trend.flat{border-color:rgba(161,161,166,.18);background:rgba(161,161,166,.08);color:#aeb5bf}
#panel-visao #kpis .kpi-secondary{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.07)}
#panel-visao #kpis .kpi-secondary span{color:#aeb5bf;font-size:7px;font-weight:790;letter-spacing:.38px;line-height:1.25;text-transform:uppercase}
#panel-visao #kpis .kpi-secondary strong{color:#d5b8ff;font-size:10px;font-weight:780;white-space:nowrap}
#panel-visao #kpis .kpi.blue .kpi-secondary strong{color:#65adff}
#panel-visao #kpis .kpi.red .kpi-secondary strong{color:#ff7a72}
#panel-visao #kpis .kpi .delta{position:relative;z-index:1;max-width:95%;margin-top:7px;color:#8d95a1;font-size:9px;line-height:1.45}

.alert{min-height:38px;padding:9px 12px;border-radius:10px;background:#080a0d;font-size:10px;line-height:1.35}

.section-heading{align-items:center;margin-bottom:9px;padding:0 2px}
.section-heading span{color:#77818e;font-size:8px;letter-spacing:1px}
.section-heading h2{margin-top:2px;font-size:14px;font-weight:720;letter-spacing:-.25px}
.section-link{border:0;background:transparent;color:var(--accent-strong);font-family:inherit;font-size:10px;font-weight:750;cursor:pointer}
.section-link:hover{color:#8ac2ff}
.chart-card,.table-card,.overview-actions,.overview-recent{
  border:1px solid var(--border);border-radius:15px;background:linear-gradient(155deg,rgba(9,11,14,.98),rgba(5,7,9,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),var(--shadow)
}
.overview-actions,.overview-recent{padding:14px}
.overview-insights>.section-heading{padding:0 3px}
.overview-insights .charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.overview-insights .chart-card{min-height:260px;padding:16px}
.overview-insights .chart-card:first-child{grid-column:1/-1;min-height:315px}
.chart-card h3{font-size:12px}.chart-description{font-size:9px}
.chart-period-filter select{min-height:34px;border-color:var(--border);border-radius:9px;background:#090c10;color:#c1c7d0}
.overview-actions .actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.overview-actions .action-card{
  min-height:72px;padding:10px;border-color:rgba(255,255,255,.065);border-radius:11px;background:#090b0e;box-shadow:none
}
.overview-actions .action-card:hover{border-color:rgba(8,124,255,.38);background:#0c1118;transform:translateY(-1px)}
.overview-actions .action-icon{width:32px;height:32px;border-radius:9px;font-size:15px}
.overview-actions .action-card .t{font-size:10px}.overview-actions .action-card .d{margin-top:2px;font-size:8px;line-height:1.25}
.recent-movements{overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:11px}
.recent-movement{width:100%;min-height:52px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.recent-movement:last-child{border-bottom:0}.recent-movement:hover{background:rgba(255,255,255,.025)}
.recent-movement-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px}.recent-movement-icon .ui-icon{width:14px;height:14px}
.recent-movement-icon.positive{background:rgba(25,216,102,.1);color:var(--green)}.recent-movement-icon.negative{background:rgba(255,70,70,.1);color:var(--red)}
.recent-movement-copy{display:grid;min-width:0}.recent-movement-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.recent-movement-copy small{margin-top:3px;color:var(--muted);font-size:8px}
.recent-movement-value{font-size:9px;font-weight:750;white-space:nowrap}
#panel-visao>.table-card{padding:14px}#panel-visao>.table-card h3{font-size:13px}

.kpi,.chart-card,.table-card,.action-card,.cash-origin-panel,.partner-summary,.partner-profile,.partner-history,.investor-summary,.investor-profile,.investor-detail,.settings-card{
  border-color:rgba(255,255,255,.075);background-color:#080a0d;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),var(--shadow)
}
.table-card{border-radius:15px}.table-scroll{border-radius:10px;border:1px solid rgba(255,255,255,.045)}
table th{background:#090c10;color:#727c89;font-size:9px;letter-spacing:.45px}
table td{border-bottom-color:rgba(255,255,255,.045)}tbody tr:hover{background:rgba(8,124,255,.025)}
.btn{border-color:rgba(255,255,255,.085);background:#0c0f13}.search,.filter-select,.fg input,.fg select,.fg textarea{border-color:rgba(255,255,255,.085);background:#0b0e12}

@media(max-width:1280px){
  #panel-visao #kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  #panel-visao #kpis .kpi.featured{grid-column:auto}
}
@media(max-width:1120px){
  .app-shell{grid-template-columns:202px minmax(0,1fr)}.tabs{width:202px}
  #panel-visao.active{grid-template-columns:1fr}
  #panel-visao>.overview-summary,#panel-visao>.overview-insights,#panel-visao>.overview-actions,#panel-visao>.overview-recent,#panel-visao>.table-card{grid-column:1;grid-row:auto}
  #panel-visao>.overview-summary{grid-row:1}#panel-visao>.overview-actions{grid-row:2}#panel-visao>.overview-recent{grid-row:3}#panel-visao>.overview-insights{grid-row:4}#panel-visao>.table-card{grid-row:5}
  .overview-actions .actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:820px){
  .tabs,.container.nav-collapsed .tabs{background:rgba(3,4,6,.96)}
  .content-area{padding-inline:12px}.app-header{margin-inline:-12px;padding-inline:12px}
  #panel-visao.active{gap:13px}
  #panel-visao #kpis .kpi{display:block!important}
  #panel-visao #kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #panel-visao #kpis .kpi{min-height:133px;padding:13px}
  #panel-visao #kpis .kpi.featured{grid-column:span 2}
  #panel-visao #kpis .kpi:last-child{grid-column:span 2}
  #panel-visao #kpis .kpi .value{font-size:20px}
  #panel-visao #kpis .kpi::after{height:32%}
  .overview-actions .actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-insights .charts-grid{grid-template-columns:1fr}
  .overview-insights .chart-card:first-child{grid-column:auto;min-height:270px}
  .overview-insights .chart-card{min-height:245px}
}
@media(max-width:480px){
  .app-header{min-height:70px}
  #panel-visao #kpis .kpi{min-height:124px}
  #panel-visao #kpis .kpi .label{margin-bottom:12px;font-size:8px}
  #panel-visao #kpis .kpi .value{font-size:17px;white-space:normal}
  #panel-visao #kpis .kpi-value-line{align-items:flex-start;flex-direction:column;gap:5px}
  #panel-visao #kpis .kpi-trend{margin-left:0}
  #panel-visao #kpis .kpi .delta{font-size:8px}
  .overview-actions,.overview-recent{padding:12px}
  .recent-movement{grid-template-columns:28px minmax(0,1fr)}
  .recent-movement-value{grid-column:2;margin-top:-5px}
}

/* Mobile usability hardening */
.mobile-nav-toggle,.mobile-nav-tools{display:none}

@media(max-width:820px){
  body.mobile-nav-open{overflow:hidden;overscroll-behavior:none}
  .container,.container.nav-collapsed{padding:0;max-width:none}
  .app-shell,.container.nav-collapsed .app-shell{display:block;min-height:100dvh}

  .tabs,.container.nav-collapsed .tabs{
    position:fixed;inset:0 auto 0 0;z-index:310;
    width:min(86vw,320px);height:100dvh;max-height:none;margin:0;
    padding:18px 13px calc(18px + env(safe-area-inset-bottom));
    display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;
    border:0;border-right:1px solid var(--border);border-radius:0;
    background:rgba(3,4,6,.985);box-shadow:22px 0 60px rgba(0,0,0,.62);
    transform:translateX(-102%);transition:transform .2s ease;backdrop-filter:blur(24px)
  }
  .container.nav-open .tabs{transform:translateX(0)}
  .sidebar-brand{display:flex!important;padding:0 7px 18px}
  .sidebar-brand-copy,.container.nav-collapsed .sidebar-brand-copy{display:grid}
  .tabs-head{display:flex!important;padding:4px 5px 8px}
  .tabs-title,.container.nav-collapsed .tabs-title{display:block}
  .nav-collapse{display:none}
  .tab-list{
    min-height:0;display:flex;flex:1 1 auto;flex-direction:column;gap:4px;
    overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;overscroll-behavior:contain
  }
  .tab,.container.nav-collapsed .tab{
    flex:0 0 auto;width:100%;min-height:48px;padding:10px 12px;
    display:flex;flex-direction:row;justify-content:flex-start;gap:11px;border-radius:11px
  }
  .tab-icon{width:22px;font-size:18px}
  .tab-label,.container.nav-collapsed .tabs .tab-label{
    display:block;max-width:none;overflow:visible;font-size:13px;font-weight:650;white-space:normal
  }
  .mobile-nav-tools{display:block;padding:10px 3px 6px;border-top:1px solid var(--border)}
  .mobile-nav-tools button{
    width:100%;min-height:46px;display:flex;align-items:center;gap:11px;padding:10px 12px;
    border:1px solid var(--border);border-radius:11px;background:#090c10;color:var(--text);
    font-family:inherit;font-size:12px;font-weight:650;text-align:left
  }
  .mobile-nav-tools .ui-icon{width:18px;height:18px;color:var(--accent-strong)}
  .sidebar-footer{display:flex!important;margin-top:0}
  .container.nav-collapsed .sidebar-footer{display:flex!important}

  .nav-backdrop{
    display:block;position:fixed;inset:0;z-index:300;width:100%;height:100%;padding:0;
    border:0;background:rgba(0,0,0,.66);opacity:0;pointer-events:none;
    transition:opacity .2s ease;backdrop-filter:blur(3px)
  }
  .container.nav-open .nav-backdrop{opacity:1;pointer-events:auto}

  .content-area{padding:0 12px calc(28px + env(safe-area-inset-bottom))}
  .app-header{
    position:sticky;top:0;z-index:190;min-height:68px;margin:0 -12px 16px;padding:10px 12px;
    display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;flex-wrap:nowrap
  }
  .mobile-nav-toggle{
    width:44px;height:44px;display:grid;place-content:center;gap:4px;padding:0;
    border:1px solid var(--border);border-radius:12px;background:#080b0f;color:var(--text);cursor:pointer
  }
  .mobile-nav-toggle span{width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
  .container.nav-open .mobile-nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .container.nav-open .mobile-nav-toggle span:nth-child(2){opacity:0}
  .container.nav-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .page-context{min-width:0;max-width:none}
  .page-eyebrow,.page-context p{display:none}
  .page-context h1{overflow:hidden;text-overflow:ellipsis;font-size:18px;white-space:nowrap}
  .header-actions{width:auto;display:flex;flex-wrap:nowrap;gap:6px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}
  .header-export,.last-updated{display:none}
  .sync-control,.profile-trigger{width:42px;min-width:42px;min-height:42px;justify-content:center;padding:4px}
  .sync-control>span:last-child,.profile-trigger-copy,.profile-chevron{display:none}
  .profile-popover{top:62px;left:10px;right:10px;max-height:calc(100dvh - 74px);overflow:auto}

  .mobile-view-note{display:none!important}
  #panel-visao #kpis .kpi.kpi,
  #panel-acessorios #accKpis .kpi,
  #panel-fechamentos .fechamento-kpis .kpi,
  #socios .partner-summary-grid .partner-summary,
  #socios .partner-metric-grid .partner-metric,
  #invContas .investor-summary-grid .investor-summary,
  #invContas .investor-mini-grid .investor-metric{display:block!important}
  #panel-visao .charts-grid .chart-card{display:block!important}

  .table-card{min-width:0;padding:13px 11px}
  .table-card h3{display:block;font-size:15px}
  .table-card h3>.th3r{margin:11px 0 0}
  .table-card .th3r{
    width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    overflow:visible;padding:0
  }
  .table-card .th3r>.search:first-child{grid-column:1/-1}
  .table-card .th3r .search,.table-card .th3r .filter-select,.table-card .th3r .btn{
    width:100%;min-width:0;max-width:none;min-height:44px;margin:0;font-size:16px
  }
  .stock-view-toggle{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr 1fr}
  .stock-view-toggle .btn{min-height:40px}
  .table-scroll{
    width:100%;max-width:100%;margin:0;padding:0;overflow-x:auto;overflow-y:visible;
    -webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain
  }
  .table-scroll::after{content:"Deslize para ver todos os dados";position:sticky;left:0;display:block;padding:8px 2px 2px;color:var(--muted);font-size:9px}
  .table-scroll table,#socios .partner-history table,#invAtivos .investor-detail table{
    width:max-content;min-width:100%;table-layout:auto
  }
  .table-scroll table :is(th,td),#socios .partner-history table :is(th,td),#invAtivos .investor-detail table :is(th,td){
    display:table-cell!important;padding:10px 9px;font-size:11px
  }
  .table-scroll table th,#socios .partner-history table th,#invAtivos .investor-detail table th{font-size:9px}
  .desktop-only{display:inline!important}
  .mobile-only,.mobile-row-meta{display:none!important}
  #tCaixa th:nth-child(4),#tFechCaixa th:nth-child(4){font-size:9px}
  #tCaixa th:nth-child(4)::after,#tFechCaixa th:nth-child(4)::after{display:none}
  .acts button[title="Excluir"]{display:inline-grid!important}
  .acts .btn-icon,.btn-icon{min-width:42px;min-height:42px;padding:8px}

  .stock-card-grid{grid-template-columns:1fr;gap:11px}
  .stock-device-card{padding:14px;gap:12px}
  .stock-card-owner{align-items:flex-start;flex-wrap:wrap}
  .stock-card-owner .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:right}
  .stock-card-values{gap:5px}
  .stock-card-values strong{font-size:11px;white-space:normal}
  .stock-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .stock-card-actions .btn,.stock-card-actions .btn-icon{width:100%;min-width:0;min-height:44px;padding:8px 5px;font-size:11px}
  .stock-photo-heading{align-items:flex-start;flex-direction:column}
  .stock-photo-heading .btn{width:100%;min-height:44px}
  .stock-photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stock-gallery-stage{min-height:260px}
  .stock-gallery-stage>img{height:55vh}

  .modal-bg{z-index:400;padding:0;align-items:stretch}
  #modal .modal{
    width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:0;
    display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;
    border:0;border-radius:0;background:var(--card)
  }
  #modal .modal-hd{min-height:64px;margin:0;padding:12px 14px;border-bottom:1px solid var(--border)}
  #modal .modal-hd h2{font-size:17px}
  .modal-x{width:44px;height:44px;padding:0;font-size:20px}
  #mBody{min-height:0;overflow-y:auto;padding:16px 14px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}
  #modal .modal-ft{
    z-index:2;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    display:grid;grid-template-columns:1fr 1fr;gap:9px;background:rgba(8,10,13,.98);box-shadow:0 -10px 28px rgba(0,0,0,.28)
  }
  #modal .modal-ft .btn{min-height:48px;font-size:14px}
  #cfModal{align-items:flex-end;padding:12px}
  #cfModal .modal{max-width:440px!important;max-height:calc(100dvh - 24px);padding:18px;overflow-y:auto;border-radius:18px}
  #cfModal .modal-ft{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  #cfModal .modal-ft .btn{min-height:46px}
  .fr{grid-template-columns:1fr;gap:0}
  .fg{margin-bottom:13px}
  .fg input,.fg select,.fg textarea,.search,.filter-select{min-height:46px;font-size:16px}
  .fcb{min-height:44px;align-items:center}
  .fcb input[type=checkbox]{width:22px;height:22px;flex:0 0 auto}
  .actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .action-card{min-width:0;min-height:76px}
  .toast{max-width:calc(100vw - 24px);bottom:calc(18px + env(safe-area-inset-bottom))}
}

@media(max-width:390px){
  .content-area{padding-inline:9px}
  .app-header{margin-inline:-9px;padding-inline:9px}
  .page-context h1{font-size:16px}
  .sync-control,.profile-trigger{width:40px;min-width:40px}
  .table-card .th3r{grid-template-columns:1fr}
  .table-card .th3r>.search:first-child,.stock-view-toggle{grid-column:1}
  .stock-card-product .product-thumb{width:76px;height:76px;flex-basis:76px}
  .stock-card-product .product-thumb img{width:70px;height:70px}
  .stock-card-product .product-cell-copy strong{font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  .tabs,.nav-backdrop,.mobile-nav-toggle span{transition:none!important}
}