html, body { margin: 0; padding: 0; } body.mh-business-theme { overflow-x: hidden; background: radial-gradient(circle at top left, rgba(214, 138, 58, 0.16), transparent 24%), radial-gradient(circle at top right, rgba(47, 153, 115, 0.10), transparent 20%), linear-gradient(180deg, #f6efe6 0%, #f1eadf 100%); } body.mh-business-theme .wrap { width: min(100%, 2000px); max-width: 2000px; margin: 0 auto; padding: 18px 18px 26px; box-sizing: border-box; } body.mh-business-theme .top, body.mh-business-theme .status { display: none !important; } body.mh-business-theme .cards { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; margin: 0 0 16px; } body.mh-business-theme .business-shell { width: 100%; box-sizing: border-box; margin-top: 2px; padding: 18px; border-radius: 32px; background: radial-gradient(circle at 16% 14%, rgba(255,255,255,0.05), transparent 18%), radial-gradient(circle at 88% 8%, rgba(255,255,255,0.04), transparent 16%), linear-gradient(145deg, #0b352b 0%, #174e41 52%, #245f50 100%); box-shadow: 0 26px 54px rgba(15, 58, 47, 0.16); border: 1px solid rgba(255,255,255,0.08); } body.mh-business-theme .cards-toolbar { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 14px; padding: 10px 0 2px; } body.mh-business-theme .cards-toolbar-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } body.mh-business-theme .cards-toolbar-search { margin-left: auto; display: flex; align-items: center; min-width: min(360px, 100%); flex: 1 1 320px; max-width: 520px; } body.mh-business-theme .cards-toolbar-search .search { width: 100%; min-width: 0; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.10); color: #f4efe6; padding: 14px 18px; font-size: 14px; font-weight: 800; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); } body.mh-business-theme .cards-toolbar-search .search::placeholder { color: rgba(244, 239, 230, 0.74); } body.mh-business-theme #btnUpload { display: none !important; } body.mh-business-theme .cards-toolbar-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } body.mh-business-theme .summary-year-chip { display: inline-flex; align-items: center; justify-content: center; min-width: 60px; padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.08); color: #f4efe6; font-size: 12px; font-weight: 900; cursor: pointer; } body.mh-business-theme .summary-year-chip.active { background: linear-gradient(180deg, #fff8ee 0%, #f2dec0 100%); color: #0a2a22; border-color: rgba(242, 196, 132, 0.58); box-shadow: 0 12px 28px rgba(10, 42, 34, 0.18); } body.mh-business-theme .summary-filter-chip { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 98px; padding: 18px 22px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.14); background: linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.07) 100%); color: #f4efe6; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 16px 30px rgba(7, 28, 22, 0.14); cursor: pointer; text-align: center; } body.mh-business-theme .summary-filter-chip.active { background: linear-gradient(180deg, #fff8ee 0%, #f2dec0 100%); color: #0a2a22; border-color: rgba(242, 196, 132, 0.58); } body.mh-business-theme .summary-filter-chip .label { color: rgba(244, 239, 230, 0.78); font-size: 13px; font-weight: 900; } body.mh-business-theme .summary-filter-chip.active .label { color: rgba(10, 42, 34, 0.78); } body.mh-business-theme .summary-filter-chip .count { color: #fff7e6; font-size: 32px; line-height: 1; font-weight: 900; } body.mh-business-theme .summary-filter-chip.active .count { color: #b86b1f; } body.mh-business-theme .summary-filter-chip .meta { color: #f2c484; font-size: 11px; font-weight: 800; text-align: center; } body.mh-business-theme .summary-filter-chip.active .meta { color: #7c5a20; } body.mh-business-theme .card { grid-column: span 2; min-height: 110px; border-radius: 24px; border: 1px solid rgba(217, 197, 168, 0.55); background: linear-gradient(180deg, rgba(255,250,243,0.96) 0%, rgba(248,242,232,0.96) 100%); padding: 18px 20px; box-shadow: 0 18px 32px rgba(15, 58, 47, 0.08); } body.mh-business-theme .card.management { grid-column: span 2; } body.mh-business-theme .card .k { color: #5b6d63; font-size: 12px; font-weight: 900; } body.mh-business-theme .card .v { margin-top: 8px; color: #17392f; font-size: 30px; font-weight: 900; } body.mh-business-theme .card .n { margin-top: 8px; color: #7b6953; font-size: 11px; font-weight: 700; } body.mh-business-theme .panel { border-radius: 28px; border: 1px solid rgba(217, 197, 168, 0.55); box-shadow: 0 18px 32px rgba(15, 58, 47, 0.08); } body.mh-business-theme .table-wrap { width: 100%; max-width: 100%; border-radius: 28px; overflow-x: hidden !important; } body.mh-business-theme .table-vat-note { display: none !important; } body.mh-business-theme table { width: 100% !important; min-width: 0 !important; table-layout: fixed; background: rgba(255, 250, 243, 0.96); } body.mh-business-theme thead th { background: #0f352b; color: #fff5e6; border-right: 1px solid rgba(242, 196, 132, 0.2); } body.mh-business-theme tbody td { background: rgba(255, 250, 243, 0.96); } body.mh-business-theme .group-row td { padding: 12px 14px 10px; background: linear-gradient(180deg, rgba(255, 248, 238, 0.98) 0%, rgba(242, 222, 192, 0.78) 100%); border-top: 1px solid rgba(214, 138, 58, 0.26); border-bottom: 1px solid rgba(217, 197, 168, 0.54); } body.mh-business-theme .group-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 250, 243, 0.98); border: 1px solid rgba(214, 138, 58, 0.3); color: #17392f; font-size: 12px; font-weight: 900; box-shadow: 0 8px 18px rgba(15, 58, 47, 0.08); cursor: pointer; } body.mh-business-theme .group-chip .group-toggle { margin-left: 4px; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(242, 196, 132, 0.18); color: #b66e22; font-size: 14px; line-height: 1; } body.mh-business-theme .project-link { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: #17392f; font: inherit; font-weight: 900; text-align: left; cursor: pointer; } body.mh-business-theme .project-link:hover { color: #0f6a55; } @media (max-width: 1280px) { body.mh-business-theme .cards-toolbar-metrics { grid-template-columns: 1fr; } body.mh-business-theme .card { grid-column: span 4; } } @media (max-width: 880px) { body.mh-business-theme .wrap { padding: 12px 12px 20px; } body.mh-business-theme .cards { grid-template-columns: 1fr; } body.mh-business-theme .card { grid-column: auto; } body.mh-business-theme .cards-toolbar-search { margin-left: 0; max-width: none; flex-basis: 100%; } }