@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f6f7f4;--bg-secondary:#eef4ef;--bg-card:#fff;--bg-card-hover:#f1f5f1;--bg-input:#f7f9f7;--bg-sidebar:#ffffffb8;--bg-modal-overlay:#17211c73;--text-primary:#17211c;--text-secondary:#3c4a41;--text-muted:#667369;--text-white:#fff;--border-color:#d9dfd9;--border-active:#0f8a5f66;--border-radius:8px;--border-radius-sm:8px;--border-radius-lg:10px;--accent-primary:#0f8a5f;--accent-primary-hover:#096342;--accent-success:#0f8a5f;--accent-warning:#c77a17;--accent-danger:#bf3f3f;--accent-info:#2468d8;--gradient-primary:linear-gradient(135deg, #0f8a5f, #2468d8);--gradient-success:linear-gradient(135deg, #0f8a5f, #3aa876);--gradient-warning:linear-gradient(135deg, #c77a17, #e0983c);--gradient-danger:linear-gradient(135deg, #bf3f3f, #d16565);--gradient-card:linear-gradient(135deg, #0f8a5f1a, #2468d812);--glass-bg:#ffffffb8;--glass-border:#d9dfd9;--glass-shadow:0 18px 45px #1f29231a;--shadow-sm:0 1px 3px #1f292314;--shadow-md:0 10px 28px #1f29231a;--shadow-lg:0 18px 55px #1f292324;--shadow-glow:0 18px 45px #0f8a5f29;--sidebar-width:260px;--sidebar-width-collapsed:72px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}body{font-family:var(--font-family);background:linear-gradient(180deg, #f9faf7 0%, var(--bg-primary) 52%, #ecefeb 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:var(--accent-primary);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(at 30% 20%,#0f8a5f14 0%,#0000 60%),radial-gradient(at 70% 80%,#8b5cf60f 0%,#0000 60%);width:200%;height:200%;animation:20s infinite alternate bgFloat;position:absolute;top:-50%;left:-50%}@keyframes bgFloat{0%{transform:translate(0)rotate(0)}to{transform:translate(-2%,-2%)rotate(1deg)}}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);width:100%;max-width:420px;box-shadow:var(--glass-shadow);z-index:1;padding:40px;position:relative}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:800}.login-logo p{color:var(--text-secondary);font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-toggle{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:14px}.login-toggle button{color:var(--accent-primary);transition:color var(--transition-fast);background:0 0;border:none;font-size:14px;font-weight:600}.login-toggle button:hover{color:var(--accent-primary-hover)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;height:100vh;transition:width var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;min-height:70px;padding:20px 24px;display:flex}.sidebar-brand-icon{background:var(--gradient-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sidebar-brand h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;white-space:nowrap;transition:opacity var(--transition-fast);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;overflow:hidden}.sidebar.collapsed .sidebar-brand h2{opacity:0;width:0}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.sidebar-link{border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.sidebar-link:hover{color:var(--text-primary);background:#0f8a5f14}.sidebar-link.active{color:var(--accent-primary);background:#0f8a5f26}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:20px;display:flex}.sidebar-link-label{transition:opacity var(--transition-fast)}.sidebar.collapsed .sidebar-link-label{opacity:0;width:0}.sidebar-footer{border-top:1px solid var(--border-color);padding:12px}.sidebar-toggle{width:100%;color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:10px;font-size:18px;display:flex}.sidebar-toggle:hover{color:var(--text-primary);background:#0f8a5f14}.main-area{margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);flex-direction:column;flex:1;min-height:100vh;display:flex}.sidebar-collapsed .main-area{margin-left:var(--sidebar-width-collapsed)}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#ffffffd1;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-action-btn{color:var(--text-muted);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;display:flex}.topbar-action-btn:hover{color:var(--text-primary);background:#0f8a5f14}.profile-dropdown-container{position:relative}.profile-trigger{border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.profile-trigger:hover{border-color:var(--border-color);background:#0f8a5f0f}.profile-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.profile-avatar.large{width:44px;height:44px;font-size:16px}.profile-name{color:var(--text-secondary);font-size:14px;font-weight:500}.profile-dropdown-overlay{z-index:199;width:100%;height:100%;position:fixed;top:0;left:0}.profile-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);width:260px;box-shadow:var(--shadow-lg);z-index:200;animation:.15s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.profile-dropdown-header{align-items:center;gap:12px;padding:16px;display:flex}.profile-dropdown-name{color:var(--text-primary);font-size:14px;font-weight:600}.profile-dropdown-email{color:var(--text-muted);margin-top:2px;font-size:12px}.profile-dropdown-divider{background:var(--border-color);height:1px}.profile-dropdown-item{width:100%;color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.profile-dropdown-item:hover{color:var(--accent-danger);background:#bf3f3f14}.main-content{flex:1;padding:28px 32px;animation:.3s contentFadeIn}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in>*{animation:.4s backwards staggerIn}@keyframes staggerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sidebar-section{margin-bottom:4px}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);opacity:.6;transition:opacity var(--transition-fast);padding:12px 14px 6px;font-size:10px;font-weight:700}.sidebar.collapsed .sidebar-section-title{opacity:0;height:0;padding:0;overflow:hidden}.mobile-menu-btn{color:var(--text-primary);background:0 0;border:none;padding:4px;font-size:24px;display:none}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width)}.main-area{margin-left:0!important}.mobile-menu-btn{display:flex}.topbar{padding:0 16px}.main-content{padding:16px}.profile-name{display:none}.sidebar-overlay{z-index:99;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar-overlay.active{display:block}}.btn{border-radius:var(--border-radius-sm);transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 10px #0f8a5f4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0f8a5f66}.btn-secondary{color:var(--accent-primary);border:1px solid var(--border-color);background:#0f8a5f1a}.btn-secondary:hover:not(:disabled){border-color:var(--border-active);background:#0f8a5f33}.btn-danger{color:var(--accent-danger);background:#bf3f3f26;border:1px solid #bf3f3f33}.btn-danger:hover:not(:disabled){background:#bf3f3f40}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;padding:8px 12px}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#17211c0d}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{justify-content:center;align-items:center;width:36px;height:36px;padding:8px;display:flex}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius);transition:all var(--transition-normal);padding:24px}.card:hover{border-color:var(--border-active)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius);transition:all var(--transition-normal);padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.stat-card:hover{box-shadow:var(--shadow-glow);border-color:var(--border-active);transform:translateY(-2px)}.stat-card.green:before{background:var(--gradient-success)}.stat-card.red:before{background:var(--gradient-danger)}.stat-card.blue:before{background:linear-gradient(135deg,#2468d8,#5a9bea)}.stat-card.purple:before{background:var(--gradient-primary)}.stat-card.orange:before{background:var(--gradient-warning)}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500}.stat-card-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.stat-card-value.positive{color:var(--accent-success)}.stat-card-value.negative{color:var(--accent-danger)}.stat-card-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:24px;display:grid}@media (width<=768px){.charts-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input,.form-select,.form-textarea,.form-control,.pdv-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:all var(--transition-fast);width:100%;padding:10px 14px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus,.pdv-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #0f8a5f1a}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-select option{background:var(--bg-secondary)}.form-control:disabled,.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.pdv-input:disabled{opacity:.58;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.form-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.form-grid{flex-direction:column;gap:16px;display:flex}.modal-overlay{background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.25s slideUp;overflow-y:auto}.modal-wide{max-width:980px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:18px;font-weight:600}.modal-close{color:var(--text-secondary);transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:20px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.table-container{border-radius:var(--border-radius);border:1px solid var(--glass-border);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#0f8a5f0f;padding:12px 16px;font-size:12px;font-weight:600}.table td{color:var(--text-primary);border-bottom:1px solid #0f8a5f0d;padding:12px 16px;font-size:14px}.table tr:hover td{background:#0f8a5f08}.table tr:last-child td{border-bottom:none}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--accent-success);background:#0f8a5f26}.badge-warning{color:var(--accent-warning);background:#c77a1726}.badge-danger{color:var(--accent-danger);background:#bf3f3f26}.badge-info{color:var(--accent-info);background:#2468d826}.badge-purple{color:#7c3aed;background:#8b5cf626}.badge-neutral{color:var(--text-secondary);background:#94a3b826}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-desc{color:var(--text-secondary);max-width:400px;margin-bottom:24px;font-size:14px}.loading-container{justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{font-size:22px;font-weight:700}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.period-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.period-controls-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.filter-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);min-width:150px;transition:border-color var(--transition-fast);padding:8px 14px;font-size:13px}.filter-input:focus{border-color:var(--accent-primary);outline:none}.filter-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:8px 30px 8px 14px;font-size:13px}.filter-select option{background:var(--bg-secondary)}.tabs{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.tab{color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:14px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.amount{font-variant-numeric:tabular-nums;font-weight:600}.amount.positive{color:var(--accent-success)}.amount.negative{color:var(--accent-danger)}.table-actions{gap:6px;display:flex}.action-btn{color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px}.action-btn:hover{color:var(--text-primary);background:#17211c0d}.action-btn.delete:hover{color:var(--accent-danger);background:#bf3f3f1a}.upcoming-list{flex-direction:column;gap:8px;display:flex}.upcoming-item{border-radius:var(--border-radius-sm);transition:background var(--transition-fast);background:#17211c05;border:1px solid #0f8a5f0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.upcoming-item-left{align-items:center;gap:12px;display:flex}.upcoming-item-date{color:var(--text-muted);min-width:50px;font-size:12px}.upcoming-item-desc{font-size:14px;font-weight:500}.upcoming-item-overdue .upcoming-item-date{color:var(--accent-danger)}.user-menu{align-items:center;gap:8px;display:flex}.user-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-name{color:var(--text-secondary);font-size:14px;font-weight:500}.toast-custom{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.fab{background:var(--gradient-primary);color:#fff;z-index:80;width:56px;height:56px;transition:transform var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0f8a5f66}.fab:hover{transform:scale(1.1)}@media (width<=768px){.fab{display:flex}}.progress-fill{height:100%;transition:width var(--transition-slow);border-radius:4px}.progress-fill.green{background:var(--gradient-success)}.progress-fill.red{background:var(--gradient-danger)}.progress-fill.blue{background:linear-gradient(135deg,#2468d8,#5a9bea)}.progress-fill.purple{background:var(--gradient-primary)}.comparison-row{border-bottom:1px solid #0f8a5f0f;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.comparison-row:last-child{border-bottom:none}.comparison-label{color:var(--text-secondary);font-size:14px}.comparison-values{align-items:center;gap:16px;display:flex}.comparison-planned{color:var(--text-muted);font-size:14px}.comparison-actual{font-size:14px;font-weight:600}.comparison-diff{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.comparison-diff.over{color:var(--accent-danger);background:#bf3f3f26}.comparison-diff.under{color:var(--accent-success);background:#0f8a5f26}.metas-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.meta-card{transition:all var(--transition-normal)}.meta-card.inactive{opacity:.5}.meta-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px)}.meta-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.meta-progress-section{margin-top:16px}.meta-values{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.meta-current{color:var(--text-primary);font-size:20px;font-weight:700}.meta-target{color:var(--text-muted);font-size:13px}.progress-bar{background:#0f8a5f1a;border-radius:5px;height:10px;overflow:hidden}.progress-fill{border-radius:5px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.meta-progress-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.meta-percent{color:var(--accent-primary);font-size:13px;font-weight:700}.meta-remaining{color:var(--text-muted);font-size:12px}.meta-completed{color:var(--accent-success);font-size:13px;font-weight:600}.meta-deadline{border-top:1px solid var(--border-color);color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:14px;font-size:12px;display:flex}.report-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);overflow:hidden}.report-header{border-bottom:1px solid var(--border-color);padding:24px}.report-header h3{font-size:18px;font-weight:700}.report-section{border-bottom:1px solid #0f8a5f0f;padding:20px 24px}.report-section:last-child{border-bottom:none}.report-section h4{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:700}.report-grid{flex-direction:column;gap:8px;display:flex}.report-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.report-item.total{background:#0f8a5f0f;margin-top:4px}.report-item.highlight{border:1px solid var(--border-color);background:#0f8a5f1f}.alert{border-radius:var(--border-radius-sm);align-items:center;gap:10px;padding:14px 20px;font-size:14px;display:flex}.alert-danger{color:#8a2c2c;background:#bf3f3f1a;border:1px solid #bf3f3f33}.alert-warning{color:#7a4a08;background:#c77a171a;border:1px solid #c77a1733}.alert-info{color:#1d4ed8;background:#2468d81a;border:1px solid #2468d833}.login-page{background:linear-gradient(#f9faf7 0%,#ecefeb 100%)}.login-page:before{display:none}.login-card,.card,.stat-card,.report-card{background:var(--glass-bg);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.login-logo h1,.sidebar-brand h2{-webkit-text-fill-color:currentColor;color:var(--text-primary);background:0 0}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1}.sidebar-brand{padding:22px 18px}.sidebar-brand-icon{color:#fff;width:42px;height:42px;font-size:13px;font-weight:850}.sidebar-brand-copy{min-width:0;overflow:hidden}.sidebar-brand-copy span{color:var(--text-muted);white-space:nowrap;margin-top:1px;font-size:11px;display:block}.sidebar.collapsed .sidebar-brand-copy{opacity:0;width:0}.sidebar-link{padding:11px 12px}.sidebar-link:hover,.sidebar-toggle:hover,.topbar-action-btn:hover,.profile-trigger:hover{background:#0f8a5f14}.sidebar-link.active{color:var(--accent-primary-hover);background:#0f8a5f24;font-weight:750}.sidebar-health{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#111814;margin-bottom:10px;padding:12px}.sidebar-health div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-health span{color:var(--text-secondary);font-size:12px}.sidebar-health strong{color:var(--accent-primary-hover);font-size:13px}.sidebar-health-bar{background:#25342b;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.sidebar-health-bar i{background:var(--gradient-primary);width:72%;height:100%;display:block}.topbar{background:#ffffffd1;min-height:72px}.topbar-search{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input);width:min(420px,42vw);height:42px;color:var(--text-muted);align-items:center;gap:10px;padding:0 13px;display:flex}.topbar-search input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:14px}.topbar-sync-status{border:1px solid var(--border-color);height:34px;color:var(--text-secondary);background:var(--bg-input);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12px;display:inline-flex}.topbar-sync-status span{background:var(--accent-success);border-radius:50%;width:7px;height:7px}.topbar-action-btn{background:var(--bg-input);border:1px solid var(--border-color)}.main-content{padding:28px 32px 40px}.btn-primary{color:#fff;box-shadow:0 12px 24px #0f8a5f2e}.card:hover,.stat-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-md)}.card-kicker{color:var(--text-muted);font-size:12px;font-weight:700}.dashboard-page{flex-direction:column;gap:22px;display:flex}.dashboard-hero{border:1px solid var(--border-color);border-radius:var(--border-radius);background:linear-gradient(120deg, #0f8a5f24, #2468d81a), var(--bg-card);min-height:156px;box-shadow:var(--shadow-md);justify-content:space-between;align-items:flex-end;gap:20px;padding:24px;display:flex}.eyebrow{color:var(--accent-primary-hover);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:850}.dashboard-hero h1{letter-spacing:0;margin:0;font-size:clamp(30px,4vw,46px);line-height:1}.dashboard-hero p{color:var(--text-secondary);max-width:620px;margin:12px 0 0}.dashboard-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.period-picker{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);height:42px;color:var(--text-secondary);align-items:center;gap:8px;padding:0 12px;display:inline-flex}.period-picker input{color:var(--text-primary);background:0 0;border:0;outline:0}.executive-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.executive-strip>div{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);min-height:92px;box-shadow:var(--shadow-sm);padding:16px}.executive-strip span,.executive-strip small{color:var(--text-muted);font-size:12px;display:block}.executive-strip strong{color:var(--text-primary);margin:8px 0 4px;font-size:22px;line-height:1.1;display:block}.premium-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:18px}.stat-card-icon{border-radius:var(--border-radius);width:38px;height:38px;color:var(--accent-primary-hover);background:#0f8a5f1f;justify-content:center;align-items:center;margin-bottom:14px;font-size:20px;display:flex}.stat-card-value{font-size:clamp(21px,2.4vw,28px);font-weight:850}.charts-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.dashboard-bottom-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;display:grid}.insight-card{background:var(--bg-card)}.insight-list{gap:12px;display:grid}.insight-list>div{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input);padding:14px}.insight-list strong,.insight-list span{display:block}.insight-list strong{margin-bottom:5px;font-size:14px}.insight-list span{color:var(--text-secondary);font-size:13px;line-height:1.45}.upcoming-item{background:var(--bg-input)}.upcoming-item:hover{background:var(--bg-card-hover)}.empty-state.compact{padding:34px 16px}@media (width<=1100px){.premium-stats,.charts-grid,.dashboard-bottom-grid,.executive-strip{grid-template-columns:1fr}}@media (width<=768px){.topbar-search,.topbar-sync-status{display:none}.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-hero-actions,.period-picker{width:100%}}.row-overdue{background:#bf3f3f0a!important}.row-overdue td{border-bottom-color:#bf3f3f1a!important}.action-btn.success{color:var(--accent-success)}.action-btn.success:hover{color:var(--accent-success);background:#0f8a5f26}.tab{align-items:center;gap:6px;display:inline-flex}@media (width<=768px){.metas-grid{grid-template-columns:1fr}.table td,.table th{padding:8px 10px;font-size:12px}.page-header{flex-direction:column;align-items:flex-start}.filters-bar{flex-direction:column}.filter-input,.filter-select{width:100%}}.vendas-formas-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.vendas-forma-item{background:var(--bg-input);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);flex-direction:column;gap:4px;padding:14px;transition:border-color .2s;display:flex}.vendas-forma-item:hover{border-color:var(--border-active)}.vendas-forma-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.vendas-forma-qtd{color:var(--text-muted);font-size:.78rem}.vendas-forma-total{font-size:1.05rem;font-weight:700}.row-detail td{background:var(--bg-input);padding:0!important}.recibo-detail{padding:16px 20px;animation:.2s slideDown}.recibo-detail-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;display:flex}.recibo-operador{color:var(--text-muted);font-size:.8rem;font-weight:400}.recibo-detail-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-top:12px;padding-top:10px;font-size:.82rem;display:flex}.receipt-paper{color:#000;break-inside:avoid;page-break-inside:avoid;background:#fff;width:76mm;max-width:100%;margin:0 auto;padding:3mm 0 3cm;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9pt;font-weight:700;line-height:1.28}.receipt-paper .r-center{text-align:center}.receipt-paper .r-bold{font-weight:700}.receipt-paper .r-small{font-size:8pt}.receipt-paper .r-muted{opacity:.9;font-weight:700}.receipt-paper .r-logo{width:38mm;height:auto;margin:0 auto 2.2mm;display:block}.receipt-paper .r-company-title{letter-spacing:.02em;margin-bottom:.5mm;font-size:10.5pt;font-weight:700}.receipt-paper .r-brand-subtitle{margin-bottom:.6mm;font-size:9pt;font-weight:700}.receipt-paper .r-address-line{white-space:nowrap;font-size:8pt;font-weight:700}.receipt-paper .r-tax-line{white-space:nowrap;font-size:8.5pt;font-weight:700}.receipt-paper .r-divider{border:none;border-top:1px dashed #000;margin:2mm 0 1.4mm}.receipt-paper .r-divider-solid{border:none;border-top:1px solid #000;margin:1.8mm 0}.receipt-paper .r-line{justify-content:space-between;gap:4px;display:flex}.receipt-paper .r-line span:last-child{text-align:right;white-space:nowrap;margin-left:auto}.receipt-paper .r-meta-strip{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:1.4mm;font-size:8.6pt;font-weight:700;display:flex}.receipt-paper .r-meta-grid{grid-template-columns:1fr 1.35fr 1fr;gap:2mm;font-size:8pt;display:grid}.receipt-paper .r-meta-label{opacity:.72;display:block}.receipt-paper .r-meta-value{font-weight:700;display:block}.receipt-paper .r-client-block{font-size:8.8pt;line-height:1.22}.receipt-paper .r-client-label{font-weight:700}.receipt-paper .r-client-name{overflow-wrap:anywhere;margin-top:.4mm;font-size:9.4pt;font-weight:700;display:block}.receipt-paper .r-client-doc{margin-top:.8mm;font-weight:700}.receipt-paper .r-client-info{overflow-wrap:anywhere;margin-top:.6mm;font-weight:700}.receipt-paper .r-section-title{letter-spacing:.06em;text-align:center;margin-bottom:.9mm;font-size:8.5pt;font-weight:700}.receipt-paper .r-item-head{grid-template-columns:1fr 20mm;gap:2mm;margin-bottom:.8mm;font-size:8pt;font-weight:700;display:grid}.receipt-paper .r-item-head span:last-child{text-align:right}.receipt-paper .r-total{border-top:1px solid #000;margin-top:.8mm;padding-top:.8mm;font-size:11pt;font-weight:700}.receipt-paper .r-item{break-inside:avoid;page-break-inside:avoid}.receipt-paper .r-item+.r-item{margin-top:1.2mm}.receipt-paper .r-item-title{overflow-wrap:anywhere;font-weight:700}.receipt-paper .r-item-detail{justify-content:space-between;gap:4px;padding-left:3mm;font-size:8pt;display:flex}.receipt-paper .r-item-detail span:last-child{text-align:right;white-space:nowrap;margin-left:auto}.receipt-paper .r-totals{margin-top:1.8mm}.receipt-paper .r-totals .r-line{padding:.35mm 0}.receipt-paper .r-payment{margin-top:.8mm}.receipt-paper .r-verification{text-align:center;break-inside:avoid;page-break-inside:avoid;margin-top:2.2mm}.receipt-paper .r-qr{width:26mm;height:26mm;image-rendering:pixelated;margin:0 auto 1.5mm;display:block}.receipt-paper .r-verification-code{letter-spacing:.06em;font-size:10pt;font-weight:700}.receipt-paper .r-receipt-title-wrap{text-align:center;justify-content:center;width:100%;display:flex;overflow:visible}.receipt-paper .r-receipt-title-line{white-space:nowrap;transform-origin:50%;font-size:8pt;display:inline-block;transform:scaleX(.72)}.receipt-paper .r-stars{letter-spacing:.28em}.receipt-paper .r-footer{break-inside:avoid;page-break-inside:avoid;margin-top:2.4mm}.receipt-paper .r-payment-proof{break-inside:avoid;page-break-inside:avoid;margin-top:4mm;padding-top:2.4mm}.receipt-paper .r-proof-cut{border-top:1px dashed #000;margin:0 0 2.2mm}.receipt-paper .r-proof-title{text-align:center;letter-spacing:.04em;margin:1.2mm 0;font-size:9pt;font-weight:700}.receipt-paper .r-proof-store{text-align:center;font-size:8.4pt;line-height:1.22}.receipt-paper .r-proof-non-fiscal{text-align:center;margin:1.8mm 0 1.2mm;font-size:9pt;font-weight:700}.receipt-paper .r-proof-line{justify-content:space-between;gap:4px;font-size:8.5pt;display:flex}.receipt-paper .r-proof-line span:last-child{text-align:right;white-space:nowrap;margin-left:auto}.receipt-paper .r-proof-barcode{background:#fff;justify-content:center;align-items:stretch;gap:0;max-width:66mm;height:22mm;margin:2.6mm auto 1mm;display:flex;overflow:hidden}.receipt-paper .r-proof-barcode span{height:100%;display:block}.receipt-paper .r-proof-code{text-align:center;letter-spacing:.04em;overflow-wrap:anywhere;font-size:8pt}.receipt-paper .r-proof-pdv{margin-top:1.8mm;font-size:8pt;line-height:1.22}.history-item-edit-row{grid-template-columns:90px minmax(220px,1fr) 78px 70px 110px 36px;align-items:center;gap:8px;margin-bottom:8px;display:grid}@media (width<=900px){.history-item-edit-row{grid-template-columns:1fr}}.row-imported{opacity:.6}.row-imported td{background:#0f8a5f08}.clickable-row{cursor:pointer}.clickable-row:hover td{background:var(--bg-card-hover)}.pdv-dropdown,.profile-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.pdv-dropdown-item{color:var(--text-primary)}.pdv-dropdown-item:hover{background:var(--bg-card-hover)}.pdv-dropdown-sub,.pdv-cliente-detail,.pdv-cliente-doc{color:var(--text-muted)}.pdv-cliente-card,.pdv-totals,.pdv-items-header{background:var(--bg-input);border-color:var(--border-color)}.pdv-total-row{color:var(--text-secondary)}.pdv-total-final{color:var(--text-primary)}.table-sm{font-size:.82rem}.table-sm th,.table-sm td{padding:6px 10px}.btn-sm{border-radius:6px;gap:4px;padding:4px 10px;font-size:.75rem}.stat-card.purple{border-top-color:#7c3aed}.stat-card.purple .stat-card-value{color:#7c3aed}:root[data-theme=dark]{--bg-primary:#0f1411;--bg-secondary:#151c18;--bg-card:#18211c;--bg-card-hover:#1d2922;--bg-input:#101713;--bg-sidebar:#111814;--bg-modal-overlay:#000000b8;--text-primary:#edf5ef;--text-secondary:#b2c0b6;--text-muted:#7f8e84;--text-white:#f6fbf7;--border-color:#26352c;--border-active:#3ecf8e7a;--accent-primary:#3ecf8e;--accent-primary-hover:#78e2b2;--accent-success:#3ecf8e;--accent-warning:#f0b35a;--accent-danger:#f87171;--accent-info:#7aa7ff;--gradient-primary:linear-gradient(135deg, #3ecf8e, #7aa7ff);--gradient-success:linear-gradient(135deg, #3ecf8e, #7be3b4);--gradient-warning:linear-gradient(135deg, #f0b35a, #ffd27a);--gradient-danger:linear-gradient(135deg, #f87171, #fb9a9a);--gradient-card:linear-gradient(135deg, #3ecf8e1f, #7aa7ff14);--glass-bg:#151c18e0;--glass-border:#26352c;--glass-shadow:0 18px 45px #00000059;--shadow-sm:0 1px 3px #00000052;--shadow-md:0 10px 28px #00000057;--shadow-lg:0 18px 55px #0000006b;--shadow-glow:0 18px 45px #3ecf8e29}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body{background:linear-gradient(180deg, #0b100d 0%, var(--bg-primary) 52%, #111a15 100%)}[data-theme=dark] .login-page{background:linear-gradient(#0b100d 0%,#121c16 100%)}[data-theme=dark] .sidebar{background:#111814eb}[data-theme=dark] .sidebar-brand-icon{color:#07110c}[data-theme=dark] .sidebar-link:hover,[data-theme=dark] .sidebar-toggle:hover,[data-theme=dark] .topbar-action-btn:hover,[data-theme=dark] .profile-trigger:hover{background:#1b271f}[data-theme=dark] .sidebar-link.active{background:#3ecf8e24}[data-theme=dark] .topbar{background:#0f1411d1}[data-theme=dark] .btn-primary{color:#07110c}[data-theme=dark] .dashboard-hero{background:linear-gradient(120deg, #3ecf8e24, #7aa7ff1a), var(--bg-card)}[data-theme=dark] .stat-card-icon{background:#3ecf8e1f}[data-theme=dark] .stat-card.blue:before,[data-theme=dark] .progress-fill.blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}[data-theme=dark] .badge-purple{color:#a78bfa}[data-theme=dark] .alert-danger{color:#fca5a5}[data-theme=dark] .alert-warning{color:#fcd34d}[data-theme=dark] .alert-info{color:#93c5fd}[data-theme=dark] .stat-card.purple{border-top-color:#a855f7}[data-theme=dark] .stat-card.purple .stat-card-value{color:#a855f7}