@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap");:root{--ink:#102a2f;--muted:#6e8588;--line:#dce9e7;--mint:#e8f5f1;--teal:#0c766e;--gold:#e5a93d;--paper:#f7fbfa}body{margin:0;font-family:DM Sans,sans-serif}.shell{grid-template-columns:250px 1fr}.sidebar{background:#103d3d;color:#dceeed;padding:25px 17px;display:flex;flex-direction:column;gap:30px}.brand{font-family:Space Grotesk;font-size:24px;color:#fff;letter-spacing:-.04em;padding:0 11px}.brand-mark{border:2px solid #6bd3b9;color:#6bd3b9;font-weight:700}.workspace{margin:0 7px;padding:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:13px}.workspace select{margin:7px 0 2px;border:1px solid rgba(255,255,255,.22);border-radius:7px;padding:7px 6px;background:#263a42;color:#fff}.context-label{margin-top:9px;color:#b8d1d3}.context-label select{margin-top:4px}.workspace a{display:block;color:#a9e4dc}.workspace strong{color:#fff;margin-top:4px}.nav{gap:4px}.nav a{color:#bad6d2;padding:11px 12px;border-radius:10px;font-size:14px;gap:11px}.nav a.active,.nav a:hover{background:#1d625f;color:#fff}.side-footer{color:#98bdb9;font-size:12px;line-height:1.6;padding:0 11px}.main{padding:31px 42px;max-width:1420px;width:100%}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{color:var(--teal);font-size:12px;letter-spacing:.12em}h1{font:700 34px Space Grotesk;letter-spacing:-.05em}.date{color:var(--muted);font-size:13px}.button{background:var(--teal);color:white;border-radius:10px;padding:11px 16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:23px}.card{background:white;border-radius:15px;box-shadow:0 5px 18px rgba(25,70,65,.04)}.metric-label{font-size:13px}.metric{font:700 27px Space Grotesk;margin:9px 0 6px}.positive{color:#14836e;font-size:12px}.neutral{color:var(--muted);font-size:12px}.two{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:16px;gap:16px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title h2{font:600 18px Space Grotesk;margin:0}.link{color:var(--teal);font-size:12px;font-weight:600}table{width:100%;border-collapse:collapse}td,th{padding:12px 4px;text-align:left;border-bottom:1px solid #edf3f1;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}td:last-child,th:last-child{text-align:right}.badge{border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;background:var(--mint);color:var(--teal)}.badge.pending{background:#fff4dc;color:#9a6811}.progress-row{margin:16px 0 20px}.progress-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.bar{height:8px;background:#e9f1ef;border-radius:20px;overflow:hidden}.bar span{display:block;height:100%;background:var(--teal);border-radius:inherit}.data-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.data-head h1{margin-bottom:7px}.muted{color:var(--muted);font-size:13px;margin:0}.data-head .button{display:flex;align-items:center;gap:7px}.data-head-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.data-head-actions .button{white-space:nowrap}.data-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:22px;color:var(--muted);font-size:13px}.data-tabs span{padding:12px 0}.data-tabs .selected{color:var(--teal);font-weight:700;border-bottom:2px solid var(--teal)}.notice{display:flex;gap:12px;align-items:flex-start;background:#edf9f5;border:1px solid #ccece2;color:var(--teal);border-radius:12px;padding:14px 17px;margin-bottom:20px;font-size:13px;line-height:1.5}.success-notice{padding:11px 15px;align-items:center}.error-notice span{color:#a24b38}.invite-link{display:inline-block;margin-top:4px;color:var(--teal);font-size:12px;word-break:break-all}.health-box{display:flex;align-items:flex-start;gap:9px;margin-top:25px;padding:14px;border-radius:10px;font-size:13px;line-height:1.5}.health-box span{color:var(--muted);font-size:12px}.health-box.good{color:#0c766e;background:#f1faf7}.health-box.bad{color:#a24b38;background:#fff0eb}.book-grid{display:grid;grid-template-columns:repeat(3,1fr) 180px;grid-gap:16px;gap:16px;margin-bottom:24px}.book-card{position:relative;min-height:172px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.book-card.current{border:2px solid #78bcb0;box-shadow:0 8px 20px rgba(12,118,110,.08)}.book-icon{width:44px;height:44px;display:grid;place-items:center;background:#f1f5f4;color:#647c7c;border-radius:10px;margin-bottom:14px}.current .book-icon{color:var(--teal);background:#e6f5f1}.book-menu{position:absolute;top:17px;right:16px;font-size:22px;color:var(--muted)}.book-card h2{font:600 14px Space Grotesk;margin:0 0 8px;word-break:break-word}.book-meta{font-size:12px;color:var(--muted);margin-top:4px}.book-status{display:inline-block;margin-top:15px;font-size:11px;color:#899b9d}.book-status.active{color:var(--teal);font-weight:700}.add-book{min-height:172px;border:1px dashed #9ecfc4;background:transparent;border-radius:14px;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;color:var(--teal);cursor:pointer;font-size:12px}.data-table{margin-top:4px}.data-table .card-title .link{display:flex;align-items:center;gap:5px}.book-card{text-align:left;cursor:pointer;color:inherit;font:inherit}.management-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}.management-grid .data-table{margin:0}.card-title h2{display:flex;align-items:center;gap:7px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(17,36,40,.42)}.modal-card{width:min(100%,480px);display:grid;grid-gap:14px;gap:14px;padding:24px;border-radius:16px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.2)}.modal-card h2{margin:0}.modal-card label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.modal-card input,.modal-card select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;color:var(--ink);background:#fff;font:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.button.ghost{background:#edf2f2;color:var(--ink)}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:24px 18px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media (max-width:1100px){.book-grid{grid-template-columns:repeat(2,1fr)}.data-head{gap:16px}.management-grid{grid-template-columns:1fr}}.module-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.automation .button,.module-top .button{display:flex;align-items:center;gap:7px}.module-tabs{display:flex;gap:25px;overflow:auto;white-space:nowrap;border-bottom:1px solid var(--line);margin-bottom:18px;color:var(--muted);font-size:13px}.module-tabs span{padding:12px 0}.module-tabs .selected{color:var(--teal);font-weight:700;border-bottom:2px solid var(--teal)}.module-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:17px;gap:17px}.workflow{min-height:435px;padding:25px 28px}.workflow-title{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--teal)}.workflow-title h2{font:600 16px Space Grotesk;margin:0;color:var(--ink)}.workflow-line{height:1px;background:#a8b8bb;margin:70px 4% 34px;position:relative}.workflow-line:after{content:"›";position:absolute;right:-5px;top:-12px;font-size:22px;color:#91a4a7}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px 16px;gap:24px 16px}.action-tile{min-height:110px;padding:15px 10px;color:var(--ink);text-decoration:none;border:1px solid transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.action-tile:hover{background:#f2faf8;border-color:#bfe5dc}.action-icon{width:48px;height:48px;border-radius:15px;background:#edf4ff;color:#346fe3;display:grid;place-items:center}.action-tile strong{font-size:12px;line-height:1.35}.action-tile>svg{color:#9aabad}.reports{align-self:stretch;padding:24px 22px}.reports .card-title h2{display:flex;align-items:center;gap:8px}.reports a{display:flex;gap:9px;align-items:flex-start;color:var(--ink);text-decoration:none;padding:17px 0;border-bottom:1px dashed var(--line);font-size:13px;line-height:1.4}.reports a svg,.reports a:hover{color:var(--teal)}.reports a svg{flex:none;margin-top:2px}.shortcut-row{display:flex;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:16px}.shortcut-row a{display:flex;gap:8px;align-items:center;justify-content:center;min-width:150px;padding:16px 13px;color:var(--ink);text-decoration:none;border-right:1px solid var(--line);font-size:12px}.shortcut-row a:hover{color:var(--teal)}.automation{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;border:1px solid #a9d9ff;border-radius:13px;background:#eef8ff;color:#1264a3}.automation span,.automation strong{display:block}.automation strong{color:var(--ink);font-size:14px;margin-bottom:4px}.automation span{font-size:12px;color:var(--muted)}.automation .button{margin-left:auto;flex:none}.button.secondary{background:#2d6fe7}@media (max-width:1000px){.module-layout{grid-template-columns:1fr}.reports{min-height:auto}.action-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.action-grid{grid-template-columns:repeat(2,1fr)}.automation{align-items:flex-start;flex-wrap:wrap}.automation .button{margin-left:40px}}.voucher-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.back-link{display:flex;gap:5px;align-items:center;color:var(--teal);text-decoration:none;font-size:13px;margin-bottom:16px}.voucher-actions{display:flex;gap:10px}.voucher-actions .button{display:flex;align-items:center;gap:7px}.voucher-actions .button:disabled{background:#b7c7c8;cursor:not-allowed}.voucher-card{padding:25px}.voucher-fields{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.voucher-card label{color:var(--muted);font-size:12px;font-weight:600}.voucher-card input,.voucher-card select{display:block;width:100%;border:1px solid #d8e6e3;border-radius:8px;padding:11px 12px;margin-top:7px;color:var(--ink);background:#fff;font:inherit;font-size:13px}.wide-field{display:block;margin-top:17px}.entry-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.entry-heading h2{font:600 18px Space Grotesk;margin:0}.entry-heading span{color:var(--muted);font-size:12px}.entry-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.entry-table{min-width:760px}.entry-table input,.entry-table select{margin:0;border:0;border-radius:0;background:transparent;padding:10px 8px}.entry-table td,.entry-table th{padding:4px 8px}.entry-table tfoot th{background:#f4f8f7;color:var(--ink);font-size:13px}.money-input{text-align:right}.icon-button{color:#a14d4d;padding:8px}.add-line,.icon-button{background:none;border:0;cursor:pointer}.add-line{gap:6px;margin-top:13px;color:var(--teal);font-weight:700;padding:7px 0}.add-line,.balance-box{display:flex;align-items:center}.balance-box{gap:12px;padding:14px 16px;border-radius:10px;margin-top:19px}.balance-box>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#db6a50;color:#fff;font-weight:700}.balance-box small,.balance-box strong{display:block}.balance-box small{margin-top:3px;font-size:12px;color:var(--muted)}.balance-box.good{color:#0c766e;background:#eaf8f4}.balance-box.bad{color:#a24b38;background:#fff0eb}@media (max-width:700px){.voucher-top{display:block}.voucher-actions{margin-top:16px}.voucher-fields{grid-template-columns:1fr}.voucher-card{padding:17px}}.list-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.list-top .button{display:flex;align-items:center;gap:7px;text-decoration:none}.list-toolbar{gap:12px;padding:13px 16px;margin-bottom:16px}.list-toolbar,.search-field{display:flex;align-items:center}.search-field{gap:8px;flex:1 1;color:var(--muted)}.search-field input{width:100%;border:0;outline:0;font:inherit;color:var(--ink)}.filter-button,.list-toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 11px;color:var(--ink);font:inherit;font-size:12px}.filter-button{display:flex;align-items:center;gap:7px;cursor:pointer}.voucher-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:16px;gap:16px;align-items:start}.list-card{overflow:hidden}.list-summary{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.list-summary strong{color:var(--ink)}.data-grid-wrap{overflow:auto}.data-grid{min-width:900px}.data-grid tbody tr{cursor:pointer}.data-grid tbody tr.active-row,.data-grid tbody tr:hover{background:#f1faf7}.data-grid td,.data-grid th{padding:12px 10px;white-space:nowrap}.data-grid td:nth-child(4){max-width:320px;overflow:hidden;text-overflow:ellipsis}.data-grid input{accent-color:var(--teal)}.link-cell{color:#087b73;font-weight:700}.amount-cell{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;padding:5px 8px;border-radius:14px;background:#e7f7f0;color:#14795f;font-size:11px;font-weight:700}.status-pill.draft{background:#fff4dc;color:#9a6811}.voucher-detail{padding:20px}.detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.detail-heading h2{margin:3px 0 0;font:600 20px Space Grotesk}.voucher-detail p{color:var(--muted);line-height:1.55;font-size:13px;margin:18px 0}.detail-meta{display:grid;grid-gap:10px;gap:10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.detail-meta strong{display:block;color:var(--ink);margin-top:3px;font-size:13px}.detail-table{margin-top:16px}.detail-table td,.detail-table th{padding:9px 4px}.detail-table td:last-child{text-align:right}.detail-link{display:flex;justify-content:space-between;color:var(--teal);font-weight:700;font-size:12px;margin-top:18px;text-decoration:none}.invoice-partner-fields{margin-top:17px}.invoice-entry-table{min-width:980px}.invoice-entry-table td.amount-cell{padding-right:10px;font-weight:700;color:var(--ink)}.invoice-total{display:flex;justify-content:flex-end;gap:28px;padding:18px 0 2px;color:var(--muted);font-size:12px}.invoice-total strong{color:var(--ink);margin-left:4px;font-size:13px}.invoice-total span:last-child strong{color:var(--teal);font-size:16px}.voucher-notice{margin-top:16px;padding:12px 14px;border-radius:8px;background:#eaf8f4;color:#14795f;font-size:12px;font-weight:600}.invoice-kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.invoice-kpis .card{padding:17px 19px}.invoice-kpis small,.invoice-kpis span{display:block;color:var(--muted);font-size:12px}.invoice-kpis strong{display:block;color:var(--ink);font:600 22px Space Grotesk;margin:8px 0 4px}.invoice-kpis small{font-size:11px}.invoice-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow:auto;white-space:nowrap}.invoice-tabs button{border:0;background:none;color:var(--muted);padding:11px 0;cursor:pointer;font:inherit;font-size:13px}.invoice-tabs button.selected{color:var(--teal);border-bottom:2px solid var(--teal);font-weight:700}.direction-pill{display:inline-flex;border-radius:14px;padding:5px 8px;font-size:11px;font-weight:700}.direction-pill.input{background:#edf4ff;color:#346fe3}.direction-pill.output{background:#eaf8f4;color:#14795f}.invoice-grid{min-width:1100px}.report-actions{display:flex;gap:10px}.report-actions .button{display:flex;align-items:center;gap:7px}.report-toolbar{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:14px;gap:14px;padding:15px 18px;margin-bottom:16px}.report-toolbar label{color:var(--muted);font-size:11px;font-weight:700}.report-toolbar select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;color:var(--ink);font:inherit;font-size:12px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.report-summary .card{padding:15px 18px}.report-summary span{display:block;color:var(--muted);font-size:12px}.report-summary strong{display:block;margin-top:7px;font:600 19px Space Grotesk}.good-summary strong{color:var(--teal)}.report-sheet{overflow:hidden}.report-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.report-sheet-head>div{display:flex;align-items:center;gap:10px;color:var(--teal)}.report-sheet-head small,.report-sheet-head strong{display:block;color:var(--ink)}.report-sheet-head small{margin-top:4px}.report-sheet-head small,.report-sheet-head>span{color:var(--muted);font-size:11px}.report-grid{min-width:850px}.report-grid tfoot th{background:#f4f8f7;color:var(--ink);font-size:12px}@media (max-width:700px){.invoice-kpis{grid-template-columns:1fr}.invoice-tabs{gap:16px}.invoice-total{display:grid;grid-gap:8px;gap:8px;justify-content:stretch}.report-summary,.report-toolbar{grid-template-columns:1fr}.list-top{display:block}.report-actions{margin-top:14px}}@media (max-width:1000px){.voucher-list-layout{grid-template-columns:1fr}.voucher-detail{order:-1}.list-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}}.auth-page{padding:30px;background:linear-gradient(135deg,#eff9f6,#f6f9ff)}.auth-card{width:min(100%,440px);border-radius:18px;padding:34px;box-shadow:0 18px 55px rgba(24,70,70,.1)}.auth-brand{gap:9px;color:var(--teal);font:600 22px Space Grotesk}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#087b73,#39b98e)}.auth-card h1{font:600 28px Space Grotesk}.auth-card>p{line-height:1.55}.google-button{color:var(--ink)}.google-button:hover{background:#f5faf9}.auth-divider{margin:18px 0}.auth-card label svg{color:var(--teal)}.auth-message{background:#eaf8f4;color:#14795f;line-height:1.45}.auth-switch,.invite-icon{color:var(--teal)}.spin{animation:ketoo-spin 1s linear infinite}@keyframes ketoo-spin{to{transform:rotate(1turn)}}.logout-button{gap:6px;color:#dceeed;padding:7px 0 3px}.logout-button:hover{color:#fff}.empty-state{padding:28px;color:var(--muted);text-align:center;font-size:13px}.error-notice{background:#fff0eb;color:#a24b38;border-color:#f0c8bc}.erp-form{margin-bottom:16px}.erp-form .card-title{margin-bottom:18px}.erp-form-extra{margin-top:16px}.erp-entry-table{min-width:980px}.erp-entry-table input,.erp-entry-table select{border:1px solid #d8e6e3;border-radius:7px;background:#fff;margin:0}.erp-totals{display:flex;justify-content:flex-end;gap:24px;padding:18px 0 4px;color:var(--muted);font-size:12px}.erp-totals strong{color:var(--ink);margin-left:5px;font-size:13px}.erp-totals span:last-child strong{color:var(--teal);font-size:16px}.erp-form .voucher-actions{justify-content:flex-end;margin-top:18px}.catalog-form{margin-bottom:16px}.catalog-form .voucher-actions{justify-content:flex-end;margin-top:18px}.check-field{display:flex!important;align-items:center;gap:8px;padding-top:25px}.check-field input{width:auto!important}.tax-note{display:flex;align-items:center;gap:8px;color:var(--teal);font-size:12px;padding:12px 0}.report-toolbar input[type=month]{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;color:var(--ink);font:inherit;font-size:12px}.action-tile.available{background:#fbfffe}.action-tile.available .action-icon{background:#e7f7f0;color:var(--teal)}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.practice-card{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.practice-card h2{margin:8px 0;font:600 19px Space Grotesk}.practice-card p{line-height:1.55}.practice-card .button{align-self:flex-start;display:flex;align-items:center;gap:7px}.practice-boundary{margin-top:16px}.practice-scenario{max-width:860px;padding:26px}.practice-scenario h2{margin-top:0;font:600 20px Space Grotesk}.practice-scenario ol{display:grid;grid-gap:15px;gap:15px;padding-left:22px;line-height:1.55}.practice-scenario .notice{margin-top:26px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:18px 0}.upgrade-card{padding:24px;border-top:4px solid transparent}.upgrade-card.featured{border-top-color:var(--teal);box-shadow:0 10px 32px rgba(12,118,110,.12)}.upgrade-badge{display:inline-flex;padding:5px 9px;border-radius:12px;background:var(--mint);color:var(--teal);font-size:11px;font-weight:700}.upgrade-card h2{margin:17px 0 8px;font:600 20px Space Grotesk}.upgrade-price{font:700 28px Space Grotesk;color:var(--teal)}.upgrade-card ul{display:grid;grid-gap:11px;gap:11px;list-style:none;padding:0;margin:22px 0;min-height:93px}.upgrade-card li{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45}.upgrade-card li svg{color:var(--teal);flex:none}.upgrade-card .button{width:100%;display:flex;align-items:center;justify-content:center;gap:7px}.payment-panel{display:grid;grid-template-columns:1fr 260px;grid-gap:25px;gap:25px;align-items:center;margin-top:16px;padding:26px}.payment-panel h2{margin:8px 0;font:600 21px Space Grotesk}.payment-qr{width:220px;height:220px;object-fit:contain;justify-self:center;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}.qr-placeholder{min-height:220px;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;padding:24px;text-align:center;color:var(--muted);border-radius:12px}.qr-placeholder,.vietqr-value{background:#f5faf9;font-size:12px}.vietqr-value{max-width:420px;padding:12px;border:1px solid var(--line);border-radius:8px;line-height:1.5}.vietqr-value code{display:block;overflow-wrap:anywhere;color:var(--teal);font-size:11px;margin-top:6px}.payment-panel .button{display:inline-flex;align-items:center;gap:7px;margin-top:10px;text-decoration:none}@media (max-width:900px){.payment-panel,.practice-grid,.upgrade-grid{grid-template-columns:1fr}.payment-qr{justify-self:start}}@media (max-width:800px){.erp-totals{display:grid;justify-content:stretch;grid-gap:8px;gap:8px}.report-toolbar{display:block}.tax-note{margin-top:10px}}@media print{.back-link,.report-actions,.report-toolbar,.sidebar,.voucher-actions{display:none!important}.main{padding:0;max-width:none}.card{box-shadow:none}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:linear-gradient(135deg,#f7faff,#fff 55%,#f2faed)}.auth-card{width:min(100%,480px);background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 18px 55px rgba(11,37,69,.09)}.auth-brand{display:flex;align-items:center;gap:10px;color:var(--brand-navy);margin-bottom:28px}.auth-brand>span{display:grid;grid-gap:2px;gap:2px}.auth-brand strong{font:700 21px Be Vietnam Pro,sans-serif;letter-spacing:-.03em;line-height:1}.auth-brand small{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.02em}.auth-brand .brand-mark{background:var(--brand-blue);box-shadow:0 5px 14px rgba(0,86,210,.2)}.auth-card h1{margin:8px 0;font:700 27px Be Vietnam Pro,sans-serif;letter-spacing:-.04em}.auth-card>p{line-height:1.6;margin-bottom:24px}.auth-card form{display:grid;grid-gap:16px;gap:16px}.google-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--brand-navy);border:1px solid var(--line)}.google-button:hover{background:#f7faff;border-color:#b7d0f7}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:20px 0}.auth-divider:after,.auth-divider:before{content:"";height:1px;flex:1 1;background:var(--line)}.auth-card label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.auth-card label svg{display:inline;vertical-align:middle;margin-right:5px;color:var(--brand-blue)}.auth-card input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--ink);background:#fff;font:inherit;transition:border-color .15s,box-shadow .15s}.auth-card input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(0,86,210,.12)}.auth-submit{width:100%;min-height:44px;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:5px}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-message{margin-top:15px;padding:11px 12px;border:1px solid #b7d0f7;border-radius:8px;background:#f7faff;color:var(--brand-navy);font-size:12px;line-height:1.5}.auth-switch{width:100%;border:0;background:none;color:var(--brand-blue);cursor:pointer;margin-top:20px;font:600 12px inherit}.auth-switch:hover{color:#0046ad;text-decoration:underline}.invite-card{text-align:center}.invite-card .auth-brand{justify-content:center;text-align:left}.invite-icon{color:var(--brand-blue);margin:8px auto 16px}@media (max-width:520px){.auth-page{padding:20px 12px}.auth-card{padding:24px 20px;border-radius:12px}.auth-card h1{font-size:24px}}:root{--ink:#090909;--muted:#737373;--line:#e4e4e4;--mint:#7ac9431a;--teal:#0056d2;--gold:#ff931e;--paper:#f9f9f9;--brand-blue:#0056d2;--brand-green:#7ac943;--brand-orange:#ff931e;--brand-orange-bold:#ec4e02;--brand-navy:#0b2545;--danger:#dc2626;--warning:#ffc409;--radius:8px}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);font-family:Be Vietnam Pro,sans-serif}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:274px minmax(0,1fr);background:#f9f9f9}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:#fff;color:var(--ink);border-right:1px solid var(--line);padding:20px 14px 16px;gap:18px;z-index:30}.brand-row{justify-content:space-between;padding:0 8px}.brand,.brand-row{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;color:var(--brand-navy);letter-spacing:-.025em}.brand-mark,.ecosystem-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--brand-blue);color:#fff;font-weight:700;box-shadow:0 5px 14px rgba(0,86,210,.2)}.brand strong{display:block;font-size:20px;line-height:1.05}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.02em}.mobile-close,.mobile-menu-button{display:none;border:0;background:none;cursor:pointer;color:var(--brand-navy)}.workspace{margin:0 2px;padding:14px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;font-size:12px}.nav-section-label,.workspace-kicker{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.workspace select{width:100%;margin:8px 0 9px;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;color:var(--ink);font:inherit;font-size:11px}.workspace strong{display:block;color:var(--brand-navy);margin-top:2px;font-size:13px;line-height:1.4}.context-label,.workspace>span:not(.workspace-kicker){color:var(--muted);font-size:11px}.context-label{display:block;margin-top:12px}.context-label select{margin-top:5px}.workspace a{display:flex;align-items:center;gap:4px;margin-top:10px;color:var(--brand-blue);text-decoration:none;font-size:11px}.nav{gap:16px}.nav,.nav-section{display:flex;flex-direction:column}.nav-section{gap:2px}.nav-section-label{padding:0 12px 6px}.nav a{color:#525252;text-decoration:none;padding:9px 11px;border-radius:8px;font-size:12px;display:flex;gap:10px;align-items:center;transition:background .15s,color .15s}.nav a svg{flex:none;color:#737373}.nav a.active,.nav a:hover{background:#0056d21a;color:var(--brand-blue)}.nav a.active svg,.nav a:hover svg{color:var(--brand-blue)}.nav a.upgrade-nav{color:var(--brand-orange-bold);background:#ff931e14}.nav a.upgrade-nav.active,.nav a.upgrade-nav:hover{background:#ff931e26;color:var(--brand-orange-bold)}.nav-icon-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-orange);box-shadow:0 0 0 4px #ff931e20;margin:0 4px}.nav-badge{margin-left:auto;border-radius:999px;background:#fff;padding:3px 6px;color:var(--brand-orange-bold);font-size:9px;white-space:nowrap}.nav a.coming-soon{color:#737373}.nav a.coming-soon span{margin-left:auto;color:#737373;font-size:9px;white-space:nowrap}.nav a.coming-soon.active{color:var(--brand-blue);background:#0056d21a}.side-footer{margin-top:auto;color:var(--muted);font-size:11px;line-height:1.65;padding:12px 10px 0;border-top:1px solid var(--line)}.side-footer>span{display:block;color:var(--brand-navy);font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-footer a{color:var(--brand-blue);text-decoration:none}.logout-button{display:flex;align-items:center;gap:5px;border:0;background:none;color:var(--muted);padding:3px 0;cursor:pointer;font:inherit}.logout-button:hover{color:var(--brand-blue)}.main{min-width:0;padding:0 32px 40px;max-width:none}.ecosystem-header{min-height:68px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);margin:0 -32px 30px;padding:0 32px;background:rgba(255,255,255,.94)}.ecosystem-crumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}.ecosystem-crumb strong{color:var(--brand-navy);font-size:14px}.ecosystem-logo{width:28px;height:28px;border-radius:8px;font-size:13px}.ecosystem-links{display:flex;gap:18px;margin-left:auto}.ecosystem-links a{color:var(--muted);text-decoration:none;font-size:12px}.ecosystem-links a:hover{color:var(--brand-blue)}.header-actions{gap:12px}.header-actions,.plan-badge{display:flex;align-items:center}.plan-badge{gap:6px;border:1px solid #b7d0f7;border-radius:999px;padding:7px 10px;color:var(--brand-blue);text-decoration:none;background:#f7faff;font-size:11px;font-weight:600;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--brand-green)}.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--brand-navy);color:#fff;font-size:12px;font-weight:700}.top{margin-bottom:28px}.eyebrow{color:var(--brand-blue);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.09em}h1{font:700 30px Be Vietnam Pro,sans-serif;margin:6px 0 0;letter-spacing:-.04em}h1,h2,h3{color:var(--brand-navy)}h2,h3{font-family:Be Vietnam Pro,sans-serif}.date,.muted,.neutral{color:var(--muted)}.button{border:0;background:var(--brand-blue);color:#fff;border-radius:6px;padding:10px 15px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}.button:hover{background:#0046ad;transform:translateY(-1px)}.button.secondary{background:var(--brand-orange)}.button.secondary:hover{background:var(--brand-orange-bold)}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(15,27,45,.04)}.card-title h2{font-size:16px}.metric{color:var(--brand-navy);font-family:JetBrains Mono,monospace;font-size:24px;letter-spacing:-.04em}.metric-label{color:var(--muted)}.badge,.positive{color:#3f951b}.badge{background:#7ac9431a;border-radius:999px}.badge.pending{background:#ffc40924;color:#946c00}.notice{background:#edf4ff;border:1px solid #c9dcfb;color:var(--brand-blue);border-radius:10px}.notice span{color:var(--muted)}.error-notice{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.link{color:var(--brand-blue)}.bar span{background:var(--brand-blue)}.health-box.good{color:#3f951b;background:#f2faed}.health-box.bad{color:var(--danger);background:#fef2f2}.mobile-backdrop{display:none}@media (max-width:1100px){.shell{grid-template-columns:238px 1fr}.ecosystem-header,.main{padding-left:24px;padding-right:24px}.ecosystem-header{margin-left:-24px;margin-right:-24px}.nav a{font-size:11px}.workspace{padding:12px}}@media (max-width:800px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(88vw,310px);transform:translateX(-105%);transition:transform .2s;box-shadow:12px 0 40px rgba(15,27,45,.16)}.sidebar.mobile-open{transform:translateX(0)}.mobile-close{display:block}.mobile-backdrop.visible{display:block;position:fixed;inset:0;background:rgba(15,27,45,.35);z-index:25}.main{padding:0 16px 28px}.ecosystem-header{margin:0 -16px 24px;padding:0 16px;gap:10px}.mobile-menu-button{display:grid;place-items:center}.ecosystem-crumb span:not(.ecosystem-logo),.ecosystem-links{display:none}.plan-badge{padding:6px 8px;font-size:10px}.user-avatar{width:30px;height:30px}.top{display:block}.top>.button{display:inline-flex;margin-top:14px}.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:25px}}@media (max-width:520px){.grid{grid-template-columns:1fr}.header-actions{margin-left:auto}.plan-badge svg{display:none}.card{padding:16px}.main{padding-bottom:20px}}.hub-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);grid-gap:16px;gap:16px;margin-bottom:28px}.hub-welcome{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#fff,#f5f9ff)}.hub-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;color:var(--brand-blue);background:#0056d21a}.hub-welcome h2{margin:6px 0 7px;font-size:20px}.hub-welcome p{max-width:640px;margin-bottom:15px}.hub-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand-blue);text-decoration:none;font-size:12px;font-weight:700}.hub-status{display:flex;flex-direction:column;justify-content:center}.hub-status .card-title{margin-bottom:5px}.hub-status .card-title h2{font-size:15px}.status-number{margin:8px 0 4px;color:var(--brand-navy);font:600 27px JetBrains Mono,monospace}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 14px}.section-heading h2{margin:5px 0 0;font-size:20px}.module-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:0 0 28px}.quick-module{display:flex;align-items:center;gap:11px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.quick-module:hover{border-color:#b7d0f7;box-shadow:0 5px 18px rgba(15,27,45,.07);transform:translateY(-1px)}.quick-module-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:9px;background:#0056d21a;color:var(--brand-blue)}.quick-module span:nth-child(2){min-width:0;flex:1 1}.quick-module small,.quick-module strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-module strong{color:var(--brand-navy);font-size:12px}.quick-module small{margin-top:3px;color:var(--muted);font-size:10px}.quick-module>svg{flex:none;color:var(--brand-blue)}@media (max-width:1000px){.module-quick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.hub-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;display:block}.section-heading .link{display:inline-block;margin-top:8px}.module-quick-grid{grid-template-columns:1fr}.quick-module{padding:13px}}.coming-soon-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #b7d0f7;border-radius:999px;color:var(--brand-blue);background:#f7faff;font-size:11px;font-weight:700;white-space:nowrap}.certificate-hero{display:flex;align-items:flex-start;gap:18px;padding:26px;background:linear-gradient(135deg,#fff,#f5f9ff)}.certificate-hero-icon{width:52px;height:52px;display:grid;place-items:center;flex:none;border-radius:14px;color:var(--brand-blue);background:#0056d21a}.certificate-hero h2{margin:7px 0 8px;font-size:21px}.certificate-hero p{max-width:700px;margin-bottom:18px}.certificate-hero .button{display:inline-flex;align-items:center;gap:7px}.certificate-roadmap{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:16px}.certificate-step{position:relative;min-height:180px;padding:22px}.certificate-step-number{position:absolute;top:15px;right:17px;color:#b7d0f7;font:700 23px JetBrains Mono,monospace}.certificate-step-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:16px;border-radius:10px;color:var(--brand-blue);background:#0056d21a}.certificate-step h2{margin:0 0 7px;font-size:16px}.certificate-step p{line-height:1.55}.certificate-note{margin-top:16px}@media (max-width:900px){.certificate-roadmap{grid-template-columns:1fr}.certificate-hero{padding:22px}}@media (max-width:520px){.certificate-hero{display:block}.certificate-hero-icon{margin-bottom:16px}.top .coming-soon-pill{display:inline-flex;margin-top:14px}}