@charset "UTF-8";
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182b24;background:#f4f6f5;font-synthesis:none;--green:#142b21;--lime:#c6f36b;--muted:#748079;--line:#e5eae7;--red:#bf4a44}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;letter-spacing:-1px;line-height:1.25;margin-bottom:8px}h2{font-size:1.06rem;line-height:1.4;margin:0}h3{font-size:1rem}p{line-height:1.6}small{font-size:.8rem;line-height:1.5}b,strong{font-weight:650}svg{flex-shrink:0}button svg{vertical-align:middle}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:1.8px;color:var(--muted);display:block;margin-bottom:10px}.lime{color:var(--lime)}.green-text{color:#28774b}.red-text{color:var(--red)}.right{text-align:right}.primary,.secondary,.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:12px 17px;font-size:.9rem;font-weight:650;line-height:1.3;white-space:nowrap;border:1px solid transparent}.primary{background:var(--green);color:white}.primary:hover{background:#244734}.secondary{background:white;color:#284033;border-color:#d8e1dc}.secondary:hover{background:#edf3ef}.small-btn{padding:7px 10px;font-size:.8rem;background:#f2f6f3;color:#355342;border-color:#e3eae5}.small-btn:hover{background:#e6efe7}.text-btn{border:0;background:transparent;color:#477955;font-size:.85rem;font-weight:600;padding:8px 0}.icon-btn{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:inherit}.icon-btn:hover{background:#edf2ef}.wide{width:100%}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-size:1rem;white-space:nowrap}.brandmark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--lime);color:var(--green);font-size:1.04rem;font-weight:800;letter-spacing:-1px}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#14251d;color:#e7ede9;padding:32px 20px 20px;display:flex;flex-direction:column}.sidebar .brand{padding-left:7px}.team-label{margin:38px 7px 25px;padding:0 0 24px;border-bottom:1px solid #344139}.team-label .eyebrow{color:#8b9e91;font-size:.68rem}.team-label strong{font-size:1.08rem;display:block;overflow-wrap:anywhere}.team-label small{display:block;color:#9bab9f;margin-top:6px}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;color:#aebbb3;border:0;border-radius:7px;padding:13px 12px;margin-bottom:6px;width:100%;text-align:left;font-size:.89rem}.nav-item:hover{background:#23362a;color:white}.nav-item.active{background:var(--lime);color:#1c3125;font-weight:650}.nav-count{margin-left:auto;font-size:.75rem;background:#34523a;color:white;border-radius:5px;padding:2px 6px}.sidebar-bottom{margin-top:auto;border-top:1px solid #344139;padding-top:20px;display:flex;align-items:center;gap:10px}.sidebar-bottom>div:nth-child(2){min-width:0;flex:1}.sidebar-bottom strong{display:block;font-size:.84rem;overflow-wrap:anywhere}.sidebar-bottom small{display:block;color:#92a298;font-size:.75rem}.sidebar-bottom .icon-btn:hover{background:#2e4135}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#dbe8de;color:#3e6047;font-weight:650}.avatar.small{width:34px;height:34px;font-size:.85rem}.workspace{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:white;padding:0 36px}.breadcrumb{font-size:.85rem;color:#6b7971}.breadcrumb span{color:#bcc5bf;padding:0 12px}.topbar-right{display:flex;gap:16px;align-items:center}.today{font-size:.8rem;color:#768179}.notify{position:relative}.notify>span{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:#d87154}.content{max-width:1540px;margin:0 auto;padding:34px 36px 50px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading p{font-size:.9rem;margin:0}.heading-actions{display:flex;gap:12px;align-items:center}.period{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dbe3dd;border-radius:8px;padding:10px;color:#687a6c}.period input{width:132px;font-size:.87rem;background:transparent;border:0;color:#344b3b}.onboarding{display:flex;justify-content:space-between;align-items:center;background:#eaf2e3;border:1px solid #d7e3cd;border-radius:10px;padding:17px 20px;gap:20px;margin-bottom:23px}.onboarding b{display:block;font-size:.95rem}.onboarding span{display:block;font-size:.85rem;margin-top:5px;color:#60745a}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:21px;min-height:150px}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.85rem;color:#727e75}.stat strong{display:block;font-size:clamp(1.35rem,2.1vw,2rem);letter-spacing:-.8px;margin:18px 0 9px;overflow-wrap:anywhere}.stat small{color:#809087;font-size:.76rem}.stat.balance{background:#1a3728;color:white;border-color:#1a3728}.stat.balance>div{color:#ccdecf}.stat.balance svg{color:var(--lime)}.stat.balance small{color:#a5c0ad}.stat-symbol{font-size:1.25rem;width:27px;height:27px;text-align:center;border-radius:7px;background:#eef4ef}.stat-symbol.green{color:#3e7950}.stat-symbol.red{background:#fbefed;color:#b6594e}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid #edf0ee;min-height:69px}.panel-head h2{display:flex;align-items:center;gap:9px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fbfcfb;color:#7a867e;font-size:.75rem;font-weight:550;padding:13px 22px}td{padding:18px 22px;border-top:1px solid #edf0ee;font-size:.87rem}td b{font-size:.87rem}td small{display:block;color:#859087;margin-top:4px;font-size:.75rem}.amount{font-weight:650}.tx-name{display:flex;gap:12px;align-items:center}.tx-icon{width:34px;height:34px;border-radius:9px;background:#f9efec;color:#b86a59;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.tx-icon.income{background:#edf5eb;color:#447c52}.tag{display:inline-flex;border-radius:5px;padding:5px 8px;font-size:.75rem;font-weight:550;line-height:1.25;white-space:nowrap}.tag.gray{background:#f0f3f1;color:#79877c}.tag.green{background:#edf5e9;color:#537c40}.tag.red{background:#fbece9;color:#b75849}.tag.amber{background:#fbf3de;color:#967228}.count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:5px;background:#f0f4eb;color:#6b8550;font-size:.75rem}.empty{text-align:center;padding:44px 20px 40px;display:flex;flex-direction:column;align-items:center}.empty>svg{width:28px;height:28px;color:#99ac9d;margin-bottom:15px}.empty strong{font-size:.97rem}.empty p{color:#869288;font-size:.85rem;margin:8px 0 20px;max-width:350px}.category-total{padding:23px 23px 0}.category-total>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:7px}.category-total strong{font-size:1.75rem;letter-spacing:-.7px}.categories{padding:25px 23px}.categories>div{margin-bottom:19px}.categories>div:last-child{margin-bottom:0}.categories>div>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.85rem}.categories>div>div>span{display:flex;align-items:center;gap:8px}.swatch{width:8px;height:8px;background:#477d52;border-radius:2px}.swatch.c1{background:#94b571}.swatch.c2{background:#c8d8a1}.swatch.c3{background:#d9ab6b}progress{width:100%;height:7px;border:0;border-radius:6px;overflow:hidden;display:block;margin:10px 0 6px;accent-color:#477d52}progress::-webkit-progress-bar{background:#f0f4ee}progress::-webkit-progress-value{background:#477d52;border-radius:6px}progress.c1::-webkit-progress-value{background:#94b571}progress.c2::-webkit-progress-value{background:#c8d8a1}progress.c3::-webkit-progress-value{background:#d9ab6b}.categories small{color:#8b978d;font-size:.73rem}.reminder-list{padding:4px 23px}.reminder-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf0ee}.reminder-row:last-child{border:0}.reminder-row>div:nth-child(2){flex:1;min-width:0}.reminder-row b{font-size:.86rem;display:block}.reminder-row small{display:block;color:#88948b;margin-top:4px;font-size:.76rem}.reminder-row .right{flex-shrink:0}.next-match{background:#fafcf7;border-color:#e0e9d8;padding-bottom:24px}.next-match .panel-head{border-color:#e4ecde}.next-match>h3{font-size:1.4rem;line-height:1.5;padding:0 23px;margin-bottom:14px;overflow-wrap:anywhere}.next-match>h3 span{font-size:.85rem;font-weight:400;color:#839571;margin-left:8px}.next-match>p{padding:0 23px;color:#7d8c73;font-size:.85rem}.match-date{padding:23px 23px 14px;font-size:.8rem;font-weight:600;color:#759153}.match-date span{margin-left:15px}.match-meta{display:flex;justify-content:space-between;gap:8px;padding:17px 23px 20px;font-size:.85rem}.next-match>.secondary{width:calc(100% - 46px);margin:0 23px;background:transparent;border-color:#d4e0c6}.next-match .empty{padding-bottom:12px}footer{padding:0 36px 24px;font-size:.7rem;letter-spacing:1.4px;color:#8c9a90;display:flex;gap:15px}footer span{letter-spacing:0;color:#9da89f}.ledger-summary{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:17px 0 28px;font-size:.88rem}.ledger-summary span{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.ledger-summary b{color:#2a4634;font-size:1.1rem}.ledger-summary .secondary{margin-left:auto}.footnote{font-size:.8rem;color:#8b978e;line-height:1.6;margin-top:17px}.table-tools{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:22px;border-bottom:1px solid var(--line)}.search{display:block;max-width:420px;flex:1}.search>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:8px}.search input{width:100%;border:1px solid #d9e2dc;border-radius:7px;padding:11px 12px;font-size:.9rem}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;min-width:0}.field>span{font-size:.87rem;color:#4f6357;font-weight:550}.field input,.field select,.field textarea{width:100%;padding:12px;border-radius:7px;border:1px solid #dbe3dd;background:white;color:#304e3b;font-size:.95rem;min-width:0}.field input::placeholder{color:#a3ada5}.field input:focus,.field select:focus,textarea:focus{outline:2px solid #b4d991;border-color:#98b983}.field.compact{margin:0}.compact select{padding:10px}.personal{padding:23px;margin:0 0 23px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#f0f6e9;border-color:#d7e6cd}.personal p{margin:0;color:#6b8060;font-size:.85rem}.personal strong{font-size:1.4rem}.personal .text-btn{margin-left:auto}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.match-card .panel-head>span:last-child{font-size:.84rem;color:var(--muted)}.match-card h2{font-size:1.25rem;padding:23px 23px 0;overflow-wrap:anywhere}.match-card h2 span{font-size:.8rem;font-weight:400;color:#99a58e;margin:0 8px}.match-card>p{padding:0 23px;font-size:.86rem}.match-costs{padding:0 23px}.match-costs>div{display:flex;justify-content:space-between;gap:10px;font-size:.87rem;padding:10px 0}.match-costs span{color:#809080}.match-costs .total{border-top:1px solid var(--line);margin-top:9px}.match-costs .total span{color:#314c38}.attendees{font-size:.8rem!important;color:#8c9a8c;margin:15px 0}.match-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:17px 23px;font-size:.78rem;color:#80917d;flex-wrap:wrap}.zalo-notice{background:#edf3f9;border:1px solid #d9e5f0;border-radius:9px;display:flex;align-items:center;gap:18px;padding:20px;margin-bottom:23px}.zalo-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;border-radius:10px;background:#1376d6;color:white;font-size:1.7rem;font-weight:800}.zalo-notice>div{flex:1}.zalo-notice b{font-size:.95rem}.zalo-notice p{font-size:.86rem;color:#6c8194;margin:5px 0 0}.reminders-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start}.message-panel{padding:0 23px 23px}.message-panel .panel-head{padding-left:0;padding-right:0;border:0}.message-panel textarea{display:block;border:1px solid var(--line);border-radius:8px;background:#fafcfb;padding:16px;resize:vertical;width:100%;font-size:.9rem;line-height:1.7;color:#54675a;margin-bottom:18px;min-height:280px}.message-panel>small{display:block;text-align:center;color:#91a094;margin-top:12px}.reminder-row .small-btn{margin-top:6px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:23px}.settings-panel{padding:26px}.settings-panel>h2{margin-bottom:24px}.settings-panel p{font-size:.9rem}.settings-panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}.settings-panel h3{margin-bottom:14px}.settings-panel dd{margin:8px 0 20px}.settings-panel dt{font-size:.8rem;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-error{font-size:.85rem;color:#bd4e43;min-height:1em;line-height:1.5;margin:10px 0}.form-section{border-top:1px solid var(--line);margin-top:20px;padding-top:22px}.form-section h3{font-size:.9rem;margin-bottom:8px}.form-section p{font-size:.82rem}.info-box{background:#f2f6ed;color:#708261;font-size:.83rem;line-height:1.65;border-radius:7px;padding:15px;margin:15px 0}.payment-summary{background:#f2f6ed;padding:17px;border-radius:8px;margin-bottom:20px}.payment-summary p{font-size:.85rem;color:#748567;margin:8px 0}.payment-summary strong{font-size:1.1rem}.member-picker{border:1px solid var(--line);border-radius:8px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-picker legend{font-size:.88rem;padding:0 6px;color:#526b57}.member-picker label{font-size:.88rem;display:flex;align-items:center;gap:6px}.member-picker input,.checkbox input{width:17px;height:17px;accent-color:#527a3b}.checkbox{display:flex;gap:10px;align-items:center;font-size:.87rem;color:#63795b}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:#14251d;color:#fff;padding:46px 12%;display:flex;flex-direction:column;justify-content:space-between;gap:65px;min-height:100vh}.auth-intro h1{font-size:clamp(2.5rem,4.4vw,4.5rem);letter-spacing:-2px;line-height:1.18;font-weight:600;margin:24px 0}.auth-intro p{color:#9db1a3;max-width:380px;font-size:1rem;line-height:1.85}.auth-intro small{color:#708b79;font-size:.66rem;letter-spacing:2px}.auth-chips{display:flex;flex-direction:column;gap:20px;margin-top:35px;color:#b9cdc0;font-size:.87rem}.auth-chips span{display:flex;gap:12px;align-items:center}.auth-chips svg{color:var(--lime)}.auth-form{background:#f6f8f6;padding:45px;display:flex;align-items:center;justify-content:center}.auth-box{max-width:430px;width:100%}.auth-box h2{font-size:1.8rem;letter-spacing:-.7px;margin-bottom:12px}.auth-box>p{font-size:.92rem;margin-bottom:26px}.auth-box form{margin-top:26px}.auth-note{font-size:.8rem!important;color:#88978b;text-align:center;margin-top:22px!important}.initial{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;color:#657b69;padding:30px;text-align:center}.initial p{margin:0}dialog{border:1px solid #dfe7df;border-radius:13px;padding:25px;max-width:590px;width:calc(100% - 32px);max-height:90vh;overflow:auto;color:#284331;box-shadow:0 25px 90px #132f2233}dialog::backdrop{background:#0c231b80;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.modal-head h2{font-size:1.25rem;letter-spacing:-.3px}.modal-head p{font-size:.85rem;margin:8px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#193425;color:white;border:1px solid #49634c;border-radius:9px;padding:14px 22px;box-shadow:0 8px 30px #10241b33;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:.9rem;max-width:calc(100% - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.content{padding-top:44px}.stats{gap:24px}.stat{padding:25px}.overview-grid{gap:25px}.panel-head{padding:23px 26px}td,th{padding-left:26px;padding-right:26px}}
@media(max-width:1200px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:27px 14px 18px}.brand{font-size:.9rem}.content{padding:28px 24px 40px}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:17px}.stat>div{font-size:.78rem}.stat strong{font-size:1.4rem}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:17px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.primary,.secondary{font-size:.85rem}td,th{padding-left:16px;padding-right:16px}.reminders-grid{grid-template-columns:1fr}.auth-intro{padding:42px 10%}.reminder-row{gap:9px}.match-grid{grid-template-columns:1fr}}
@media(max-width:950px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.expense-panel{order:3}.next-match{order:4}.settings-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:18px}.heading-actions{justify-content:flex-start}.reminder-row>div:nth-child(2){min-width:0}.auth-intro{padding:36px 9%}.auth-form{padding:32px}.auth-intro h1{font-size:2.8rem}.ledger-summary .secondary{margin-left:0}}
@media(max-width:700px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:15px 17px 0;display:block}.sidebar .brand{padding:0}.brandmark{width:34px;height:34px}.team-label{position:absolute;top:15px;right:17px;margin:0;padding:0;border:0;max-width:50%;text-align:right}.team-label .eyebrow,.team-label small{display:none}.team-label strong{font-size:.85rem;line-height:34px}.sidebar nav{display:flex;overflow:auto;gap:4px;margin:18px -4px 0;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#587260 #14251d}.nav-item{width:auto;white-space:nowrap;margin:0;padding:10px 12px;font-size:.8rem;gap:8px;flex-shrink:0}.nav-item svg{width:17px;height:17px}.sidebar-bottom{display:none}.topbar{height:54px;padding:0 18px}.topbar-right{gap:7px}.breadcrumb{font-size:.75rem}.breadcrumb span{padding:0 6px}.today{display:none}.content{padding:25px 17px 35px}.eyebrow{font-size:.67rem}.page-heading h1{font-size:1.7rem}.page-heading p{font-size:.86rem}.page-heading{gap:15px;margin-bottom:20px}.heading-actions{width:100%;gap:8px}.heading-actions>.primary{flex:1;padding-left:12px;padding-right:12px}.stats{gap:10px}.stat{padding:16px 13px;min-height:140px}.stat>div{font-size:.77rem}.stat strong{font-size:1.35rem;margin:16px 0 9px}.stat small{font-size:.7rem}.stat svg{width:16px;height:16px}.onboarding{align-items:flex-start;flex-direction:column;padding:17px}.overview-grid{gap:17px}.panel-head{padding:18px}.panel-head h2{font-size:1rem}.panel-head .text-btn{font-size:.77rem}.empty{padding:36px 16px}.reminder-list{padding:0 16px}.reminder-row{flex-wrap:wrap}.reminder-row b{font-size:.83rem}.reminder-row small{font-size:.71rem}.reminder-row>.right{max-width:42%}.ledger-summary{gap:21px;font-size:.8rem}.ledger-summary b{font-size:1rem}.table-tools{padding:17px;flex-wrap:wrap;gap:15px}.search{min-width:100%}.table-tools .field{width:100%}.personal{gap:12px;padding:17px}.personal .text-btn{margin-left:0}.zalo-notice{flex-wrap:wrap;padding:17px;gap:13px}.zalo-notice>div{min-width:200px}.zalo-notice .secondary{width:100%}.message-panel{padding:0 17px 17px}.settings-panel{padding:21px}.match-card .panel-head{gap:8px}.match-card .panel-head>span:last-child{font-size:.74rem}.match-card h2{font-size:1.13rem;padding:20px 18px 0}.match-costs{padding:0 18px}.match-card>p{padding:0 18px}.match-footer{padding:15px 18px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three>.field:last-child{grid-column:1/-1}.auth{grid-template-columns:1fr}.auth-intro{min-height:auto;padding:25px 26px;gap:28px}.auth-intro h1{font-size:2.3rem;margin:14px 0}.auth-intro .eyebrow{font-size:.65rem}.auth-intro p{font-size:.88rem;max-width:100%;margin-bottom:0}.auth-intro small,.auth-chips{display:none}.auth-form{padding:34px 24px 40px;min-height:50vh}.auth-box h2{font-size:1.5rem}.auth-box .field>span{font-size:.8rem}.auth-box .form-grid{gap:12px}dialog{padding:20px;max-height:92vh}.modal-head{margin-bottom:22px}.modal-head h2{font-size:1.15rem}.field input,.field select{font-size:1rem}.modal-actions .primary{white-space:normal}.member-picker{grid-template-columns:1fr}.form-grid{gap:12px}footer{padding:0 17px 20px;font-size:.62rem;gap:10px}footer span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.overview-grid .table-wrap th:nth-child(3),.overview-grid .table-wrap td:nth-child(3){display:none}
.sidebar{min-width:0}@media(max-width:700px){.shell{grid-template-columns:minmax(0,1fr)}.team-label strong{line-height:1.3;padding-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Quỹ đội: daily tasks first. */
.simple-shell{display:block}.simple-header{display:flex;align-items:center;gap:28px;min-height:78px;padding:16px max(24px,calc((100vw - 1080px)/2));background:white;border-bottom:1px solid var(--line)}.simple-header .brand{letter-spacing:0;min-width:0;margin-right:auto}.simple-header .brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.simple-header nav{display:flex;gap:6px;flex-shrink:0}.simple-header .nav-item{color:#6c7a70;white-space:nowrap;width:auto;margin:0;padding:10px 14px}.simple-header .nav-item.active{background:#e9f2e1;color:#36552b}.simple-header .icon-btn{flex-shrink:0}.simple-shell .content{max-width:1080px;padding:34px 24px 48px}.simple-shell h1{font-size:1.7rem;letter-spacing:-.7px}.simple-shell .page-heading{margin-bottom:22px}.back-to-fund{margin:0 0 16px}.fund-summary{display:grid;grid-template-columns:1.35fr 1fr 1fr;align-items:center;gap:26px;background:white;border:1px solid var(--line);border-radius:12px;padding:26px 30px}.fund-balance{padding-right:20px;border-right:1px solid var(--line)}.fund-balance>span,.fund-detail>span{display:block;color:#7b897d;font-size:.9rem}.fund-balance strong{display:block;font-size:2.3rem;letter-spacing:-1px;line-height:1.4;color:#1f4b2c;margin-top:9px;overflow-wrap:anywhere}.fund-balance small{color:#b45549}.fund-detail b{display:block;font-size:1.4rem;letter-spacing:-.5px;margin-top:12px}.fund-detail small{display:block;color:#8b978c;margin-top:10px}.fund-detail .text-btn{margin-top:4px}.quick-actions{display:flex;gap:12px;margin:22px 0 30px}.quick-actions button{min-width:125px;padding:13px 22px;font-size:.95rem}.simple-shell .onboarding{margin-top:0}.unpaid-panel .reminder-row{padding:15px 0}.simple-secondary-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;margin-top:23px}.simple-transactions{padding:0 23px}.simple-transactions>div{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.simple-transactions>div:last-child{border:0}.simple-transactions>div>div{flex:1;min-width:0}.simple-transactions b{font-size:.9rem;display:block;overflow-wrap:anywhere}.simple-transactions small{display:block;color:#8b978c;margin-top:5px}.simple-transactions strong{font-size:.9rem;white-space:nowrap}.simple-next-body{padding:24px}.simple-next-body h3{font-size:1.15rem;margin-bottom:12px}.simple-next-body p{font-size:.9rem;color:#85917e;line-height:1.8}.simple-next-body>span{font-size:.85rem;color:#5a7050}.optional-fields{border-top:1px solid var(--line);padding-top:15px;margin:10px 0 20px}.optional-fields summary{font-size:.87rem;color:#61725f;cursor:pointer;line-height:1.5}.optional-fields summary span{color:#9aa498}.optional-content{padding-top:18px}.simple-auth{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f4f6f3;padding:24px}.simple-auth .auth-form{padding:32px;min-height:0;border:1px solid var(--line);background:white;border-radius:14px;width:440px}.simple-auth .auth-box .brand{margin-bottom:30px;letter-spacing:1px}.simple-auth .auth-box h1{font-size:1.6rem;letter-spacing:-.6px}.simple-auth .auth-box>p{margin-bottom:20px;font-size:.9rem}.simple-auth .auth-box form{margin-top:22px}.simple-shell .member-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.simple-header{flex-wrap:wrap;padding:15px 18px;gap:15px;min-height:0}.simple-header .brand{flex:1}.simple-header .brand b{max-width:240px;font-size:.95rem}.simple-header nav{order:3;justify-content:space-between;width:100%;gap:6px}.simple-header .nav-item{justify-content:center;flex:1;font-size:.85rem;padding:11px 10px}.simple-header .icon-btn{margin-left:auto}.simple-shell .content{padding:24px 17px 36px}.simple-shell .heading-actions:empty{display:none}.simple-shell .page-heading{gap:14px}.fund-summary{grid-template-columns:1fr 1fr;gap:19px;padding:23px}.fund-balance{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.fund-balance strong{font-size:2.15rem}.fund-detail b{font-size:1.1rem}.fund-detail>span{font-size:.82rem}.fund-detail small{font-size:.75rem}.quick-actions{gap:8px;margin:18px 0 25px}.quick-actions button{min-width:0;flex:1;font-size:.84rem;padding:13px 7px}.simple-secondary-grid{grid-template-columns:1fr;gap:18px}.simple-transactions{padding:0 17px}.simple-transactions strong{font-size:.8rem}.simple-transactions b{font-size:.85rem}.unpaid-panel .reminder-row{flex-wrap:nowrap;gap:9px}.unpaid-panel .reminder-row>div:nth-child(2){flex:1}.unpaid-panel .reminder-row .right{max-width:none}.unpaid-panel .small-btn{padding:7px 8px;margin:0}.unpaid-panel .avatar{display:none}.simple-auth{padding:18px}.simple-auth .auth-form{padding:25px;width:100%;max-width:420px}.simple-auth .auth-box .brand{margin-bottom:25px}.simple-shell .member-picker{grid-template-columns:1fr}}

.password-control{display:flex;position:relative;align-items:center}.password-control input{width:100%;padding-right:68px}.password-control button{position:absolute;right:8px;min-height:36px;padding:4px 9px;background:transparent;color:var(--green,#187852);border:0;font-size:14px;cursor:pointer}.auth-help{display:block;margin:18px auto 0}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.match-card>.row-actions{margin:12px 20px}.payment-qr-image{display:block;max-width:100%;width:280px;margin:0 auto}#payment-qr{text-align:center;margin-bottom:20px}.reports{margin-bottom:18px}.reports h2{padding:18px 22px}.reports .reminder-row{padding:16px 22px}.reports .reminder-row>div:first-child{flex:1}.password-control:focus-within{border-radius:8px}button:disabled{opacity:.55;cursor:wait}