:root{--bg: #070809;--bg-2: #0b0e12;--surface: #12161b;--surface-2: #191f26;--surface-3: #0c1015;--line: #262d36;--line-soft: rgba(255, 255, 255, .06);--text: #f7f8fa;--muted: #9da7b3;--muted-2: #6b7683;--primary: #e23a48;--primary-2: #9f1d2a;--primary-soft: rgba(226, 58, 72, .14);--primary-line: rgba(226, 58, 72, .42);--success: #38b87c;--success-soft: rgba(56, 184, 124, .14);--warning: #efb84d;--warning-soft: rgba(239, 184, 77, .14);--danger: #ef5b68;--radius: 20px;--radius-sm: 14px;--radius-xs: 11px;--shadow: 0 18px 46px rgba(0, 0, 0, .34);--shadow-soft: 0 8px 22px rgba(0, 0, 0, .24);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 74px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(1200px 600px at 100% -10%,rgba(226,58,72,.08),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(70,90,120,.06),transparent 55%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{font-size:16px}svg{width:20px;height:20px;flex:none}.app-shell{min-height:100dvh;padding-bottom:calc(var(--nav-height) + 18px + var(--safe-bottom))}.page{max-width:760px;margin:0 auto;padding:18px 15px 26px}.page-head h1{font-size:26px;margin:4px 0 6px;letter-spacing:-.02em}.page-head p{margin:0}.hidden{display:none!important}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}.topbar{position:sticky;top:0;z-index:20;background:#070809db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}.topbar-inner{max-width:760px;margin:auto;padding:12px 15px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand img{width:44px;height:44px;border-radius:13px;object-fit:cover;box-shadow:var(--shadow-soft)}.brand strong{display:block;font-size:15px;letter-spacing:-.01em}.brand small{display:block;color:var(--muted);font-size:12px}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;transition:border-color .15s,background .15s}.icon-btn:hover{border-color:var(--primary-line)}.stack{display:grid;gap:12px}.row{display:flex;gap:10px;align-items:center}.row-between{display:flex;justify-content:space-between;gap:12px;align-items:center}.card{background:linear-gradient(155deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow-soft)}.section-title{font-size:17px;margin:0;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.section-title svg{width:18px;height:18px;color:var(--muted)}.eyebrow{font-size:12px;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.hero{padding:22px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(420px 180px at 90% -20%,rgba(226,58,72,.18),transparent 70%);pointer-events:none}.hero h1{font-size:27px;margin:8px 0 6px;letter-spacing:-.02em}.hero p{color:var(--muted);margin-bottom:18px;max-width:46ch}.quick-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:11px;position:relative}.quick{border:1px solid var(--line);background:var(--surface-3);color:var(--text);border-radius:18px;padding:16px;text-align:left;min-height:132px;display:flex;flex-direction:column;transition:transform .12s,border-color .15s}.quick:hover{transform:translateY(-2px);border-color:var(--primary-line)}.quick.primary{background:linear-gradient(150deg,var(--primary),var(--primary-2));border:0;box-shadow:0 14px 30px #e23a4852}.quick-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffffff1f}.quick.primary .quick-ico{background:#ffffff2e}.quick-label{font-size:12px;opacity:.8;margin-top:auto}.quick strong{font-size:17px;display:block;margin-top:3px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-3)}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:8px;font-size:22px;letter-spacing:-.02em}.welcome h1{font-size:24px;margin:2px 0 0;letter-spacing:-.02em}.date-card{display:flex;align-items:center;gap:10px;width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text);font-weight:600;text-align:left}.date-card>span:nth-child(2){flex:1}.date-card svg{width:18px;height:18px;color:var(--muted)}.date-ico{display:grid;place-items:center;color:var(--primary)}.date-ico svg{color:var(--primary)}.metric-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px}.metric-card{padding:15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(155deg,var(--surface-2),var(--surface));display:grid;gap:7px}.metric-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}.metric-badge{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.metric-badge svg{width:18px;height:18px}.metric-badge.green{background:var(--success-soft);color:var(--success)}.metric-badge.blue{background:#548cff29;color:#7fa8ff}.metric-badge.purple{background:#a878ff29;color:#b48cff}.metric-badge.red{background:var(--primary-soft);color:var(--primary)}.metric-card strong{font-size:21px;letter-spacing:-.02em}.metric-delta{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600}.metric-delta svg{width:13px;height:13px}.metric-delta.up{color:var(--success)}.metric-delta.down{color:var(--danger)}.metric-delta.down svg{transform:scaleY(-1)}.metric-delta.neutral{color:var(--muted-2)}.metric-delta.neutral svg{display:none}.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-tile{padding:14px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-3);display:grid;gap:2px;text-align:center}.stat-tile strong{font-size:24px;letter-spacing:-.02em}.stat-tile span{font-size:12px;color:var(--text)}.stat-tile small{font-size:11px;color:var(--muted)}.activities{gap:4px}.activity{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.activity:last-child{border-bottom:0}.activity-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:#548cff24;color:#7fa8ff}.activity-ico.os{background:var(--success-soft);color:var(--success)}.activity-ico svg{width:18px;height:18px}.activity-body{flex:1;min-width:0;display:grid;gap:2px}.activity-body strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-body span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:12px;color:var(--muted);flex:none}.btn{border:0;border-radius:var(--radius-sm);padding:13px 16px;font-weight:700;color:var(--text);background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .1s,filter .15s,border-color .15s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn svg{width:17px;height:17px}.btn.primary{background:linear-gradient(150deg,var(--primary),var(--primary-2));box-shadow:0 10px 22px #e23a4847}.btn.outline{border:1px solid var(--line);background:transparent}.btn.outline:hover{border-color:var(--primary-line);filter:none}.btn.block{width:100%}.btn.small{padding:9px 12px;font-size:13px}.text-btn{border:0;background:transparent;color:#ff8b96;font-weight:700;padding:6px 0;display:inline-flex;align-items:center;gap:4px}.text-btn svg{width:15px;height:15px}.field label{display:block;color:var(--muted);font-size:13px;margin:0 0 6px}.field label .hint{color:var(--primary);font-size:11px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface-3);color:var(--text);border-radius:var(--radius-xs);padding:13px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid .full{grid-column:1 / -1}.item-card{padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-3)}.item-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;padding:3px;background:var(--surface-3)}.segmented.segmented-3{grid-template-columns:repeat(3,1fr)}.segmented button{border:0;background:transparent;color:var(--muted);padding:10px;border-radius:9px;font-weight:600;transition:background .15s,color .15s}.segmented button.active{background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-soft)}.total-bar{position:sticky;bottom:calc(var(--nav-height) + 10px + var(--safe-bottom));z-index:10;background:#12161beb;border:1px solid var(--primary-line);border-radius:18px;padding:13px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.total-bar strong{font-size:23px;display:block;letter-spacing:-.02em}.list{gap:10px}.doc-card{display:flex;gap:12px;padding:13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-3);transition:border-color .15s}.doc-card:hover{border-color:var(--primary-line)}.doc-card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--warning-soft);color:var(--warning);flex:none}.doc-card-icon.os{background:var(--success-soft);color:var(--success)}.doc-card-body{flex:1;min-width:0;display:grid;gap:6px}.doc-card-top{display:flex;justify-content:space-between;gap:10px}.doc-card-value{display:grid;justify-items:end;gap:1px;text-align:right}.doc-card-total{letter-spacing:-.01em}.doc-card-profit{font-size:10.5px;font-weight:600;color:var(--success);line-height:1}.doc-card-sub{color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px}.tag{padding:3px 8px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);font-weight:600;letter-spacing:.03em}.badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--warning-soft);color:#ffd78b}.badge.ok{background:var(--success-soft);color:#8be0b5}.history-entry{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:var(--surface);display:grid;gap:11px}.history-entry .doc-card{border:0;padding:0;background:transparent}.history-entry .actions{border-top:1px solid var(--line);padding-top:11px;flex-wrap:wrap}.filter-chips{display:flex;gap:8px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);border-radius:999px;padding:9px 14px;font-weight:600;transition:all .15s}.chip.active{background:var(--primary-soft);border-color:var(--primary-line);color:#fff}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-3)}.list-summary,.period-label{color:var(--muted);font-size:13px}.result-hero{padding:18px;border-radius:18px;border:1px solid var(--primary-line);background:linear-gradient(150deg,#e23a4847,#8f19251f)}.result-hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.result-hero span{color:var(--muted);font-size:13px}.result-hero strong{display:block;font-size:32px;letter-spacing:-.02em;margin:4px 0}.result-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.result-delta svg{width:13px;height:13px}.result-delta.up{color:#8be0b5}.result-delta.down{color:#ffb3ba}.result-delta.down svg{transform:scaleY(-1)}.result-delta.neutral{color:var(--muted)}.result-spark{width:120px;height:44px;flex:none}.sparkline{width:100%;height:100%}.bar-chart{width:100%;height:auto;display:block}.chart-label{font-size:11px;fill:var(--muted)}.chart-value{font-size:10px;font-weight:700;fill:var(--text)}.fc-head{display:flex;align-items:center;gap:6px}.fc-head svg{width:15px;height:15px;color:var(--muted)}.finance-grid.two{grid-template-columns:1fr 1fr}.finance-grid.two .finance-card{min-height:auto}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finance-card{min-height:138px;padding:17px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,var(--surface-2),var(--surface));display:flex;flex-direction:column}.finance-card.main{grid-column:1 / -1;min-height:158px;background:linear-gradient(150deg,#e23a4847,#8f19251f);border-color:var(--primary-line)}.finance-card span{color:var(--muted);font-size:13px}.finance-card strong{font-size:25px;margin-top:auto;padding-top:14px;letter-spacing:-.02em}.finance-card.main strong{font-size:33px}.finance-card small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.35}.financial-lines{display:grid;gap:2px}.financial-lines>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.financial-lines>div:last-child{border-bottom:0}.financial-lines span{color:var(--muted)}.info-note{margin:0;padding:12px;border-radius:12px;background:var(--surface-3);color:var(--muted);font-size:12px;line-height:1.45}.menu{gap:8px}.menu-item{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text);text-align:left;transition:border-color .15s,background .15s}.menu-item:hover{border-color:var(--primary-line)}.menu-item>svg:first-child{color:var(--primary)}.menu-item span{flex:1;display:grid;gap:2px}.menu-item strong{font-size:15px}.menu-item small{color:var(--muted);font-size:12px}.menu-item>svg:last-child{color:var(--muted-2);width:17px;height:17px}.menu-item.danger>svg:first-child{color:var(--danger)}.status-card p{line-height:1.5}.empty{text-align:center;padding:30px 16px;color:var(--muted);display:grid;gap:6px;justify-items:center}.empty-ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--line);color:var(--muted);margin-bottom:4px}.empty-ico svg{width:26px;height:26px}.empty p{margin:0;color:var(--text);font-weight:600}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#090b0eeb;border-top:1px solid var(--line);padding:8px 8px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav-inner{max-width:760px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;align-items:end}.nav-btn{border:0;background:transparent;color:var(--muted);padding:7px 4px;border-radius:13px;font-size:11px;font-weight:600;display:grid;justify-items:center;gap:4px;transition:color .15s,background .15s}.nav-ico{display:grid;place-items:center}.nav-ico svg{width:22px;height:22px}.nav-btn.active{color:#fff}.nav-btn.active .nav-ico{color:var(--primary)}.nav-btn:not(.nav-fab).active{background:var(--primary-soft)}.nav-fab .nav-ico{width:50px;height:50px;border-radius:16px;background:linear-gradient(150deg,var(--primary),var(--primary-2));color:#fff;margin-top:-22px;box-shadow:0 12px 24px #e23a4866;border:3px solid var(--bg)}.nav-fab .nav-ico svg{width:26px;height:26px}.nav-fab .nav-label{color:var(--text)}.detail-head{display:flex;align-items:center;gap:12px}.detail-head h1{font-size:22px;margin:0;letter-spacing:-.02em}.detail-head .icon-btn svg{transform:rotate(180deg)}.note{display:grid;gap:16px}.note-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line)}.note-number{font-size:26px;letter-spacing:-.02em}.note-dates{text-align:right;display:grid;gap:2px}.note-dates span{font-size:13px}.note-dates small{color:var(--muted);font-size:12px}.note-block{display:grid;gap:3px}.note-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:2px}.note-block strong{font-size:15px}.note-lines{display:grid;gap:2px;margin-top:4px}.note-lines>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.note-lines>div:last-child{border-bottom:0}.note-lines span{color:var(--muted)}.danger-text{color:var(--danger)}.note-total{display:flex;justify-content:space-between;align-items:center;padding:15px;margin:0 -1px;border-radius:var(--radius-sm);background:var(--primary-soft);border:1px solid var(--primary-line)}.note-total span{font-size:14px;color:var(--muted)}.note-total strong{font-size:24px;color:#ff8b96;letter-spacing:-.02em}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid:has(.block:only-child){grid-template-columns:1fr}.btn.whatsapp{background:#1faf54;box-shadow:0 10px 22px #1faf544d}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:100%;max-width:380px;background:linear-gradient(155deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:28px 22px;box-shadow:var(--shadow);display:grid;gap:12px;text-align:center}.auth-logo{width:68px;height:68px;border-radius:18px;object-fit:cover;margin:0 auto 4px;box-shadow:var(--shadow-soft)}.auth-card h1{font-size:22px;margin:0;letter-spacing:-.02em}.auth-card p{margin:0 0 6px}.auth-card .field{text-align:left}.auth-error{color:#ffb3ba;background:var(--primary-soft);border:1px solid var(--primary-line);border-radius:var(--radius-xs);padding:10px 12px;font-size:13px;text-align:left}.auth-ok{color:#8be0b5;background:var(--success-soft);border:1px solid rgba(56,184,124,.4);border-radius:var(--radius-xs);padding:10px 12px;font-size:13px;text-align:left}.auth-switch{justify-self:center;color:var(--muted)}@media(max-width:470px){.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.hero h1{font-size:24px}.finance-card strong{font-size:22px}.finance-card.main strong{font-size:30px}.nav-btn{font-size:10px}}