/* Four approved sample screens. Business state and controls remain live. */
html.replica-embedded{font-family:"Microsoft YaHei",Arial,sans-serif}html.replica-embedded,html.replica-embedded body{background:#f5f5f7!important;color:#1d1d1f!important}html.replica-embedded .main{max-width:100%!important}html.replica-embedded .content{padding:35px 48px 95px!important}html.replica-embedded .page{max-width:none!important;margin:0!important}html.replica-embedded body{--acc:#007aff;--tx:#1d1d1f;--mt:#6e727b;--bd:#e4e6eb;--bg:#f5f5f7;--cd:#fff}
html body #page-expenses button,html body #m-expense button{font-family:"Microsoft YaHei",Arial,sans-serif;font-size:16px;font-weight:400}html body .expense-toolbar{display:flex;gap:10px;margin:0 0 26px}html body #page-expenses .btn,html body #m-expense .btn{height:42px;min-height:42px;padding:0 14px;border:1px solid #e4e6eb;border-radius:9px;box-shadow:none;background:white;color:#1d1d1f}html body #page-expenses .btn-p,html body #m-expense .btn-p{background:#007aff;color:white;border-color:#007aff}html body .expense-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:32px}html body .expense-filters label{display:block;color:#6e727b;font-size:16px;font-weight:400;line-height:22px}html body .expense-filters input,html body .expense-filters select{display:block;width:100%;max-width:none;height:46px;min-height:46px;margin:14px 0 0;padding:0 14px;border:1px solid #e4e6eb;border-radius:9px;background:white;color:#6e727b;font-size:17px;font-weight:400;box-shadow:none}html body #page-expenses .expense-table-card{padding:24px 22px 21px!important;border:1px solid #e4e6eb!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;margin:0!important}html body #page-expenses .review-table-tools{display:flex;gap:10px;align-items:center;padding:0 22px 20px 0;margin:0;min-height:62px;border:0;background:transparent}html body #page-expenses .review-table-tools>span{order:-1;margin-right:auto;font-size:14px;color:#6e727b}html body #page-expenses .review-table-tools button{height:42px;padding:0 14px;border:1px solid #e4e6eb;border-radius:9px;background:white;color:#1d1d1f}html body #page-expenses table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse;font-size:16px}html body #page-expenses th{height:48px;padding:0 12px!important;background:#f1f3f6!important;color:#6e727b!important;border:0!important;font-weight:400!important;white-space:nowrap}html body #page-expenses th .review-sort{font-size:16px;font-weight:400;background:transparent;padding:0;border:0;color:#6e727b;min-height:0}html body #page-expenses td{height:68px;padding:12px!important;background:transparent!important;color:#1d1d1f!important;border:0!important;border-bottom:1px solid #e4e6eb!important;font-size:16px!important;font-weight:400!important;vertical-align:middle}html body #page-expenses tr.is-selected{background:#f0f6ff!important}html body #page-expenses tr.is-selected td:first-child{box-shadow:inset 3px 0 #007aff}html body #page-expenses .bg,html body #page-expenses .cur-cny,html body #page-expenses .cur-usd{display:inline;padding:0;border:0!important;border-radius:0;background:transparent!important;color:inherit!important;font-size:16px!important;font-weight:400!important}html body #page-expenses .aout{color:#1d1d1f!important;font-weight:400!important}html body #page-expenses td button{border:0;background:transparent;color:#007aff;font-size:15px;padding:0 3px;white-space:normal;min-height:0;box-shadow:none}html body #page-expenses .ledger-value{white-space:normal;display:inline;max-width:none}html body #page-expenses .ledger-scroll{border:0;margin:0;overflow-x:auto}html body #page-expenses th:nth-child(1){width:10.7%!important}html body #page-expenses th:nth-child(2),html body #page-expenses th:nth-child(3),html body #page-expenses th:nth-child(4),html body #page-expenses th:nth-child(5),html body #page-expenses th:nth-child(6),html body #page-expenses th:nth-child(7),html body #page-expenses th:nth-child(8),html body #page-expenses th:nth-child(9){width:7.4%!important}html body #page-expenses th:nth-child(10){width:14%!important}html body #page-expenses th:nth-child(11){width:16%!important}html body .expense-selected{margin-top:28px;font-size:17px;line-height:24px;color:#6e727b}html body #expense-selected-actions{display:flex;flex-wrap:wrap;gap:10px;margin:9px 0 14px}html body #expense-selected-actions button{height:42px;min-width:76px;padding:0 14px;border:1px solid #e4e6eb;border-radius:9px;background:white;color:#1d1d1f}html body #expense-selected-actions button.btn-del{color:#e5484d}html body .expense-selected small{font-size:13px}
html body #page-dashboard .sec-hd{display:flex;align-items:center;gap:32px;margin:0 0 16px;line-height:29px;font-size:22px;font-weight:700;color:#1d1d1f}html body #page-dashboard .sec-hd em{font-size:14px;font-weight:400;color:#6e727b;font-style:normal}html body #page-dashboard #d-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 27px}html body #page-dashboard #d-month{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 30px}html body #page-dashboard .kpi{display:block;padding:16px 21px!important;height:174px;border:1px solid #e4e6eb!important;border-radius:14px!important;background:white!important;box-shadow:none!important;overflow:hidden}html body #page-dashboard .kpi:before,html body #page-dashboard .kpi:after{display:none}html body #page-dashboard #d-month .kpi{height:165px;padding:16px 20px!important}html body #page-dashboard .kpi-t{display:block;font-size:18px;line-height:24px;font-weight:400;color:#6e727b;margin:0 0 8px}html body #page-dashboard .kpi-t b{font-weight:400}html body #page-dashboard .kpi-t i{font-style:normal;font-size:16px}html body #page-dashboard .kpi-ic{display:none}html body #page-dashboard .kpi-v{font-size:36px;line-height:42px;letter-spacing:0;font-weight:700;color:#1d1d1f!important;margin:0 0 10px}html body #page-dashboard #d-month .kpi-v{font-size:34px}html body #page-dashboard .kpi-sub{border-top:1px solid #e4e6eb;padding-top:9px;margin:0;font-size:14px;color:#6e727b}html body #page-dashboard .kpi-row{display:flex;justify-content:space-between;gap:5px;line-height:26px;font-size:14px}html body #page-dashboard .kpi-row b{font-size:14px;font-weight:400;color:#1d1d1f!important}html body #page-dashboard #d-month .kpi-row{justify-content:flex-start;line-height:23px}html body #page-dashboard #d-month .kpi-row b{color:#6e727b!important}html body #page-dashboard .alert-row:empty{display:none}html body #page-dashboard .charts-grid{display:grid;grid-template-columns:1.6424fr 1fr;gap:20px;margin:0 0 28px}html body #page-dashboard .chart-section h2,html body #page-dashboard .recent-title{font-size:22px;font-weight:700;line-height:29px;margin:0 0 16px;color:#1d1d1f}html body #page-dashboard .chart-section .card{height:252px;padding:32px 34px 18px!important;border:1px solid #e4e6eb!important;border-radius:13px!important;background:white!important;margin:0;box-shadow:none!important}html body #page-dashboard .chart-section canvas{width:100%!important;height:200px!important;max-height:200px}html body #page-dashboard .recent-card{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;margin:0}html body #page-dashboard .recent-card table{width:100%;font-size:16px}html body #page-dashboard .recent-card th{height:48px;padding:0 12px;background:#f1f3f6;color:#6e727b;border:0;font-weight:400;font-size:16px}html body #page-dashboard .recent-card td{height:68px;padding:12px;border-bottom:1px solid #e4e6eb;font-size:16px;color:#1d1d1f}html body #page-dashboard .recent-card .bg{background:transparent;color:#1d1d1f;padding:0;font-size:16px;font-weight:400}html body #page-dashboard .recent-card th:nth-child(1){width:27%}html body #page-dashboard .recent-card th:nth-child(2){width:19%}html body #page-dashboard .recent-card th:nth-child(3){width:35%}
html body #m-expense.expense-page{position:relative;inset:auto;z-index:auto;display:none;align-items:initial;justify-content:initial;min-height:calc(100vh - 108px);padding:35px 48px 95px!important;background:#f5f5f7!important;backdrop-filter:none;overflow:visible}html body #m-expense.expense-page.show{display:block}html body.expense-form-open .main>.content,html body.expense-form-open .dict-load-state{display:none!important}html body #m-expense .expense-back{display:block;padding:0;height:24px;line-height:24px;color:#007aff;border:0;background:transparent;margin:0 0 24px;font-size:16px}html body #m-expense .modal{display:block;width:100%;max-width:1282px!important;max-height:none!important;overflow:visible;margin:0 auto;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}html body #m-expense .mhd{display:none!important}html body #m-expense .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:35px;padding:32px!important;border:1px solid #e4e6eb;border-radius:16px;background:white}html body #m-expense .fg{margin:0;grid-column:auto;min-width:0}html body #m-expense .fg:has(#ex-note){grid-column:1}html body #m-expense .fg:has(#ex-file){grid-column:1/-1}html body #m-expense .fg label{display:block;margin:0 0 13px;color:#6e727b;font-size:16px;line-height:19px;font-weight:400}html body #m-expense .fg input:not([type=file]),html body #m-expense .fg select,html body #m-expense .fg textarea{width:100%;height:46px;min-height:46px;margin:0;padding:0 14px;border:1px solid #e4e6eb!important;border-radius:9px;background:white!important;box-shadow:none;color:#6e727b!important;font-family:"Microsoft YaHei",Arial,sans-serif;font-size:17px;line-height:24px}html body #m-expense .fg textarea{height:80px;padding-top:12px;resize:vertical}html body #m-expense .uz{position:relative;width:100%;height:108px;min-height:108px;margin:0;padding:20px 22px 16px 64px;border:1px solid #e4e6eb;border-radius:10px;background:#f8f9fb;text-align:left;color:#007aff;cursor:pointer}html body #m-expense .uz p{margin:0 0 12px;font-size:17px;line-height:24px;color:#007aff}html body #m-expense .uz small{font-size:15px;color:#6e727b}html body #m-expense .upload-plus{position:absolute;left:22px;top:20px;font-size:27px}html body #ex-previews:empty{display:none!important}html body #m-expense .month-hint{display:block;margin-top:16px;color:#007aff;font-size:13px;line-height:16px}html body #m-expense .form-note{font-size:14px;color:#6e727b;margin:32px 0 24px;line-height:19px}html body #m-expense .mft{display:flex;justify-content:flex-start;gap:10px;padding:22px 0 0;margin:0;border-top:1px solid #e4e6eb;background:transparent}html body #m-expense .mft button{min-width:76px}html body #m-expense #ex-tm-wrap{grid-column:1}
@media(max-width:1000px){html.replica-embedded .content{padding:28px 24px 65px!important}html body #page-expenses table{min-width:1100px!important}html body #page-dashboard #d-balances{grid-template-columns:repeat(3,minmax(0,1fr))}html body #page-dashboard #d-month{grid-template-columns:repeat(2,minmax(0,1fr))}html body #page-dashboard .charts-grid{grid-template-columns:1fr}html body #m-expense.expense-page{padding:28px 24px 65px!important}}
@media(max-width:650px){html body .expense-filters{grid-template-columns:1fr 1fr}html body #page-dashboard #d-balances{grid-template-columns:1fr}html body #m-expense .form-grid{grid-template-columns:1fr;padding:24px!important}html body #m-expense .fg{grid-column:1!important}html body .expense-toolbar{flex-wrap:wrap}}

html body .expense-filters label{line-height:20px}
html.replica-embedded body.expense-form-open #app,html.replica-embedded body.expense-form-open #app .main{min-height:0!important;height:0!important}
html.ui-apple.replica-embedded,html.ui-apple.replica-embedded body{font-family:"Microsoft YaHei",Arial,sans-serif!important}
html body #m-expense .modal{width:100%!important}html body #m-expense .form-grid{margin:0;gap:35px 24px}html body #m-expense .fg{display:block;gap:0}html body #m-expense .mft{position:static;bottom:auto;border-radius:0}html body #m-expense.expense-page{backdrop-filter:none!important}html body #page-dashboard .sec-hd span{font-size:22px;font-weight:700;letter-spacing:0}
html.replica-embedded body{display:block!important}html body #page-expenses .ui-money-cell,html body #page-dashboard .ui-money-cell{text-align:left}
html body #m-expense .form-grid:has(#ex-tm-wrap:not([style*="none"])){min-height:1068.15px}

/* First screenshot correction: independently sized chart plots, stable data-driven labels. */
html body #page-dashboard .kpi-v{margin-bottom:8px}html body #page-dashboard .kpi-sub{gap:0}html body #page-dashboard .kpi-row{line-height:26px}html body #page-dashboard #d-month .kpi-row{line-height:23px}
html body #page-dashboard .recent-card table{table-layout:fixed!important;border-collapse:collapse}html body #page-dashboard .recent-card th:nth-child(1){width:27.08%!important}html body #page-dashboard .recent-card th:nth-child(2){width:18.76%!important}html body #page-dashboard .recent-card th:nth-child(3){width:35.47%!important}html body #page-dashboard .recent-card th:nth-child(4){width:18.69%!important}html body #page-dashboard .recent-card td,html body #page-dashboard .recent-card td *{text-align:left!important;font-size:16px!important;font-weight:400!important}html body #page-dashboard .recent-card th{background:#f1f3f6!important;color:#6e727b!important;text-align:left}
html body #page-dashboard .chart-section .card{position:relative;padding:0!important}html body #page-dashboard .trend-plot{position:absolute;left:59px;right:29px;top:33px;height:149px}html body #page-dashboard .category-plot{position:absolute;left:46px;top:32px;width:188px;height:188px}html body #page-dashboard .chart-section .trend-plot canvas,html body #page-dashboard .chart-section .category-plot canvas{width:100%!important;height:100%!important;max-height:none!important}
html body #page-dashboard .trend-months{position:absolute;left:59px;right:48px;bottom:18px;display:flex;justify-content:space-between;color:#6e727b;font-size:14px;line-height:20px}html body #page-dashboard .category-legend{position:absolute;left:279px;right:20px;top:51px;color:#1d1d1f;font-size:17px;line-height:24px}html body #page-dashboard .category-legend>div{display:flex;gap:18px;align-items:center;min-height:45px}html body #page-dashboard .category-legend i{display:block;flex:none;width:10px;height:10px;border-radius:3px}

/* Expense list screenshot correction: exact toolbar and single-line ledger geometry. */
html body #page-expenses .expense-toolbar>.btn:first-child{width:76px}html body #page-expenses .expense-toolbar>.btn:nth-child(2){width:94px}html body #page-expenses .expense-toolbar>.btn:nth-child(3){width:118.8px}
html body #page-expenses .expense-filters input,html body #page-expenses .expense-filters select{font-size:18px!important;color:#6e727b!important}html body #page-expenses .expense-filters input::placeholder{color:#6e727b;opacity:1}html body #page-expenses .review-table-tools button{width:78px}html body #page-expenses .ledger-scroll{scrollbar-gutter:auto;overflow-y:hidden}html body #page-expenses td:not(:last-child),html body #page-expenses td:not(:last-child) .ledger-value{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:none}html body #page-expenses td:not(:last-child) .ledger-value{display:block}html body #page-expenses td{line-height:24px!important;height:68px!important}html body #page-expenses th:last-child,html body #page-expenses th:last-child *{font-size:16px!important;font-weight:400!important}
html body #m-expense .fg input:not([type=file]),html body #m-expense .fg select,html body #m-expense .fg textarea{font-size:17px!important}

/* Full data remains visible when a real account adds more currencies/ownership rows. */
html body #page-dashboard #d-balances .kpi:has(.kpi-row:nth-child(3)){height:auto;min-height:174px;overflow:visible}html body #page-dashboard #d-month .kpi:has(.kpi-row:nth-child(3)){height:auto;min-height:165px;overflow:visible}html body #page-dashboard #d-balances,html body #page-dashboard #d-month{align-items:start}
html body #m-expense .expense-back{display:flex;align-items:center;gap:14px}html body #m-expense .expense-back:before{content:'';width:11px;height:11px;border-left:1.6px solid #007aff;border-bottom:1.6px solid #007aff;transform:rotate(45deg);margin-left:7px;margin-right:0}html body #m-expense .fg textarea{display:block}

html body #page-dashboard #d-balances .kpi-t{font-size:17px;font-weight:550}html body #page-dashboard #d-balances .kpi-v{font-size:33px;font-weight:600}html body #page-dashboard #d-month .kpi-t{font-size:16px;font-weight:550}html body #page-dashboard #d-month .kpi-v{font-size:31px;font-weight:600}html body #page-dashboard #d-balances .kpi-row b{font-size:15px;font-weight:550}
html body #page-dashboard #d-balances .kpi-row b{min-width:50px;text-align:left}

html body #m-expense .expense-form-error{padding:14px 16px;margin:22px 0;border:1px solid #edbdc0;border-radius:9px;background:#fff0f0;color:#b4232c;font-size:16px;line-height:24px}html body #m-expense .expense-form-error[hidden]{display:none}
html body #m-expense .mft>button{height:42px;min-height:42px;flex:none;padding:0 14px;border:1px solid #e4e6eb;border-radius:9px}html body #m-expense .mft>.mx{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;width:76px;background:white;color:#1d1d1f}
html body #m-expense .mft>.btn-p{border-color:#007aff}
/* Review: secondary text stays regular; all month cards share the tallest real-data row. */
html body #page-dashboard #d-balances .kpi-t,html body #page-dashboard #d-balances .kpi-row b,html body #page-dashboard #d-month .kpi-t{font-weight:400!important}html body #page-dashboard #d-month{align-items:stretch}html body #page-dashboard #d-month .kpi,html body #page-dashboard #d-month .kpi:has(.kpi-row:nth-child(3)){height:auto;min-height:165px;align-self:stretch}
/* Each field is 19px label + 13px gap + 46px block control, then a 35px grid gap = 113px. */
html body #m-expense .fg input:not([type=file]),html body #m-expense .fg select,html body #m-expense .fg textarea{display:block}html body #m-expense .form-grid{align-content:start}
html body #page-dashboard #d-month .kpi{padding:16px 20px 10px!important}html body #page-dashboard #d-month .kpi-v{line-height:41px}html body #page-dashboard #d-balances .kpi{padding:16px 21px 12px!important}