:root{color:#2a1d15;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3ede3;font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3ede3;min-width:320px;margin:0}body,button,a,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{border:none}#root{min-height:100vh}h1,h2,h3,p,ul{margin-top:0}.gia-tri-noi-bat{color:#1f4070;font-size:1.15rem;font-weight:800}strong.trang-thai-hop-dong{font-weight:800}strong.trang-thai-hop-dong--active{color:#1f8f4d!important}strong.trang-thai-hop-dong--ended{color:#c0392b!important}.trang{background:radial-gradient(circle at 0 0,#ca61373d,#0000 24%),radial-gradient(circle at 100% 0,#1c605c26,#0000 22%),linear-gradient(#f7f2ea 0%,#f2ece1 100%);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.thanh-ben{color:#f8f2ea;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1a1411f0;border-right:1px solid #ffffff14;flex-direction:column;gap:22px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.thuong-hieu{align-items:center;gap:14px;display:flex}.thuong-hieu__ky-tu{color:#231811;letter-spacing:.14em;background:linear-gradient(135deg,#efc17e,#ca6137);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.thuong-hieu__phu,.nhan,.the-luu-y__nhan{text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px;font-size:.78rem;font-weight:700}.thuong-hieu__phu{color:#f8f2eaa3}.thuong-hieu h1,.hop-trang-thai h2,.khung h2,.the-module h3,.the-endpoint h3,.the-endpoint h4{margin:0}.thuong-hieu h1{color:#fff7ef;font-size:1.45rem}.hop-trang-thai{background:linear-gradient(#efc17e29,#ca61371a);border:1px solid #efc17e24;border-radius:22px;padding:18px}.hop-trang-thai .the-luu-y__nhan{color:#efc17e}.hop-trang-thai h2{color:#fff7ef;font-size:1.15rem}.hop-trang-thai p:last-child{color:#f8f2eacc;margin-top:8px}.dieu-huong{gap:9px;display:grid;overflow:visible}.dieu-huong a{color:#f8f2ea;background:#ffffff0a;border-radius:16px;padding:12px 14px;transition:all .18s}.dieu-huong a:hover,.dieu-huong a.active{background:#ca61372e;transform:translate(2px)}.menu-di-dong{z-index:20;margin-bottom:16px;display:none;position:relative}.menu-di-dong__nut{cursor:pointer;background:#241913eb;border:0;border-radius:16px;align-content:center;gap:6px;width:52px;height:52px;padding:0 14px;display:grid;box-shadow:0 18px 40px #2118122e}.menu-di-dong__nut span{background:#fff7ef;border-radius:999px;width:100%;height:3px;transition:transform .18s,opacity .18s;display:block}.menu-di-dong.is-open .menu-di-dong__nut span:first-child{transform:translateY(9px)rotate(45deg)}.menu-di-dong.is-open .menu-di-dong__nut span:nth-child(2){opacity:0}.menu-di-dong.is-open .menu-di-dong__nut span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.menu-di-dong__panel{opacity:0;visibility:hidden;background:#1a1411f7;border:1px solid #5b442e1f;border-radius:22px;gap:8px;min-width:220px;padding:12px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(-8px);box-shadow:0 22px 50px #21181242}.menu-di-dong:hover .menu-di-dong__panel,.menu-di-dong.is-open .menu-di-dong__panel{opacity:1;visibility:visible;transform:translateY(0)}.menu-di-dong__panel a{color:#f8f2ea;background:#ffffff0a;border-radius:16px;padding:12px 14px;transition:all .18s}.menu-di-dong__panel a:hover,.menu-di-dong__panel a.active{background:#ca613738;transform:translate(2px)}.noi-dung{padding:28px}.khung-trang{gap:20px;display:grid}.khung,.the-module,.the-endpoint{background:#fffaf4d6;border:1px solid #5b442e1f;border-radius:28px;box-shadow:0 20px 40px #49331e14}.khung{padding:26px}.nhan{color:#b4532f}.khung h2{color:#241913;font-size:clamp(2rem,3vw,3rem);line-height:1.12}.mo-ta-trang{color:#685745;max-width:70ch;margin-top:14px}.tong-quan-song-dong{gap:24px}.tong-quan-hero{isolation:isolate;background:radial-gradient(circle at 0 0,#efc17e47,#0000 28%),radial-gradient(circle at 85% 20%,#2a746f33,#0000 24%),linear-gradient(135deg,#fff8eff5,#f5ebdde0);min-height:620px;position:relative;overflow:hidden}.tong-quan-hero:before,.tong-quan-hero:after{content:"";filter:blur(16px);opacity:.6;z-index:-1;border-radius:999px;position:absolute;inset:auto}.tong-quan-hero:before{background:#efc17e5c;width:240px;height:240px;animation:8s ease-in-out infinite tongQuanGlow;top:-60px;right:10%}.tong-quan-hero:after{background:#2a746f38;width:220px;height:220px;animation:10s ease-in-out infinite reverse tongQuanGlow;bottom:-70px;left:8%}.tong-quan-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:28px;display:grid}.tong-quan-hero__content{z-index:2;gap:22px;padding-right:10px;display:grid;position:relative}.tong-quan-hero__content h2{max-width:12ch}.tong-quan-hero__content--full{padding-right:0}.tong-quan-hero__content--full h2{max-width:none;font-size:clamp(3rem,7vw,5.4rem)}.tong-quan-scenes{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.tong-quan-scene-card{min-height:280px;animation:.85s both tongQuanCardEnter;animation-delay:var(--delay,0s);background:radial-gradient(circle at 100% 0,#ffffff85,#0000 34%),linear-gradient(#fffaf4f0,#f5ece1d6);gap:20px;display:grid;position:relative;overflow:hidden}.tong-quan-scene-card--amber{border-color:#ca61372e}.tong-quan-scene-card--teal{border-color:#1f6b652e}.tong-quan-scene-card--copper{border-color:#8c582c2e}.tong-quan-scene-card--olive{border-color:#5b6f3d2e}.tong-quan-scene-card__header{gap:8px;display:grid}.tong-quan-scene-card__label{color:#7a5c46;text-transform:uppercase;letter-spacing:.12em;background:#241c1614;border-radius:999px;width:fit-content;padding:8px 12px;font-size:.78rem;font-weight:700}.tong-quan-scene-card__header p{color:#6e5a49;margin:0;line-height:1.6}.tong-quan-scene{background:linear-gradient(#261c16f0,#151414eb);border-radius:24px;min-height:140px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 20px 36px #26191224}.tong-quan-scene:before{content:"";background:radial-gradient(circle at top,#ffffff14,#0000 34%);position:absolute;inset:0}.scene-room-grid,.scene-tenant-stack,.scene-contract-lines,.scene-meter-wave,.scene-invoice-stack,.scene-payment-orbit,.scene-transaction-bars,.scene-report-columns{position:absolute;inset:0}.scene-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;display:grid}.scene-room-grid__cell{background:#fff7ec24;border:1px solid #ffffff14;border-radius:18px}.scene-room-grid__cell--active{background:linear-gradient(#ca6137b8,#ca613742);animation:3.8s ease-in-out infinite sceneRoomGlow}.scene-room-grid__cell--pulse{background:linear-gradient(#26857bb8,#26857b33);animation:2.8s ease-in-out infinite sceneRoomPulse}.scene-tenant-stack{place-items:center;display:grid}.scene-tenant-stack span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fff9f12e,#fff9f114);border:1px solid #ffffff14;border-radius:18px;width:68%;height:54px;position:absolute}.scene-tenant-stack span:first-child{animation:5.5s ease-in-out infinite sceneTenantFloat;transform:translateY(-28px)rotate(-6deg)}.scene-tenant-stack span:nth-child(2){animation:5.5s ease-in-out infinite reverse sceneTenantFloat;transform:translateY(0)rotate(2deg)}.scene-tenant-stack span:nth-child(3){animation:4.8s ease-in-out infinite sceneTenantFloat;transform:translateY(30px)rotate(7deg)}.scene-contract-lines{gap:16px;padding:28px 22px;display:grid}.scene-contract-lines span{background:#fff9f11f;border-radius:999px;height:18px;position:relative;overflow:hidden}.scene-contract-lines span:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#efc17e2e,#ca6137f2);width:46%;height:100%;animation:3.2s linear infinite sceneContractSlide;position:absolute;top:0;left:-40%}.scene-contract-lines span:nth-child(2):after{animation-delay:.8s}.scene-contract-lines span:nth-child(3):after{animation-delay:1.6s}.scene-meter-wave{justify-content:center;align-items:end;gap:14px;padding:24px;display:flex}.scene-meter-wave span{background:linear-gradient(#acc55ceb,#455c2347);border-radius:999px 999px 12px 12px;width:24px;animation:2.2s ease-in-out infinite sceneMeterWave}.scene-meter-wave span:first-child{height:38%}.scene-meter-wave span:nth-child(2){height:72%;animation-delay:.2s}.scene-meter-wave span:nth-child(3){height:54%;animation-delay:.45s}.scene-meter-wave span:nth-child(4){height:82%;animation-delay:.7s}.scene-invoice-stack{place-items:center;display:grid}.scene-invoice-stack span{color:#fff7ef;letter-spacing:.08em;text-align:center;border-radius:18px;width:62%;padding:14px 16px;font-weight:800;position:absolute;box-shadow:0 18px 26px #0c0d0e38}.scene-invoice-stack span:first-child{--scene-y:-28px;--scene-r:-7deg;transform:translateY(var(--scene-y)) rotate(var(--scene-r));background:linear-gradient(#ca6137f5,#7e3721f0);animation:5.6s ease-in-out infinite sceneInvoiceFlip}.scene-invoice-stack span:nth-child(2){--scene-y:4px;--scene-r:3deg;transform:translateY(var(--scene-y)) rotate(var(--scene-r));background:linear-gradient(#276e68f5,#143e3bf0);animation:5.6s ease-in-out infinite reverse sceneInvoiceFlip}.scene-invoice-stack span:nth-child(3){--scene-y:36px;--scene-r:8deg;color:#2b1d16;transform:translateY(var(--scene-y)) rotate(var(--scene-r));background:linear-gradient(#efc17ef0,#b4702ef0);animation:4.8s ease-in-out infinite sceneInvoiceFlip}.scene-payment-orbit{place-items:center;display:grid}.scene-payment-orbit__ring{border:1px solid #ffffff2e;border-radius:50%;width:120px;height:120px;animation:7s linear infinite tongQuanRotate;position:absolute}.scene-payment-orbit__center{background:radial-gradient(circle,#78d8a1 0%,#78d8a12e 80%,#0000 100%);border-radius:50%;width:24px;height:24px;animation:2.4s ease-in-out infinite scenePaymentPulse;position:absolute;box-shadow:0 0 22px #78d8a180}.scene-payment-orbit__dot{background:linear-gradient(135deg,#efc17e,#ca6137);border-radius:50%;width:12px;height:12px;position:absolute}.scene-payment-orbit__dot--a{animation:4.4s linear infinite scenePaymentOrbitA}.scene-payment-orbit__dot--b{background:linear-gradient(135deg,#8ef0c8,#2b8d7d);animation:5.2s linear infinite scenePaymentOrbitB}.scene-transaction-bars,.scene-report-columns{justify-content:center;align-items:end;gap:12px;padding:24px;display:flex}.scene-transaction-bars span{background:linear-gradient(#ca6137f0,#7e372133);border-radius:12px 12px 6px 6px;width:20px;animation:2.3s ease-in-out infinite sceneTransactionBars}.scene-transaction-bars span:first-child{height:62%}.scene-transaction-bars span:nth-child(2){height:36%;animation-delay:.25s}.scene-transaction-bars span:nth-child(3){height:78%;animation-delay:.45s}.scene-transaction-bars span:nth-child(4){height:48%;animation-delay:.7s}.scene-report-columns span{background:linear-gradient(#aac556f5,#4f682b2e);border-radius:12px 12px 6px 6px;width:18px;animation:2.8s ease-in-out infinite sceneReportColumns}.scene-report-columns span:first-child{height:30%}.scene-report-columns span:nth-child(2){height:58%;animation-delay:.15s}.scene-report-columns span:nth-child(3){height:76%;animation-delay:.35s}.scene-report-columns span:nth-child(4){height:52%;animation-delay:.55s}.scene-report-columns span:nth-child(5){height:86%;animation-delay:.75s}.tong-quan-pill-list{flex-wrap:wrap;gap:12px;display:flex}.tong-quan-pill-list span{color:#5d4738;background:#fffbf6b8;border:1px solid #694e351f;border-radius:999px;padding:10px 16px;font-weight:600;box-shadow:inset 0 1px #ffffffbf}.tong-quan-hero__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tong-quan-action{transform-style:preserve-3d;background:linear-gradient(#fffbf5e6,#f7ecdfc7);border:1px solid #60472f1f;border-radius:22px;gap:8px;padding:18px 18px 20px;transition:transform .26s,box-shadow .26s,border-color .26s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #47331f14}.tong-quan-action:after{content:"";background:linear-gradient(120deg,#0000 20%,#ffffff73,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.tong-quan-action:hover{border-color:#b4532f40;transform:translateY(-4px)rotateX(5deg)rotateY(-5deg);box-shadow:0 24px 42px #47331f24}.tong-quan-action:hover:after{animation:.9s forwards tongQuanShine}.tong-quan-action strong{color:#2b1d16;font-size:1.05rem}.tong-quan-action span{color:#6f5a48;line-height:1.5}.tong-quan-stage{perspective:1600px;place-items:center;min-height:520px;display:grid;position:relative}.tong-quan-stage__aura,.tong-quan-stage__grid,.tong-quan-stage__platform,.tong-quan-orbit{position:absolute}.tong-quan-stage__aura{filter:blur(18px);border-radius:999px}.tong-quan-stage__aura--amber{background:#e0914c42;width:280px;height:280px;animation:7s ease-in-out infinite tongQuanFloat;top:40px;left:36px}.tong-quan-stage__aura--teal{background:#1d6d662e;width:240px;height:240px;animation:9s ease-in-out infinite reverse tongQuanFloat;bottom:54px;right:18px}.tong-quan-stage__grid{opacity:.65;background-color:#0000;background-image:linear-gradient(#6f5a4814 1px,#0000 1px),linear-gradient(90deg,#6f5a4814 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:36px;inset:12% 6% 14%;transform:rotateX(70deg)rotate(-18deg)}.tong-quan-stage__platform{transform-style:preserve-3d;place-items:center;display:grid;inset:0}.tong-quan-stage__tower{width:min(380px,88%);height:320px;transform-style:preserve-3d;animation:9s ease-in-out infinite tongQuanStageDrift;position:relative;transform:rotateX(62deg)rotate(-28deg)}.tong-quan-stage__tower:before,.tong-quan-stage__tower:after{content:"";border-radius:36px;position:absolute;inset:0}.tong-quan-stage__tower:before{background:linear-gradient(160deg,#2f1f18fa,#191615f0);box-shadow:0 26px 46px #1c171447,inset 0 1px #ffffff1f}.tong-quan-stage__tower:after{background:radial-gradient(circle at top,#efc17e5c,#0000 30%),linear-gradient(#412a1fdb,#221e1ce6);border:1px solid #ffffff14;inset:18px}.tong-quan-stage__tower-light{filter:blur(1px);z-index:2;background:radial-gradient(circle,#ffe7b1 0%,#ffe7b124 72%,#0000 100%);border-radius:999px;width:32px;height:32px;animation:3s ease-in-out infinite tongQuanPulse;position:absolute;top:40px;right:42px}.tong-quan-stage__tower-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;border:1px solid #ffffff14;border-radius:24px;gap:8px;width:220px;padding:18px;display:grid;position:absolute;left:50%;box-shadow:0 18px 28px #0c0d0e3d}.tong-quan-stage__tower-card strong{color:#fff6e8;font-size:1.1rem}.tong-quan-stage__tower-card span{color:#f8f2eabd}.tong-quan-stage__tower-card--front{background:linear-gradient(#c1653be0,#7e3721e0);top:92px;transform:translate(-54%)translateZ(76px)}.tong-quan-stage__tower-card--rear{background:linear-gradient(#215b57e0,#163735e0);bottom:52px;transform:translate(-8%)translateZ(32px)}.tong-quan-floating-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff9f0c2;border:1px solid #60472f1f;border-radius:22px;gap:6px;min-width:170px;padding:16px 18px;display:grid;box-shadow:0 20px 34px #402d191f}.tong-quan-floating-card span{color:#8a6b53;text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.tong-quan-floating-card strong{color:#2b1d16;font-size:1.05rem}.tong-quan-floating-card--left{animation:6.5s ease-in-out infinite tongQuanFloat;top:78px;left:12px;transform:rotate(-8deg)}.tong-quan-floating-card--right{animation:7.5s ease-in-out infinite reverse tongQuanFloat;bottom:92px;right:6px;transform:rotate(8deg)}.tong-quan-orbit{border:1px solid #b48e662e;border-radius:999px;width:340px;height:340px;margin-top:-170px;margin-left:-170px;animation:18s linear infinite tongQuanRotate;inset:50% auto auto 50%}.tong-quan-orbit span{background:linear-gradient(135deg,#efc17e,#ca6137);border-radius:999px;width:12px;height:12px;position:absolute;box-shadow:0 0 20px #ca613773}.tong-quan-orbit span:first-child{margin-left:-6px;top:18px;left:50%}.tong-quan-orbit span:nth-child(2){background:linear-gradient(135deg,#2f8a82,#173c39);bottom:82px;right:34px;box-shadow:0 0 20px #2f8a8266}.tong-quan-orbit span:nth-child(3){bottom:64px;left:26px}.tong-quan-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tong-quan-highlight-card{min-height:220px;animation:.85s both tongQuanCardEnter;animation-delay:var(--delay,0s);background:radial-gradient(circle at 100% 0,#efc17e2e,#0000 32%),linear-gradient(#fffaf4eb,#f5ece1d1);align-content:start;gap:14px;display:grid;position:relative;overflow:hidden}.tong-quan-highlight-card:after{content:"";background:radial-gradient(circle,#276e682e,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -30% -50% auto}.tong-quan-highlight-card__index{color:#8b684d;letter-spacing:.12em;background:#241c1614;border-radius:999px;width:fit-content;padding:8px 12px;font-weight:700}.tong-quan-highlight-card h3{color:#2b1d16;margin:0;font-size:1.45rem}.tong-quan-highlight-card p{color:#6e5a49;margin:0;line-height:1.7}@keyframes tongQuanGlow{0%,to{opacity:.42;transform:scale(1)translate(0,0)}50%{opacity:.72;transform:scale(1.1)translate(8px,-12px)}}@keyframes tongQuanFloat{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes tongQuanPulse{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.14)}}@keyframes tongQuanRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tongQuanStageDrift{0%,to{transform:rotateX(62deg)rotate(-28deg)translate(0,0)}50%{transform:rotateX(62deg)rotate(-24deg)translateY(-10px)}}@keyframes tongQuanShine{0%{transform:translate(-120%)}to{transform:translate(140%)}}@keyframes tongQuanCardEnter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sceneRoomGlow{0%,to{transform:scale(1);box-shadow:0 0 #ca61372e}50%{transform:scale(1.04);box-shadow:0 0 24px #ca613747}}@keyframes sceneRoomPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sceneTenantFloat{0%,to{opacity:.85;translate:0}50%{opacity:1;translate:0 -8px}}@keyframes sceneContractSlide{0%{left:-40%}to{left:104%}}@keyframes sceneMeterWave{0%,to{transform:scaleY(.92)}50%{transform:scaleY(1.12)}}@keyframes sceneInvoiceFlip{0%,to{transform:translateY(var(--scene-y)) rotate(var(--scene-r)) translateZ(0)}50%{transform:translateY(calc(var(--scene-y) - 6px)) rotate(calc(var(--scene-r) * 1.02)) translateZ(10px)}}@keyframes scenePaymentPulse{0%,to{opacity:.8;transform:scale(.96)}50%{opacity:1;transform:scale(1.15)}}@keyframes scenePaymentOrbitA{0%{transform:rotate(0)translate(60px)}to{transform:rotate(360deg)translate(60px)}}@keyframes scenePaymentOrbitB{0%{transform:rotate(180deg)translate(60px)}to{transform:rotate(540deg)translate(60px)}}@keyframes sceneTransactionBars{0%,to{transform:scaleY(.9)}50%{transform:scaleY(1.14)}}@keyframes sceneReportColumns{0%,to{filter:saturate(.92);transform:scaleY(.92)}50%{filter:saturate(1.16);transform:scaleY(1.08)}}@media (prefers-reduced-motion:reduce){.tong-quan-hero:before,.tong-quan-hero:after,.tong-quan-action:after,.tong-quan-stage__aura,.tong-quan-stage__tower,.tong-quan-stage__tower-light,.tong-quan-floating-card,.tong-quan-orbit,.tong-quan-highlight-card,.tong-quan-scene-card,.scene-room-grid__cell--active,.scene-room-grid__cell--pulse,.scene-tenant-stack span,.scene-contract-lines span:after,.scene-meter-wave span,.scene-invoice-stack span,.scene-payment-orbit__ring,.scene-payment-orbit__center,.scene-payment-orbit__dot,.scene-transaction-bars span,.scene-report-columns span{transition:none!important;animation:none!important}.tong-quan-action:hover{transform:none}}.cum-so-lieu{gap:14px;display:grid}.o-so-lieu{color:#f9f3eb;background:linear-gradient(#183e3af5,#102927f5);border-radius:22px;padding:18px}.o-so-lieu span{color:#f9f3ebb8;display:block}.o-so-lieu strong{margin-top:10px;font-size:1.9rem;line-height:1.1;display:block}.the-module{padding:22px}.the-module__dau,.the-endpoint__dau{justify-content:space-between;align-items:start;gap:12px;display:flex}.the-module h3,.the-endpoint h3{color:#241913;font-size:1.2rem}.the-module p,.the-endpoint p,.truong small,.trong,.duong-dan{color:#6b5947}.chip-wrap,.cum-nut-endpoint{flex-wrap:wrap;gap:10px;display:flex}.chip,.method-tag{border-radius:999px;align-items:center;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.chip{color:#4f3e30;background:#2419130f}.method-tag{margin-bottom:10px}.method-tag--get{color:#176548;background:#1b7e5b1f}.method-tag--post{color:#a74f2d;background:#ca61371f}.method-tag--put,.method-tag--patch,.method-tag--delete{color:#2f5590;background:#3458951f}.danh-sach-endpoint{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.trang-trong{min-height:calc(100vh - 56px)}.the-endpoint{padding:22px}.the-endpoint-rut-gon{text-align:left;cursor:pointer;background:#fffaf4eb;border:1px solid #5b442e1f;border-radius:24px;align-content:start;gap:10px;width:100%;min-height:132px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 18px 36px #49331e14}.the-endpoint-rut-gon:hover{border-color:#ca61374d;transform:translateY(-2px);box-shadow:0 22px 44px #49331e1f}.the-endpoint-rut-gon strong{color:#241913;font-size:1rem;line-height:1.35}.the-endpoint-rut-gon__mo-ta{color:#6b5947;font-size:.9rem;line-height:1.45}.lop-phu-endpoint{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#21181280;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.hop-endpoint-mo{border-radius:30px;width:min(1100px,100%);max-height:calc(100vh - 56px);overflow:auto}.the-endpoint--mo{padding:26px}.nut-dong-endpoint{color:#241913;cursor:pointer;background:#24191314;border:0;border-radius:999px;place-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:grid}.nut-dong-endpoint:hover{background:#ca613724}.duong-dan{word-break:break-all;margin-top:6px;font-family:Consolas,monospace}.khoi-form{gap:14px;margin-top:18px;display:grid}.khoi-con{background:#ffffff9e;border-radius:22px;padding:18px}.khoi-con h4{color:#221813;margin-bottom:14px;font-size:1rem}.luoi-input{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.truong{gap:8px;display:grid}.truong span{color:#35271d;font-weight:700}.truong input,.truong textarea,.truong select{color:#251a13;background:#fffdf9;border:1px solid #5a432e24;border-radius:16px;width:100%;padding:12px 14px}.truong textarea{resize:vertical;min-height:220px;font-family:Consolas,monospace;line-height:1.5}.xem-truoc{gap:12px;margin-top:16px;display:grid}.xem-truoc__dau,.ban-ghi__dau{justify-content:space-between;align-items:center;gap:12px;display:flex}.xem-truoc__dau strong,.ban-ghi__dau strong{color:#241913}.ban-ghi__dau-noi-bat{color:#c75c27;text-transform:uppercase;font-size:1rem}.xem-truoc__dau span,.ban-ghi__dau span{color:#786451;font-size:.86rem}.khung-du-lieu{background:linear-gradient(#ffffffdb,#f8f2eaeb);border:1px solid #5b442e14;border-radius:18px;padding:14px}.khung-du-lieu--trong{color:#7b6653;font-style:italic}.luoi-ban-ghi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.danh-sach-ban-ghi{gap:12px;display:grid}.ban-ghi{background:#fffdf9db;border:1px solid #5b442e14;border-radius:18px;padding:14px}.ban-ghi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px;display:grid}.ban-ghi__field{gap:6px;display:grid}.ban-ghi__field span{color:#7a6654;font-size:.84rem}.ban-ghi__field strong{color:#241913}.ban-ghi__field--noi-bat strong,.gia-tri-noi-bat{color:#173a6b;background:#173a6b14;border-radius:12px;padding:6px 10px;font-weight:700;display:inline-block}.trang-thai-hop-dong{font-weight:800}.trang-thai-hop-dong--active{color:#1b7e5b}.trang-thai-hop-dong--ended{color:#b73737}.gia-tri-don{color:#32241b;word-break:break-word;background:#ca61370f;border-radius:14px;margin-top:10px;padding:12px 14px}.danh-sach-phong{gap:10px;display:grid}.danh-sach-hop-dong-wrap{gap:14px;display:grid}.bo-loc-hop-dong{background:#fffdf9eb;border:1px solid #5b442e14;border-radius:18px;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:12px;padding:14px;display:grid}.hop-dong-item{gap:10px;display:grid}.dong-phong{background:#fffdf9eb;border:1px solid #5b442e14;border-radius:16px;grid-template-columns:180px 1fr 220px;gap:12px;padding:12px 14px;display:grid}.dong-phong--nguoi-thue{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dong-phong--tenant-compact{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;width:100%;display:grid}.dong-phong--hop-dong{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dong-phong__o{gap:4px;display:grid}.dong-phong__o span{color:#7a6654;font-size:.84rem}.dong-phong__o strong{color:#241913}.dong-phong__o strong.tenant-name-highlight{color:#b73737}.dong-phong__o strong.trang-thai-phong{font-weight:800}.dong-phong__o strong.trang-thai-phong--chua-cho-thue{color:#b73737}.dong-phong__o strong.trang-thai-phong--da-cho-thue{color:#1b7e5b}.dong-phong__o strong.trang-thai-phong--mac-dinh{color:#6a5746}.nut-hop-dong{justify-self:start}.nut{cursor:pointer;border:0;border-radius:999px;padding:12px 20px;font-weight:700}.nut:disabled{opacity:.6;cursor:wait}.nut--chinh{color:#fffaf4;background:linear-gradient(135deg,#ca6137,#8b3a22)}.nut--phu{color:#644330;background:#ca613714}.thanh-trang-thai{color:#6a5948;background:#30251e0f;border-radius:16px;margin-top:14px;padding:12px 14px;font-weight:700}.thanh-trang-thai.thanh-cong{color:#176548;background:#1b7e5b1f}.thanh-trang-thai.that-bai,.thong-bao-loi{color:#9b3030;background:#b534341f}.thong-bao-loi{border-radius:18px;margin-top:16px;padding:14px 16px;font-weight:700}.invoice-workspace{gap:20px;display:grid}.invoice-hero{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.invoice-hero__main,.invoice-hero__action,.invoice-bulk-card,.invoice-stat-card,.invoice-search{gap:10px;display:grid}.invoice-hero__main,.invoice-toolbar,.invoice-toolbar>*{min-width:0}.invoice-toolbar{grid-template-columns:minmax(220px,1.2fr) minmax(210px,.9fr) minmax(220px,1fr) max-content;align-items:end;gap:14px;display:grid}.invoice-search{flex:420px}.invoice-toolbar__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.invoice-hero__action{display:none}.invoice-toolbar>.nut{grid-area:2/1;justify-self:start;min-width:220px;min-height:46px}.invoice-toolbar>.invoice-bulk-trigger{grid-area:2/2;justify-self:start;min-width:220px;min-height:46px}.invoice-search span,.invoice-bulk-card__label,.invoice-stat-card span{color:#7a6654;font-size:.84rem}.invoice-search input,.invoice-search select{color:#251a13;background:#fffdf9;border:1px solid #5a432e24;border-radius:18px;width:100%;padding:14px 16px}.invoice-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.invoice-stats--five{grid-template-columns:repeat(5,minmax(0,1fr))}.invoice-stat-card{background:#fffaf4e6;border:1px solid #5b442e14;border-radius:22px;min-width:0;padding:14px 16px;overflow:hidden}.invoice-stat-card strong{color:#241913;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(.9rem,1.1vw,1.2rem);line-height:1.1;display:block;overflow:hidden}.invoice-list-wrap{margin-top:14px}.invoice-bulk-trigger{white-space:nowrap;justify-self:start;width:auto;padding:10px 14px;font-size:.9rem;line-height:1.2}.invoice-bulk-trigger .the-endpoint-rut-gon__mo-ta{display:none}.invoice-cards{gap:14px}.invoice-card{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.invoice-card__info{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:start;gap:12px;min-width:0;display:grid}.invoice-card__amount,.invoice-card__meta-item{min-width:0}.invoice-card__button-row{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin-top:4px;display:flex}.invoice-inline-button{text-align:center;justify-content:center;min-width:148px;min-height:42px;padding:10px 16px;font-size:.95rem;font-weight:700}.invoice-inline-button--secondary{color:#5f3d23;background:#b478481f}.invoice-inline-button--secondary:hover:not(:disabled){color:#fff;background:#c67346}.invoice-inline-message{grid-column:1/-1;font-size:.9rem;font-weight:600}.invoice-action-button{transition:background .18s,color .18s,transform .18s}.invoice-action-button--paid{color:#176548;background:#1b7e5b1a}.invoice-action-button--paid:hover:not(:disabled){color:#fff;background:#1b7e5b;transform:translateY(-1px)}.invoice-action-button--unpaid{color:#9b3030;background:#b737371a}.invoice-action-button--unpaid:hover:not(:disabled){color:#fff;background:#b73737;transform:translateY(-1px)}.invoice-amount{font-weight:800}.invoice-stat-card .invoice-amount--paid{color:#1b7e5b!important}.invoice-stat-card .invoice-amount--unpaid{color:#b73737!important}.invoice-amount--paid{color:#1b7e5b}.invoice-amount--unpaid{color:#b73737}.invoice-actions-card{padding:18px}.invoice-workspace .danh-sach-endpoint.invoice-actions-inline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.invoice-workspace .invoice-actions-inline .the-endpoint-rut-gon{width:auto;min-height:46px;box-shadow:none;text-align:center;background:#ca613714;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.invoice-workspace .invoice-actions-inline .the-endpoint-rut-gon:hover{box-shadow:none;background:linear-gradient(135deg,#ca6137,#8b3a22);transform:none}.invoice-workspace .invoice-actions-inline .the-endpoint-rut-gon .method-tag,.invoice-workspace .invoice-actions-inline .the-endpoint-rut-gon__mo-ta{display:none}.invoice-workspace .invoice-actions-inline .the-endpoint-rut-gon strong{color:#644330;font-size:.98rem;line-height:1.2}.invoice-workspace .invoice-actions-inline .the-endpoint-rut-gon:hover strong{color:#fffaf4}.invoice-modal-card{gap:16px;display:grid}.invoice-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.invoice-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.invoice-edit-form .truong{gap:8px;display:grid}.invoice-edit-form .truong span{color:#6b5947;font-size:.9rem;font-weight:700}.invoice-edit-form .truong input,.invoice-edit-form .truong textarea,.notes-workspace .truong select{color:#251a13;background:#fffdf9;border:1px solid #5a432e24;border-radius:16px;width:100%;padding:12px 14px}.notes-layout{grid-template-columns:minmax(280px,.95fr) minmax(0,1.35fr);align-items:start;gap:18px;display:grid}.notes-editor,.notes-list{gap:14px;display:grid}.notes-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.truong--full,.notes-form-grid .truong--full{grid-column:1/-1}.notes-card__content strong{white-space:pre-wrap}.invoice-detail-layout__info{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.invoice-qr-card{background:linear-gradient(#fffcf7f5,#faf4ece6);border:1px solid #5b442e1a;border-radius:22px;gap:14px;margin-top:12px;padding:18px;display:grid}.invoice-qr-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.invoice-qr-card__header strong{color:#241913;font-size:1rem}.invoice-qr-card__header span{color:#6b5947;font-size:.88rem;font-weight:700}.invoice-qr-card__body{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.invoice-qr-card__image{aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #5b442e1f;border-radius:20px;width:100%;max-width:280px}.invoice-qr-card__meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.contract-settlement{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px;display:grid}.contract-settlement__item{background:linear-gradient(135deg,#fff8ef 0%,#fffdf9 100%);border:1px solid #7d5b3d1f;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.contract-settlement__item span{color:#7c6652;font-size:.88rem;font-weight:700}.contract-settlement__item strong{color:#2f241c;font-size:1rem}.contract-settlement__item--refund{background:linear-gradient(135deg,#ecfdf3 0%,#f7fff9 100%);border-color:#16653429}.contract-settlement__item--refund strong{color:#166534}.contract-settlement__item--due{background:linear-gradient(135deg,#fff1f2 0%,#fff8f8 100%);border-color:#b9373729}.contract-settlement__item--due strong{color:#b73737}.contract-settlement__item--done{background:linear-gradient(135deg,#eff6ff 0%,#f8fbff 100%);border-color:#1d4ed824}.contract-settlement__item--done strong{color:#1d4ed8}.meter-workspace .invoice-hero__main{gap:14px}.meter-workspace .invoice-toolbar{grid-template-columns:minmax(220px,1.2fr) minmax(210px,.9fr) max-content}.meter-workspace .invoice-toolbar>.meter-toolbar-inline-button{grid-area:1/3;justify-self:start;min-width:220px;min-height:46px}.meter-toolbar-actions{flex-wrap:nowrap;align-items:stretch;gap:14px;display:flex}.meter-toolbar-group{background:#ca61370f;border:1px solid #ca613714;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:10px;display:inline-flex}.meter-toolbar-button{width:auto;min-width:0;min-height:0;box-shadow:none;letter-spacing:0;white-space:nowrap;border:1px solid #ca613714;border-radius:999px;justify-content:center;padding:12px 20px;font-weight:700;line-height:1}.meter-toolbar-button--refresh{min-width:unset;color:#644330;box-shadow:none;background:#ca613714;border:0;border-radius:999px;padding:12px 20px}.meter-toolbar-button--create,.meter-toolbar-button--missing,.meter-toolbar-button--edit{color:#644330;background:#ca613714}.meter-toolbar-button--create:hover:not(:disabled),.meter-toolbar-button--missing:hover:not(:disabled),.meter-toolbar-button--edit:hover:not(:disabled),.meter-workspace .invoice-toolbar>.meter-toolbar-inline-button:hover:not(:disabled){color:#fffaf4;background:linear-gradient(135deg,#ca6137,#8b3a22);border-color:#ca61374d;transform:translateY(-2px);box-shadow:0 18px 36px #49331e1f}.meter-capture-form{margin-top:14px}.meter-capture-form .truong select,.meter-capture-form .truong input{color:#251a13;background:#fffdf9;border:1px solid #5a432e24;border-radius:16px;width:100%;padding:12px 14px}.meter-original-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.meter-original-edit-form .truong{min-width:0}.meter-original-edit__load{grid-column:1/-1;justify-content:flex-start;margin-top:4px;margin-bottom:2px}.meter-original-edit__load .nut{min-width:220px}.meter-mode-switch{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.meter-bulk-table-wrap{background:#fffdf9;border:1px solid #7d5b3d1f;border-radius:20px;margin-top:16px;overflow-x:auto}.meter-bulk-table{border-collapse:collapse;width:100%;min-width:640px}.meter-bulk-table th,.meter-bulk-table td{text-align:left;color:#2f241c;border-bottom:1px solid #7d5b3d14;padding:14px 16px}.meter-bulk-table th{color:#6b5947;background:#fff8efb3;font-size:.9rem;font-weight:800}.meter-bulk-table tbody tr:last-child td{border-bottom:0}.meter-bulk-table input{color:#251a13;background:#fffdf9;border:1px solid #5a432e24;border-radius:14px;width:100%;min-width:140px;padding:10px 12px}.meter-bulk-table input[type=number]{appearance:textfield}.meter-bulk-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.meter-bulk-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.meter-bulk-table__save{min-width:120px}.meter-card__actions{justify-content:flex-end;margin-top:12px;display:flex}.meter-card__delete{min-width:110px}@media (width<=720px){.meter-original-edit-form{grid-template-columns:1fr}.meter-original-edit__load .nut{width:100%;min-width:0}}.meter-bulk-table--images{min-width:900px}.meter-bulk-table__image-cell,.meter-bulk-table__reading-cell{gap:8px;display:grid}.meter-bulk-table__image-actions{flex-wrap:wrap;gap:8px;display:flex}.meter-bulk-table__image-cell input[type=file]{min-width:220px}.meter-bulk-table__reading-cell small{color:#6b5947;font-size:.84rem;font-weight:700}.meter-bulk-table__image-cell small,.meter-bulk-table__ocr-raw{color:#7c6856;font-size:.8rem;font-weight:600;line-height:1.4}.meter-bulk-table__crop-note{color:#8b5a2b}.meter-bulk-table__ocr-error{color:#9b3030}.meter-bulk-table__read{min-width:120px}.meter-crop-overlay{z-index:70}.meter-crop-modal-wrap{width:min(960px,100vw - 32px)}.meter-crop-modal{width:100%}.meter-crop-modal__body{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;margin-top:18px;display:grid}.meter-crop-stage{min-width:0}.meter-crop-preview{background:#fff8ef;border:1px solid #7d5b3d24;border-radius:22px;position:relative;overflow:hidden}.meter-crop-preview img{object-fit:contain;width:100%;max-height:70vh;display:block}.meter-crop-rect{pointer-events:none;background:#ca613729;border:3px solid #ca6137;position:absolute;box-shadow:0 0 0 9999px #22170f40}.meter-crop-controls{gap:12px;display:grid}.meter-crop-controls .truong{gap:8px;display:grid}.meter-crop-controls input[type=range]{width:100%}@media (width<=900px){.meter-crop-modal__body{grid-template-columns:minmax(0,1fr)}}.meter-image-result,.meter-preview-card,.meter-missing-list{background:#fffdf9;border:1px solid #7d5b3d1f;border-radius:18px;gap:8px;margin-top:16px;padding:14px 16px;display:grid}.meter-preview-card__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.meter-preview-card__grid span,.meter-image-result span,.meter-missing-list span{color:#6b5947;font-size:.92rem}.meter-preview-card__grid strong,.meter-image-result strong,.meter-missing-list strong{color:#241912}.payment-workspace .invoice-hero,.rooms-workspace .invoice-hero,.tenants-workspace .invoice-hero,.contracts-workspace .invoice-hero{grid-template-columns:minmax(0,1fr)}.rooms-toolbar{grid-template-columns:minmax(280px,1.4fr) minmax(220px,.9fr) max-content}.tenants-toolbar{grid-template-columns:minmax(320px,1.7fr) max-content}.contracts-toolbar{grid-template-columns:minmax(280px,1.4fr) minmax(220px,.9fr) max-content}.rooms-workspace .invoice-toolbar>.rooms-toolbar-refresh{grid-area:1/3;justify-self:start;min-width:220px;min-height:46px}.tenants-workspace .invoice-toolbar>.tenants-toolbar-refresh{grid-area:1/2;justify-self:start;min-width:220px;min-height:46px}.tenants-actions-card{padding:18px}.tenants-workspace .danh-sach-endpoint.tenant-actions-inline{align-items:center;gap:12px;display:flex}.tenants-workspace .the-endpoint-rut-gon{width:auto;min-height:46px;box-shadow:none;text-align:center;background:#ca613714;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.tenants-workspace .the-endpoint-rut-gon:hover{box-shadow:none;background:linear-gradient(135deg,#ca6137,#8b3a22);transform:none}.tenants-workspace .the-endpoint-rut-gon .method-tag,.tenants-workspace .the-endpoint-rut-gon__mo-ta{display:none}.tenants-workspace .the-endpoint-rut-gon strong{color:#644330;font-size:.98rem;line-height:1.2}.tenants-workspace .the-endpoint-rut-gon:hover strong{color:#fffaf4}.contracts-workspace .invoice-toolbar>.contracts-toolbar-refresh{grid-area:1/3;justify-self:start;min-width:220px;min-height:46px}.contracts-actions-card{padding:18px}.contracts-workspace .danh-sach-endpoint.contract-actions-inline{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.contracts-workspace .the-endpoint-rut-gon{width:100%;min-height:46px;box-shadow:none;text-align:center;background:#ca613714;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.contracts-workspace .the-endpoint-rut-gon:hover{box-shadow:none;background:linear-gradient(135deg,#ca6137,#8b3a22);transform:none}.contracts-workspace .the-endpoint-rut-gon .method-tag{display:none}.contracts-workspace .the-endpoint-rut-gon strong{color:#644330;font-size:.98rem;line-height:1.2}.contracts-workspace .the-endpoint-rut-gon:hover strong{color:#fffaf4}.contracts-workspace .the-endpoint-rut-gon__mo-ta{display:none}@media (width<=1100px){.contracts-workspace .danh-sach-endpoint.contract-actions-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.contracts-workspace .danh-sach-endpoint.contract-actions-inline{grid-template-columns:1fr}}.payment-workspace .invoice-toolbar{grid-template-columns:minmax(280px,1.5fr) minmax(220px,.8fr) max-content}.payment-workspace .invoice-toolbar>.payment-toolbar-refresh{grid-area:1/3;justify-self:start;min-width:220px;min-height:46px}.payment-toolbar__actions{margin-top:14px}.payment-toolbar-button{min-width:240px;min-height:46px}.payment-reconcile-form .truong select,.payment-reconcile-form .truong input{color:#251a13;background:#fffdf9;border:1px solid #5a432e24;border-radius:16px;width:100%;padding:12px 14px}.payment-status{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:8px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.payment-status--pending,.payment-status--default{color:#8b5a2b;background:#b478481f}.payment-status--processed,.payment-status--reconciled,.payment-status--matched,.payment-status--paid{color:#176548;background:#1b7e5b1f}.payment-status--ignored{color:#5f5f5f;background:#6e6e6e1f}.payment-status--failed{color:#9b3030;background:#b737371f}.transaction-toolbar__actions{margin-top:14px}.transaction-status{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:8px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.transaction-status--income{color:#176548;background:#1b7e5b1f}.transaction-status--expense{color:#9b3030;background:#b737371f}.transaction-status--default{color:#8b5a2b;background:#b478481f}.transaction-form__full,.transaction-description{grid-column:1/-1}.reports-workspace .invoice-hero{grid-template-columns:minmax(0,1fr)}.reports-toolbar{grid-template-columns:minmax(220px,.8fr) max-content}.report-layout{gap:18px;margin-top:14px;display:grid}.report-chart{background:linear-gradient(#fffaf4e6 0%,#fffdf9f5 100%);border:1px solid #5b442e14;border-radius:24px;gap:16px;padding:18px;display:grid}.report-chart__legend{flex-wrap:wrap;gap:10px;display:flex}.report-chart__legend-item{color:#6b5947;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.report-chart__legend-item:before{content:"";border-radius:999px;width:12px;height:12px;display:inline-block}.report-chart__legend-item--revenue:before{background:#1b7e5b}.report-chart__legend-item--expense:before{background:#b73737}.report-chart__legend-item--profit:before{background:#c67346}.report-line-chart{gap:12px;display:grid;position:relative}.report-line-chart__svg{width:100%;height:300px;overflow:visible}.report-line-chart__grid-line{stroke:#7b66542e;stroke-width:1px}.report-line-chart__path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.report-line-chart__path--revenue{stroke:#1b7e5b}.report-line-chart__path--expense{stroke:#b73737}.report-line-chart__path--profit{stroke:#c67346}.report-line-chart__dot{stroke:#fffaf4;stroke-width:2px}.report-line-chart__dot--revenue{fill:#1b7e5b}.report-line-chart__dot--expense{fill:#b73737}.report-line-chart__dot--profit{fill:#c67346}.report-line-chart__overlay{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));align-items:start;gap:14px;margin-top:-36px;display:grid}.report-line-chart__group{gap:10px;min-width:0;display:grid}.report-line-chart__hitbox{height:280px;position:relative}.report-line-chart__hitbox:hover .report-chart__tooltip--line{opacity:1;transform:translate(-50%)translateY(0)}.report-chart__grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));align-items:end;gap:14px;min-height:300px;display:grid}.report-chart__group{gap:10px;min-width:0;display:grid}.report-chart__bars{background:linear-gradient(0deg,#7b665414 1px,#0000 1px) 0 0/100% 25%,linear-gradient(#fffcf7f5 0%,#faf4ecd9 100%);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;height:260px;padding:14px 10px 10px;display:grid}.report-chart__bar-wrap{justify-content:center;align-items:end;width:100%;height:100%;display:flex;position:relative}.report-chart__tooltip{color:#fffaf4;opacity:0;pointer-events:none;z-index:2;background:#251a13f0;border-radius:14px;gap:4px;min-width:126px;padding:10px 12px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 16px 32px #251a132e}.report-chart__tooltip span{font-size:.9rem;font-weight:700}.report-chart__tooltip--line{top:18px;bottom:auto}.report-chart__bar-wrap:hover .report-chart__tooltip{opacity:1;transform:translate(-50%)translateY(0)}.report-chart__bar{border-radius:999px 999px 10px 10px;width:min(100%,28px);max-width:22px;min-height:10px;transition:transform .18s,filter .18s}.report-chart__bar-wrap:hover .report-chart__bar{filter:brightness(1.05);transform:translateY(-2px)}.report-chart__bar--revenue{background:linear-gradient(#2aa071 0%,#1b7e5b 100%)}.report-chart__bar--expense{background:linear-gradient(#d95c5c 0%,#b73737 100%)}.report-chart__bar--profit{background:linear-gradient(#db8a57 0%,#c67346 100%)}.report-chart__bar--loss{background:linear-gradient(#8e6b57 0%,#6f5447 100%)}.report-chart__label{text-align:center;color:#6b5947;font-size:.92rem;font-weight:700}.report-chart__grid--single-month{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));min-height:260px}.report-chart--single-month{margin-top:6px}.report-chart--single-month .report-chart__bars{height:220px}.report-chart__bars--single{grid-template-columns:minmax(0,1fr);justify-items:center}.report-revenue-card{background:linear-gradient(#fffaf4e6 0%,#fffdf9f5 100%);border:1px solid #5b442e14;border-radius:24px;gap:16px;margin-top:14px;padding:18px;display:grid}.report-revenue-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.report-revenue-card__header strong{color:#2f241c;font-size:1.05rem}.report-revenue-card__header span{color:#176548;font-size:1rem;font-weight:800}.report-revenue-card__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.report-revenue-card__item{background:#fffaf4b8;border:1px solid #5b442e14;border-radius:20px;gap:8px;padding:16px;display:grid}.report-revenue-card__item span{color:#6b5947;font-size:.92rem}.report-revenue-card__item strong{color:#2f241c}.report-revenue-card__item--interactive{text-align:left;cursor:pointer;width:100%;transition:transform .18s,border-color .18s,box-shadow .18s}.report-revenue-card__item--interactive:hover{border-color:#ca61372e;transform:translateY(-2px);box-shadow:0 14px 28px #49331e14}.report-revenue-card__item--highlight{background:linear-gradient(135deg,#ecfdf3e6 0%,#f7fff9f5 100%);border-color:#16653429}pre{color:#f8eadd;background:#211a15;border-radius:16px;margin:0;padding:14px;font-family:Consolas,monospace;line-height:1.5;overflow:auto}@media (width<=1180px){.trang{grid-template-columns:1fr}.thanh-ben{display:none}.menu-di-dong{display:inline-block}.tong-quan-hero__grid{grid-template-columns:1fr}.tong-quan-hero__content h2{max-width:14ch}.tong-quan-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.tong-quan-highlights{grid-template-columns:1fr}}@media (width<=760px){.noi-dung{padding:16px}.menu-di-dong{margin-bottom:14px}.khung,.the-module,.the-endpoint{border-radius:22px;padding:18px}.luoi-input{grid-template-columns:1fr}.xem-truoc__dau,.ban-ghi__dau{flex-direction:column;align-items:start}.dong-phong,.bo-loc-hop-dong,.invoice-hero{grid-template-columns:1fr}.invoice-toolbar__actions{margin-top:12px}.invoice-toolbar,.invoice-stats,.invoice-stats--five{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-edit-form,.notes-layout,.notes-form-grid,.invoice-qr-card__body{grid-template-columns:1fr}.invoice-qr-card__image{justify-self:center;max-width:min(100%,320px)}.meter-toolbar-actions{flex-wrap:wrap}.meter-toolbar-group{border-radius:20px;flex-wrap:wrap}.meter-toolbar-button{width:auto}.payment-workspace .invoice-toolbar,.reports-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.tong-quan-hero{min-height:auto}.tong-quan-hero__content{padding-right:0}.tong-quan-scenes{grid-template-columns:1fr}.tong-quan-scene-card{min-height:250px}.payment-workspace .invoice-toolbar>.payment-toolbar-refresh{grid-area:2/1}.lop-phu-endpoint{padding:12px}.hop-endpoint-mo{max-height:calc(100vh - 24px)}}@media (width<=520px){.noi-dung{padding:12px}.menu-di-dong__nut{border-radius:14px;width:48px;height:48px}.menu-di-dong__panel{min-width:min(280px,100vw - 24px);max-width:calc(100vw - 24px)}.invoice-stats,.invoice-toolbar,.payment-workspace .invoice-toolbar,.reports-toolbar{grid-template-columns:1fr}.tong-quan-scene-card{min-height:220px}.tong-quan-scene{min-height:120px}.payment-workspace .invoice-toolbar>.payment-toolbar-refresh{grid-area:auto/1;justify-self:stretch;width:100%}.invoice-bulk-trigger{justify-self:stretch;width:100%}.invoice-stats--five{grid-template-columns:1fr}.invoice-card__button-row{flex-direction:column}.invoice-inline-button{width:100%}}