@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-dark:#09392b;--primary:#0e6245;--primary-medium:#10855c;--primary-light:#15b780;--accent-mint:#e8f5e9;--accent-mint-dark:#c8e6c9;--accent-lime:#a3e635;--bg-app:#f4f7f6;--bg-card:#fff;--bg-sidebar:#fff;--bg-input:#f4f7f6;--border-color:#0000000f;--border-color-strong:#0000001a;--text-primary:#1c2724;--text-secondary:#5c6f6a;--text-muted:#9bb0a9;--text-on-primary:#fff;--status-shipped-bg:#e8f5e9;--status-shipped-text:#1b5e20;--status-paid-bg:#e3f2fd;--status-paid-text:#0d47a1;--status-pending-bg:#fff3e0;--status-pending-text:#e65100;--status-canceled-bg:#ffebee;--status-canceled-text:#c62828;--table-header-bg:#09392b05;--table-row-hover-bg:#09392b03;--table-border:#0000000a;--table-header-border:#0000000d;--sidebar-width:260px;--header-height:80px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--shadow-sm:0 2px 8px #09392b0a;--shadow-md:0 8px 24px #09392b0f;--shadow-lg:0 16px 36px #09392b1a;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}html.dark{--primary-dark:#0d4f3c;--primary:#12795a;--primary-medium:#15a370;--primary-light:#1ed690;--accent-mint:#15b7801f;--accent-mint-dark:#15b78033;--accent-lime:#84cc16;--bg-app:#0f1512;--bg-card:#1a2320;--bg-sidebar:#141c19;--bg-input:#1f2b27;--border-color:#ffffff0f;--border-color-strong:#ffffff1f;--text-primary:#e8f0ed;--text-secondary:#92afa6;--text-muted:#4d6960;--text-on-primary:#fff;--status-shipped-bg:#15b78026;--status-shipped-text:#4de8a8;--status-paid-bg:#2196f326;--status-paid-text:#64b5f6;--status-pending-bg:#ff980026;--status-pending-text:#ffb74d;--status-canceled-bg:#f4433626;--status-canceled-text:#ef9a9a;--table-header-bg:#15b7800a;--table-row-hover-bg:#15b78008;--table-border:#ffffff0a;--table-header-border:#ffffff0f;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 36px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;height:100vh;transition:width var(--transition-normal), padding var(--transition-normal);flex-direction:column;padding:24px;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:80px;padding:24px 12px}.sidebar.collapsed .sidebar-menu{align-items:center}.sidebar.collapsed .menu-item{justify-content:center;width:44px;height:44px;padding:0}.sidebar-logo{align-items:center;gap:12px;margin-bottom:40px;display:flex}.sidebar-logo img{object-fit:contain;max-width:100%;height:44px;transition:height var(--transition-normal), width var(--transition-normal)}.auth-header img{object-fit:contain;max-width:100%;height:56px}.logo-icon{background-color:var(--accent-mint);width:38px;height:38px;color:var(--primary);border:1px solid #0e624526;border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.logo-text{color:var(--primary-dark);letter-spacing:-.5px;font-size:22px;font-weight:800}.logo-text span{color:var(--primary-light)}.sidebar-menu{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;padding-bottom:50px;list-style:none;display:flex;position:relative;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{display:none}.menu-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:16px;margin-bottom:8px;padding-left:12px;font-size:11px;font-weight:700}.menu-item{border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;align-items:center;gap:14px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.menu-item:hover{background-color:var(--accent-mint);color:var(--primary-medium)}.menu-item.active{background-color:var(--primary);color:var(--text-on-primary);box-shadow:0 4px 12px #0e624533}.menu-item-badge{background-color:var(--primary-light);color:#fff;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:20px}.sidebar-card{background:linear-gradient(135deg, var(--primary-dark), var(--primary));border-radius:var(--border-radius-lg);color:#fff;margin-bottom:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 16px #09392b26}.sidebar-card h4{margin-bottom:6px;font-size:14px;font-weight:700}.sidebar-card p{opacity:.8;margin-bottom:14px;font-size:11px;line-height:1.4}.sidebar-card-btn{background-color:var(--primary-light);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:center;border:none;width:100%;padding:8px 16px;font-size:11px;font-weight:700;display:inline-block}.sidebar-card-btn:hover{color:var(--primary-dark);background-color:#fff}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));box-sizing:border-box;min-width:0;transition:margin-left var(--transition-normal), width var(--transition-normal);flex:1;padding:40px}.main-content.sidebar-collapsed{width:calc(100% - 80px);margin-left:80px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.search-container{width:100%;max-width:400px;position:relative}.search-input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:100%;transition:var(--transition-fast);box-shadow:var(--shadow-sm);color:var(--text-primary);outline:none;padding:12px 16px 12px 48px;font-family:inherit;font-size:14px}.search-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #15b78026}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.user-profile{align-items:center;gap:16px;display:flex}.user-info{text-align:right}.user-name{color:var(--text-primary);font-size:14px;font-weight:700}.user-role-badge{color:var(--text-secondary);background-color:var(--accent-mint);text-transform:capitalize;border-radius:12px;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.user-avatar{background-color:var(--primary);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.page-title-group h1{color:var(--text-primary);letter-spacing:-.8px;font-size:32px;font-weight:800}.page-title-group p{color:var(--text-secondary);margin-top:4px;font-size:14px}.btn{border-radius:var(--border-radius-xl);cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-on-primary);box-shadow:0 4px 14px #0e624533}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 6px 18px #0e62454d}.btn-secondary{background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-input);color:var(--text-primary)}.btn-danger{color:#c62828;background-color:#ffebee}.btn-danger:hover{color:#fff;background-color:#c62828}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:36px;display:grid}.kpi-card{background-color:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition-normal);flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.kpi-card.highlighted{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kpi-card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.kpi-card.highlighted .kpi-card-title{color:#ffffffb3}.kpi-card-icon-wrapper{background-color:var(--accent-mint);width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.kpi-card.highlighted .kpi-card-icon-wrapper{color:#fff;background-color:#ffffff26}.kpi-card-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.kpi-card.highlighted .kpi-card-value{color:#fff}.kpi-card-footer{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.kpi-card.highlighted .kpi-card-footer{color:#fffc}.kpi-trend-up{color:var(--primary-medium);font-weight:700}.kpi-trend-down{color:#c62828;font-weight:700}.charts-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:36px;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.chart-card{background-color:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);min-width:0;padding:24px}.chart-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-card-title{color:var(--text-primary);font-size:16px;font-weight:700}.chart-card-filters{gap:8px;display:flex}.chart-filter-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background-color:#0000;border:1px solid #0000000d;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.chart-filter-btn.active{background-color:var(--accent-mint);color:var(--primary);border-color:var(--primary-light)}.filters-bar{background-color:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex}.filters-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-control{flex-direction:column;gap:4px;display:flex}.filter-control label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.filter-select,.filter-input-date{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);outline:none;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600}.filter-select:focus,.filter-input-date:focus{border-color:var(--primary-light)}.table-card{background-color:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:36px;overflow:hidden}.table-wrapper{overflow-x:auto}.sales-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.sales-table th{background-color:var(--table-header-bg);color:var(--text-secondary);border-bottom:1px solid var(--table-header-border);text-transform:uppercase;letter-spacing:.5px;padding:16px 24px;font-size:11px;font-weight:700}.sales-table td{border-bottom:1px solid var(--table-border);color:var(--text-primary);padding:16px 24px;font-weight:500}.sales-table tr:hover td{background-color:var(--table-row-hover-bg)}.sales-table tr:last-child td{border-bottom:none}.order-id{color:var(--primary-light);font-weight:700}.channel-tag{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.channel-amazon{color:#ff9800;background-color:#fff3e0}.channel-bok2{color:#4caf50;background-color:#e8f5e9}.channel-other{color:#616161;background-color:#f5f5f5}.status-badge{text-transform:uppercase;border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.shipped{background-color:var(--status-shipped-bg);color:var(--status-shipped-text)}.status-badge.paid{background-color:var(--status-paid-bg);color:var(--status-paid-text)}.status-badge.pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.status-badge.canceled{background-color:var(--status-canceled-bg);color:var(--status-canceled-text)}.action-buttons{gap:8px;display:flex}.action-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.action-btn:hover{background-color:var(--bg-app)}.action-btn.edit:hover{color:var(--primary)}.action-btn.delete:hover{color:#c62828}.pagination{border-top:1px solid var(--table-border);background-color:var(--bg-card);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:16px 24px;font-size:13px;display:flex}.pagination-buttons{gap:8px;display:flex}.pagination-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700}.pagination-btn:hover:not(:disabled){background-color:var(--bg-input)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal{background-color:var(--bg-card);color:var(--text-primary);border-radius:var(--border-radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalEnter;display:flex;overflow:hidden}.modal form{flex-direction:column;flex:1;display:flex;overflow:hidden}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none}.modal-body{padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:700}.form-control{background-color:var(--bg-input);border:1px solid var(--border-color-strong);border-radius:var(--border-radius-sm);transition:var(--transition-fast);color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #15b7801a}.auth-container{background:linear-gradient(135deg,#09392b14,#0e624505);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background-color:var(--bg-card);border-radius:var(--border-radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid #0e62450d;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{background-color:var(--accent-mint);width:56px;height:56px;color:var(--primary);border:1.5px solid #0e62451a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.auth-title{color:var(--primary-dark);letter-spacing:-.5px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.auth-error{background-color:var(--status-canceled-bg);color:var(--status-canceled-text);border-radius:var(--border-radius-sm);align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.auth-btn{justify-content:center;width:100%;margin-top:8px;padding:14px}.users-table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.status-toggle{width:40px;height:22px;display:inline-block;position:relative}.status-toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--primary-medium)}input:checked+.toggle-slider:before{transform:translate(18px)}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;width:100%;max-width:420px;display:flex;position:fixed;top:24px;right:24px}.toast{background-color:var(--bg-card);color:var(--text-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);pointer-events:auto;min-width:280px;transition:transform var(--transition-fast), opacity var(--transition-fast);align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.175,.885,.32,1.275) toastEnter;display:flex}.toast:hover{filter:brightness(1.05);transform:translateY(-2px)}@keyframes toastEnter{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast.success{background-color:var(--primary-dark);border-left:4px solid var(--primary-light);color:#fff}.toast.error{color:#fff;background-color:#c62828;border-color:#c62828;border-left-style:solid;border-left-width:4px}.toast.warning{color:#fff;background-color:#e65100;border-color:#e65100;border-left-style:solid;border-left-width:4px}.toast.info{background-color:var(--primary);color:#fff;border-left:4px solid var(--primary-light);border-color:var(--primary)}.theme-toggle-btn{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.theme-toggle-btn:hover{background-color:var(--accent-mint);color:var(--primary-medium);border-color:var(--primary-light)}.theme-switch{flex-shrink:0;width:36px;height:20px;margin-left:auto;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-switch-slider{cursor:pointer;background-color:var(--border-color-strong);border-radius:20px;transition:all .3s;position:absolute;inset:0}.theme-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}.theme-switch input:checked+.theme-switch-slider{background-color:var(--primary-medium)}.theme-switch input:checked+.theme-switch-slider:before{transform:translate(16px)}*,:before,:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.kpi-card,.menu-item,.btn,.action-btn,.toast,.modal{transition:all var(--transition-fast)}.sync-loading-overlay{z-index:2500;pointer-events:none;animation:.4s cubic-bezier(.16,1,.3,1) syncEnter;position:fixed;top:24px;left:50%;transform:translate(-50%)}.sync-loading-card{-webkit-backdrop-filter:blur(12px);color:#fff;letter-spacing:.3px;background:#0a2540d9;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:600;display:flex;box-shadow:0 10px 30px #00000040,0 1px 3px #0000001a}.sync-spinner{color:#10b981;filter:drop-shadow(0 0 6px #10b98180);animation:1.2s linear infinite sync-spin}@keyframes sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes syncEnter{0%{opacity:0;transform:translate(-50%,-30px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.priority-kanban-board{grid-template-columns:repeat(4,minmax(280px,1fr));align-items:start;gap:20px;width:100%;display:grid}@media (width<=1200px){.priority-kanban-board{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.priority-kanban-board{grid-template-columns:1fr}}.kanban-column{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);min-height:520px;transition:var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.kanban-column-header{background:#09392b05;border-bottom:2px solid #0000;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}html.dark .kanban-column-header{background:#ffffff05}.kanban-column.atrasado .kanban-column-header{background:#ef44440d;border-bottom-color:#ef4444}.kanban-column.vencimento .kanban-column-header{background:#f59e0b0d;border-bottom-color:#f59e0b}.kanban-column.prioridade .kanban-column-header{background:#8b5cf60d;border-bottom-color:#8b5cf6}.kanban-column.aberto .kanban-column-header{border-bottom-color:var(--primary-light);background:#15b7800d}.kanban-column-title{color:var(--text-primary);align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;display:flex}.kanban-count-badge{border-radius:12px;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:800;display:inline-flex}.kanban-column.atrasado .kanban-count-badge{color:#991b1b;background:#fee2e2}.kanban-column.vencimento .kanban-count-badge{color:#92400e;background:#fef3c7}.kanban-column.prioridade .kanban-count-badge{color:#5b21b6;background:#ede9fe}.kanban-column.aberto .kanban-count-badge{background:var(--accent-mint);color:var(--primary-dark)}html.dark .kanban-column.atrasado .kanban-count-badge{color:#fca5a5;background:#ef444433}html.dark .kanban-column.vencimento .kanban-count-badge{color:#fde047;background:#f59e0b33}html.dark .kanban-column.prioridade .kanban-count-badge{color:#c4b5fd;background:#8b5cf633}html.dark .kanban-column.aberto .kanban-count-badge{color:#6ee7b7;background:#15b78033}.kanban-cards-container{flex-direction:column;flex:1;gap:14px;max-height:720px;padding:16px;display:flex;overflow-y:auto}.priority-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;gap:10px;padding:16px;transition:all .2s ease-in-out;display:flex;position:relative;box-shadow:0 4px 14px #09392b0a}.priority-card:hover{border-color:var(--border-color-strong);transform:translateY(-2px);box-shadow:0 8px 24px #09392b14}.priority-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.priority-lote-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.priority-card-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:15px;font-weight:700;line-height:1.3}.priority-card-detail{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.priority-card-footer{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;display:flex}.priority-sheet-btn{color:#0284c7;transition:var(--transition-fast);background:#0284c714;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.priority-sheet-btn:hover{color:#fff;background:#0284c7}.tv-mode-container{background:var(--bg-app);border-radius:var(--border-radius-xl);padding:24px}.tv-mode-container .priority-kanban-board{gap:24px}.tv-mode-container .kanban-column-title{font-size:18px}.tv-mode-container .priority-card{padding:20px}.tv-mode-container .priority-card-title{font-size:17px}.tv-mode-container .priority-card-detail{font-size:14px}.bordeaux-alert{animation:2.2s ease-in-out infinite bordeauxPulse;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#581c27 0%,#881337 50%,#9f1239 100%)!important;border:1px solid #ffffff40!important}.bordeaux-alert .kpi-card-title,.bordeaux-alert .kpi-card-value,.bordeaux-alert .kpi-card-footer{text-shadow:0 1px 3px #0006;color:#fff!important}.bordeaux-alert .kpi-card-icon-wrapper{box-shadow:0 0 12px #fff6;color:#fff!important;background:#ffffff40!important}@keyframes bordeauxPulse{0%{box-shadow:0 0 10px #9f123966,0 4px 14px #0003}50%{box-shadow:0 0 25px #e11d48d9,0 0 40px #9f123999,0 8px 24px #0000004d}to{box-shadow:0 0 10px #9f123966,0 4px 14px #0003}}.bordeaux-alert:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 30%,#ffffff2e 50%,#0000 70%);width:200%;height:200%;animation:3.5s linear infinite bordeauxShimmer;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@keyframes bordeauxShimmer{0%{transform:translate(-100%)rotate(30deg)}to{transform:translate(100%)rotate(30deg)}}.search-box-enhanced{background:var(--bg-card);border:1.5px solid var(--border-color-strong);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.search-box-enhanced:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 4px #15b78026, var(--shadow-md);transform:translateY(-1px)}.search-box-enhanced input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-box-enhanced input::placeholder{color:var(--text-muted)}body.tv-mode-active .sidebar,body.tv-mode-active .topbar{display:none!important}body.tv-mode-active .main-content{box-sizing:border-box!important;background:var(--bg-app)!important;width:100vw!important;max-width:100vw!important;min-height:100vh!important;margin-left:0!important;padding:24px 36px!important}body.tv-mode-active .tv-mode-container{background:0 0!important;padding:0!important}body.tv-mode-active .priority-kanban-board{gap:20px}.precos-graficos-container{--pg-primary-dark:#09392b;--pg-primary:#0e6245;--pg-primary-medium:#10855c;--pg-primary-light:#15b780;--pg-accent-mint:#e8f5e9;--pg-accent-lime:#a3e635;--pg-orange-dark:#9a3412;--pg-orange:#ea580c;--pg-orange-light:#f97316;--pg-orange-subtle:#ffedd5;--pg-orange-border:#fed7aa;--bg-surface-subtle:#f4f7f6;--bg-surface-hover:#f0fdf4;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.precos-graficos-container .spin-animation{animation:1s linear infinite spin}html.dark .precos-graficos-container{--pg-primary-dark:#0d4f3c;--pg-primary:#15b780;--pg-primary-medium:#1ed690;--pg-primary-light:#4de8a8;--pg-accent-mint:#15b78029;--pg-orange-dark:#431407;--pg-orange:#9a3412;--pg-orange-light:#ea580c;--pg-orange-subtle:#ea580c33;--pg-orange-border:#f9731666;--bg-surface-subtle:#141c19;--bg-surface-hover:#15b78026;--bg-card:#1a2320;--bg-input:#1f2b27;--border-color:#ffffff1a;--border-color-strong:#fff3;--text-primary:#f0fdf4;--text-secondary:#92afa6;--text-muted:#789990}.precos-graficos-container .calculator-grid{grid-template-columns:1fr 1.15fr;align-items:start;gap:24px;display:grid}@media (width<=1100px){.precos-graficos-container .calculator-grid{grid-template-columns:1fr}}.precos-graficos-container .app-card,.precos-graficos-container .results-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.precos-graficos-container .card-header{border-bottom:1px solid var(--border-color,#00000014);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.precos-graficos-container .card-header h2{color:var(--text-primary,#1c2724);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.precos-graficos-container .card-body{padding:20px}.precos-graficos-container .form-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--primary,#0e6245);margin-bottom:10px;font-size:12px;font-weight:700}html.dark .precos-graficos-container .form-section-title{color:#15b780}.precos-graficos-container .form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=600px){.precos-graficos-container .form-row{grid-template-columns:1fr}}.precos-graficos-container .form-group{flex-direction:column;gap:4px;display:flex}.precos-graficos-container .form-label{color:var(--text-primary,#1c2724);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.precos-graficos-container .form-label-hint{color:var(--text-secondary,#666);font-size:11px;font-weight:400}.precos-graficos-container .color-toggle-group{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.precos-graficos-container .color-toggle-card{border:2px solid var(--border-color,#0000001a);background:var(--bg-surface-subtle,#f4f7f6);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}html.dark .precos-graficos-container .color-toggle-card{background:#141c19;border-color:#ffffff1a}.precos-graficos-container .color-toggle-card.active{border-color:var(--primary,#0e6245);background:var(--accent-mint,#e8f5e9)}html.dark .precos-graficos-container .color-toggle-card.active{background:#15b7802e;border-color:#15b780}.precos-graficos-container .color-icon-box{color:#fff;background:#1c2724;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}html.dark .precos-graficos-container .color-icon-box{background:#0f1512;border:1px solid #ffffff26}.precos-graficos-container .color-toggle-title{color:var(--text-primary,#1c2724);font-size:13px;font-weight:700}.precos-graficos-container .color-toggle-desc{color:var(--text-secondary,#666);font-size:11px}html.dark .precos-graficos-container .color-toggle-title{color:#f0fdf4}html.dark .precos-graficos-container .color-toggle-desc{color:#92afa6}.precos-graficos-container .tiragem-box{background:var(--bg-surface-subtle,#f4f7f6);border:1px solid var(--border-color,#00000014);border-radius:10px;margin-bottom:14px;padding:10px 12px}html.dark .precos-graficos-container .tiragem-box{background:#141c19;border-color:#ffffff1a}.precos-graficos-container .tiragem-presets{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.precos-graficos-container .preset-chip{border:1px solid var(--border-color,#0000001f);background:var(--bg-card,#fff);color:var(--text-primary,#1c2724);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}html.dark .precos-graficos-container .preset-chip{color:#f0fdf4;background:#1f2b27;border-color:#ffffff1f}.precos-graficos-container .preset-chip:hover{background:var(--bg-surface-hover,#f0fdf4)}html.dark .precos-graficos-container .preset-chip:hover{background:#15b78033}.precos-graficos-container .preset-chip.active{background:var(--primary,#0e6245);color:#fff;border-color:var(--primary,#0e6245)}html.dark .precos-graficos-container .preset-chip.active{color:#fff;background:#12795a;border-color:#15b780}.precos-graficos-container .radio-card-option{border:1px solid var(--border-color,#0000001a);background:var(--bg-card,#fff);color:var(--text-primary,#1c2724);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}html.dark .precos-graficos-container .radio-card-option{color:#f0fdf4;background:#141c19;border-color:#ffffff1a}.precos-graficos-container .radio-card-option.active{border-color:var(--primary,#0e6245);background:var(--accent-mint,#e8f5e9)}html.dark .precos-graficos-container .radio-card-option.active{background:#15b7802e;border-color:#15b780}.precos-graficos-container .extras-list{grid-template-columns:1fr;gap:8px;display:grid}.precos-graficos-container .extra-item-card{border:1px solid var(--border-color,#00000014);background:var(--bg-surface-subtle,#f4f7f6);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}html.dark .precos-graficos-container .extra-item-card{background:#141c19;border-color:#ffffff1a}.precos-graficos-container .extra-item-card.active{border-color:var(--primary,#0e6245);background:var(--accent-mint,#e8f5e9)}html.dark .precos-graficos-container .extra-item-card.active{background:#15b7802e;border-color:#15b780}.precos-graficos-container .extra-checkbox-label{color:var(--text-primary,#1c2724);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}html.dark .precos-graficos-container .extra-checkbox-label{color:#f0fdf4}.precos-graficos-container .extra-price-tag{color:var(--primary,#0e6245);font-size:12px;font-weight:700}html.dark .precos-graficos-container .extra-price-tag{color:#15b780}.precos-graficos-container .switch-toggle-label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.precos-graficos-container .switch-toggle-label input{display:none}.precos-graficos-container .switch-slider{background:#cbd5e1;border-radius:20px;width:38px;height:20px;transition:background .2s;position:relative}.precos-graficos-container .switch-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.precos-graficos-container .switch-toggle-label input:checked+.switch-slider{background:var(--pg-orange,#ea580c)}.precos-graficos-container .switch-toggle-label input:checked+.switch-slider:before{transform:translate(18px)}.precos-graficos-container .switch-text{color:var(--text-secondary,#666);font-size:12px;font-weight:600}html.dark .precos-graficos-container .switch-text{color:#92afa6}.precos-graficos-container .markup-panel{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-top:8px;padding:14px}html.dark .precos-graficos-container .markup-panel{background:#ea580c1f;border-color:#f973164d}.precos-graficos-container .markup-preset-chip.active{background:var(--pg-orange,#ea580c)!important;border-color:var(--pg-orange,#ea580c)!important;color:#fff!important}.precos-graficos-container .commercial-results-banner{color:#fff;background:linear-gradient(135deg,#c2410c 0%,#ea580c 50%,#f97316 100%);border-bottom:2px solid #fff3;padding:20px}html.dark .precos-graficos-container .commercial-results-banner{background:linear-gradient(135deg,#431407 0%,#7c2d12 50%,#9a3412 100%);border-bottom:1px solid #f973164d}.precos-graficos-container .commercial-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.precos-graficos-container .commercial-tag{text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.precos-graficos-container .commercial-multiplier-badge{background:#ffffff40;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.precos-graficos-container .commercial-metric-box{color:#fff!important;background:#ffffff26!important;border:1px solid #ffffff40!important}.precos-graficos-container .commercial-highlight{color:#fff!important}.precos-graficos-container .results-hero{color:#fff;background:#09392b;padding:20px}html.dark .precos-graficos-container .results-hero{background:#111a17;border-bottom:1px solid #ffffff14}.precos-graficos-container .metric-big-group{grid-template-columns:1fr 1fr;gap:14px;display:grid}.precos-graficos-container .metric-box{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:12px 14px}.precos-graficos-container .metric-label{text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:11px;font-weight:700}.precos-graficos-container .metric-value{margin:4px 0;font-size:24px;font-weight:800}.precos-graficos-container .metric-value.highlight{color:#a3e635}.precos-graficos-container .metric-sub{opacity:.75;font-size:11px}.precos-graficos-container .physical-specs-banner{background:var(--bg-surface-subtle,#f4f7f6);border:1px solid var(--border-color,#00000014);border-radius:10px;padding:12px 16px}html.dark .precos-graficos-container .physical-specs-banner{background:#141c19;border-color:#ffffff1a}.precos-graficos-container .physical-specs-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.precos-graficos-container .physical-spec-item{align-items:center;gap:10px;display:flex}.precos-graficos-container .physical-spec-icon{font-size:20px}.precos-graficos-container .physical-spec-label{text-transform:uppercase;color:var(--text-secondary,#666);font-size:10px;font-weight:700;display:block}html.dark .precos-graficos-container .physical-spec-label{color:#92afa6}.precos-graficos-container .physical-spec-val{color:var(--text-primary,#1c2724);font-size:13px;font-weight:700}html.dark .precos-graficos-container .physical-spec-val{color:#f0fdf4}.precos-graficos-container .physical-spec-sub{color:var(--text-secondary,#666);font-size:11px;font-weight:400}html.dark .precos-graficos-container .physical-spec-sub{color:#92afa6}.precos-graficos-container .breakdown-section{border-bottom:1px solid var(--border-color,#00000014);padding:16px 20px}.precos-graficos-container .breakdown-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.precos-graficos-container .breakdown-item-name{color:var(--text-primary,#1c2724);align-items:center;gap:8px;font-weight:600;display:flex}html.dark .precos-graficos-container .breakdown-item-name{color:#f0fdf4}.precos-graficos-container .breakdown-dot{border-radius:50%;width:8px;height:8px}.precos-graficos-container .breakdown-dot.miolo{background:#0e6245}.precos-graficos-container .breakdown-dot.capa{background:#0284c7}.precos-graficos-container .breakdown-dot.extras{background:#eab308}.precos-graficos-container .breakdown-item-values{text-align:right}.precos-graficos-container .breakdown-unit{color:var(--text-primary,#1c2724);font-weight:700}html.dark .precos-graficos-container .breakdown-unit{color:#f0fdf4}.precos-graficos-container .breakdown-total{color:var(--text-secondary,#666);font-size:11px}html.dark .precos-graficos-container .breakdown-total{color:#92afa6}.precos-graficos-container .cost-bar{background:#0000000f;border-radius:4px;height:6px;margin-top:10px;display:flex;overflow:hidden}html.dark .precos-graficos-container .cost-bar{background:#ffffff14}.precos-graficos-container .cost-bar-segment.miolo{background:#0e6245}.precos-graficos-container .cost-bar-segment.capa{background:#0284c7}.precos-graficos-container .cost-bar-segment.extras{background:#eab308}.precos-graficos-container .simulation-section{padding:16px 20px}.precos-graficos-container .table-mini{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.precos-graficos-container .table-mini th{text-align:left;text-transform:uppercase;color:var(--text-secondary,#666);border-bottom:1px solid var(--border-color,#00000014);padding:6px 8px;font-size:11px;font-weight:700}html.dark .precos-graficos-container .table-mini th{color:#92afa6;border-color:#ffffff1a}.precos-graficos-container .table-mini td{color:var(--text-primary,#1c2724);border-bottom:1px solid var(--border-color,#0000000a);padding:6px 8px}html.dark .precos-graficos-container .table-mini td{color:#f0fdf4;border-color:#ffffff0d}.precos-graficos-container .active-tier-row{background:#f0fdf4!important;font-weight:700!important}html.dark .precos-graficos-container .active-tier-row{color:#f0fdf4!important;background:#15b78038!important}.precos-graficos-container .action-buttons-group{background:var(--bg-surface-subtle,#f4f7f6);border-top:1px solid var(--border-color,#00000014);gap:10px;padding:16px 20px;display:flex}html.dark .precos-graficos-container .action-buttons-group{background:#141c19;border-top:1px solid #ffffff1a}.precos-graficos-container .btn-3d-trigger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#09392b 0%,#0e6245 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #09392b40}.precos-graficos-container .btn-3d-trigger:hover{transform:translateY(-1px);box-shadow:0 6px 16px #09392b59}.precos-graficos-container .db-subnav{border-bottom:1px solid var(--border-color,#00000014);gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex}.precos-graficos-container .db-subnav-btn{color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.precos-graficos-container .db-subnav-btn:hover{background:var(--bg-surface-hover,#f0fdf4);color:var(--text-primary,#1c2724)}html.dark .precos-graficos-container .db-subnav-btn{color:#92afa6}html.dark .precos-graficos-container .db-subnav-btn:hover{color:#f0fdf4;background:#15b78026}.precos-graficos-container .db-subnav-btn.active{background:var(--primary,#0e6245);color:#fff}.precos-graficos-container .db-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.precos-graficos-container .db-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.precos-graficos-container .search-input-wrapper{min-width:260px;position:relative}.precos-graficos-container .search-icon{color:var(--text-secondary,#999);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.precos-graficos-container .search-input{padding-left:32px!important}.precos-graficos-container .data-table{border-collapse:collapse;background:var(--bg-card,#fff);border-radius:10px;width:100%;font-size:13px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.precos-graficos-container .data-table th{color:#fff;text-align:left;background:#09392b;padding:10px 12px;font-size:12px;font-weight:700}html.dark .precos-graficos-container .data-table th{background:#111a17}.precos-graficos-container .th-tier{text-align:right!important}.precos-graficos-container .th-tier-pb{background:#1c2724!important}.precos-graficos-container .th-tier-cor{background:#064e3b!important}.precos-graficos-container .data-table td{border-bottom:1px solid var(--border-color,#0000000d);color:var(--text-primary,#1c2724);padding:10px 12px}html.dark .precos-graficos-container .data-table td{color:#f0fdf4;border-color:#ffffff0f}.precos-graficos-container .cell-mono{text-align:right;font-family:JetBrains Mono,monospace;font-size:12px}.precos-graficos-container .editable-cell{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background .15s}.precos-graficos-container .editable-cell:hover{background:var(--accent-mint,#e8f5e9)}html.dark .precos-graficos-container .editable-cell:hover{background:#15b78033}.precos-graficos-container .pagination-wrapper{color:var(--text-secondary,#666);justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}html.dark .precos-graficos-container .pagination-wrapper{color:#92afa6}.precos-graficos-container .pagination-controls{gap:8px;display:flex}.modal-3d-dialog{overflow:hidden;border-radius:16px!important;width:92%!important;max-width:900px!important}.modal-3d-body{max-height:85vh;overflow-y:auto;padding:0!important}.book-3d-viewport-wrapper{background:radial-gradient(circle,#0e6245 0%,#09392b 60%,#052118 100%);width:100%;height:380px;position:relative;overflow:hidden}.book-3d-canvas-container{cursor:grab;width:100%;height:100%}.book-3d-canvas-container:active{cursor:grabbing}.book-3d-controls-overlay{z-index:10;gap:6px;display:flex;position:absolute;top:14px;right:14px}.btn-3d-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0000008c;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.btn-3d-control:hover,.btn-3d-control.active{background:var(--primary,#0e6245);border-color:#15b780}.dimension-badges-overlay{pointer-events:none;z-index:10;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.dim-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#09392bd9;border:1px solid #fff3;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.book-3d-summary-section{background:var(--bg-card,#fff);padding:20px 24px}html.dark .book-3d-summary-section{background:#1a2320}.summary-3d-specs-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=768px){.summary-3d-specs-grid{grid-template-columns:repeat(2,1fr)}}.summary-3d-spec-item{background:var(--bg-surface-subtle,#f4f7f6);border:1px solid var(--border-color,#00000014);border-radius:8px;padding:8px 12px}html.dark .summary-3d-spec-item{background:#141c19;border-color:#ffffff1a}.summary-3d-spec-item .spec-label{text-transform:uppercase;color:var(--text-secondary,#666);margin-bottom:2px;font-size:10px;font-weight:700;display:block}html.dark .summary-3d-spec-item .spec-label{color:#92afa6}.summary-3d-spec-item .spec-val{color:var(--text-primary,#1c2724);font-size:13px;font-weight:700}html.dark .summary-3d-spec-item .spec-val{color:#f0fdf4}.summary-3d-costs-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=768px){.summary-3d-costs-grid{grid-template-columns:1fr 1fr}}.cost-3d-card{background:var(--bg-surface-subtle,#f4f7f6);border:1px solid var(--border-color,#00000014);text-align:center;border-radius:8px;padding:10px}html.dark .cost-3d-card{color:#f0fdf4;background:#141c19;border-color:#ffffff1a}.cost-3d-card.highlight-cost{background:#f0fdf4;border-color:#15b780}html.dark .cost-3d-card.highlight-cost{background:#15b7802e;border-color:#15b780}.cost-3d-card.highlight-total{color:#fff;background:#09392b;border-color:#09392b}html.dark .cost-3d-card.highlight-total{background:#064e3b;border-color:#15b780}.cost-3d-card .cost-3d-label{text-transform:uppercase;opacity:.85;font-size:10px;font-weight:700;display:block}.cost-3d-card .cost-3d-val{margin-top:2px;font-size:13px;font-weight:700;display:block}.cost-3d-card .cost-3d-val-big{margin-top:2px;font-size:15px;font-weight:800;display:block}.summary-3d-commercial-box{color:#fff;background:linear-gradient(135deg,#c2410c 0%,#ea580c 50%,#f97316 100%);border-radius:10px;padding:12px 16px}html.dark .summary-3d-commercial-box{background:linear-gradient(135deg,#431407 0%,#7c2d12 50%,#9a3412 100%);border:1px solid #f9731666}