@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#233238;background:#f6f7f9;margin:0;font:14px Noto Sans SC,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#137969}button{cursor:pointer;color:#34454b;background:#fff;border:1px solid #dfe5e5;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;display:inline-flex}button:hover{background:#edf4f2}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e6ebea;flex-direction:column;width:244px;padding:33px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 8px;font-size:21px;font-weight:700;display:flex;position:relative}.brand>span{color:#fff;background:#167b66;border-radius:10px;padding:10px;display:flex}.brand em{letter-spacing:3px;color:#8c9c9b;font:9px Arial;position:absolute;top:35px;left:65px}.space{color:#95a09e;margin:47px 14px 14px;font-size:11px}.space span{float:right;font-size:9px}nav{gap:7px;display:grid}nav button{color:#71807f;background:0 0;border:0;justify-content:flex-start;padding:14px 16px}nav button svg:last-child:not(:first-child){margin-left:auto}nav .selected{color:#15745e;background:#e9f4ef;font-weight:600}.sideNote{color:#6b8880;background:linear-gradient(140deg,#f1f7f3,#fafbf9);border-radius:10px;margin-top:auto;padding:22px 16px}.sideNote strong{margin-top:12px;font-size:12px;display:block}.sideNote p{margin-bottom:0;font-size:11px;line-height:1.9}.profile{border-top:1px solid #e9edeb;align-items:center;gap:10px;margin-top:22px;padding-top:20px;display:flex}.profile>span,.avatar{color:#4b7265;background:#e9efed;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:700;display:grid}.profile strong{font-size:11px}.profile small{text-overflow:ellipsis;white-space:nowrap;max-width:136px;overflow:hidden}.profile i,.secure i{background:#35a17d;border-radius:50%;width:6px;height:6px;display:inline-block}.profile i{margin-left:auto}small{color:#8c9798;margin-top:6px;font-size:11px;display:block}main{width:calc(100% - 244px);margin-left:244px}header{color:#85918f;background:#fff;border-bottom:1px solid #e6ebea;justify-content:space-between;align-items:center;height:76px;padding:0 40px;font-size:12px;display:flex}header>div{align-items:center;gap:15px;display:flex}.secure{align-items:center;gap:8px;display:flex}.content{max-width:1560px;margin:auto;padding:38px 40px 0}.heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:2px;color:#849a93;font-size:9px;font-weight:600}h1{letter-spacing:-1px;margin:9px 0;font-size:29px}p{color:#8a9797;font-size:12px;line-height:1.8}.heading p{margin:0}.actions{align-items:center;gap:10px;display:flex}.primary{color:#fff;background:#147b63;border-color:#147b63}.primary:hover{background:#106850}.filter{color:#6d7e7a;align-items:center;gap:12px;margin-bottom:22px;font-size:12px;display:flex}.filter select{color:#47645a;background:#fff;border:1px solid #dee6e1;border-radius:6px;padding:8px 12px}.muted{color:#9ba5a3;margin-left:auto;font-size:10px}.stats{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:17px;margin-bottom:24px;display:grid}.stats article{background:#fff;border:1px solid #e2e9e5;border-radius:12px;padding:24px}.stats article>span{color:#788884;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stats h2{letter-spacing:-1px;margin:18px 0 8px;font-family:Arial,sans-serif;font-size:29px;font-weight:500}.stats p{margin:10px 0;font-size:10px}.stats small{font-size:10px}.stats .heroStat{color:#fff;background:#173e35;border-color:#173e35}.heroStat>span,.heroStat p{color:#a8c4b9!important}.heroStat button{color:#b7d7c8;background:0 0;border:0;margin-top:5px;padding:0;font-size:10px}.green{color:#198367}.negative{color:#c65c50}.overviewGrid{grid-template-columns:1.3fr 1fr;gap:23px;margin-bottom:25px;display:grid}.panel{background:#fff;border:1px solid #e3e9e6;border-radius:11px;margin-bottom:24px;padding:24px}.overviewGrid .panel{margin-bottom:0}.panelTitle{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.panelTitle h3{margin:0}.panelTitle>svg{color:#94aaa0}h3{font-size:14px;font-weight:600}h3 small{margin-left:10px;font-size:10px;font-weight:400;display:inline}.barRow{margin-top:23px}.barRow>div:first-child{color:#7d8b88;justify-content:space-between;font-size:11px;display:flex}.barRow strong{color:#3f5550;font-family:Arial}.track{background:#f0f4f2;border-radius:9px;height:7px;margin-top:11px;overflow:hidden}.track i{background:#b3c6ba;border-radius:9px;height:100%;display:block}.track i.green{background:#3c987a}.quick h3{margin:0}.quick>div{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.quick button{border-color:#e9efeb;justify-content:flex-start;padding:17px 13px;font-size:12px}.quick button svg:first-child{color:#51917c}.quick button svg:last-child{color:#9aa9a1;margin-left:auto}.records{padding:0;overflow:hidden}.records>.panelTitle{padding:22px 24px 0}.textBtn{color:#54816f;background:0 0;border:0;font-size:11px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#8b9894;background:#fafcfb;border-bottom:1px solid #e9efeb;padding:14px 24px;font-size:10px;font-weight:400}td{color:#6b7c74;border-bottom:1px solid #eef2ef;padding:18px 24px;font-size:11px}td strong{color:#4e665c;font-weight:400}.amount{color:#355647;font-family:Arial;font-weight:600}.badge{color:#559170;white-space:nowrap;background:#edf6f0;border:0;border-radius:4px;padding:5px 9px;font-size:10px}.badge.amber{color:#ac873c;background:#fff5df}.empty{text-align:center;color:#879c91;padding:48px 20px}.empty>svg{color:#abc4b6}.empty h3{color:#536f60}.empty .primary{margin-top:10px}.explain{margin-bottom:24px;font-size:11px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stockCard{border:1px solid #e4ede6;border-radius:9px;padding:24px}.stockCard>svg{color:#499079}.stockCard h2{font-family:Arial;font-size:27px}.stockCard h2 small{font-size:11px;font-weight:400;display:inline}.stockCard button{font-size:11px}.member{border-top:1px solid #edf1ee;align-items:center;gap:22px;padding:23px 0;display:flex}.member>div{flex:1}.member>span:not(.avatar),.member button{font-size:11px}.summary{color:#789080;border-top:1px solid #edf1ed;padding:20px 24px;font-size:12px}.summary strong{color:#365943;margin:0 20px;font:24px Arial}.summary span{color:#99a69d;font-size:10px}.search{color:#91a598;border:1px solid #e5ebe7;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;display:flex}.search input{border:0;width:150px;font-size:11px}.alert{color:#9c6c36;background:#fff2e4;border-radius:7px;margin-bottom:20px;padding:14px 18px;font-size:12px}.alert button,.alert a{margin-left:12px}.neutral{color:#6b8a78;background:#eff5f1}footer{letter-spacing:1px;color:#a3afa8;justify-content:space-between;padding:12px 0 27px;font-size:9px;display:flex}footer span{letter-spacing:0}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#142b2366;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:480px;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 25px 80px #142c2330}.modal h2{margin:8px 0 0;font-size:21px}.modal .panelTitle button{border:0;padding:6px}.modal>label{color:#64796c;margin:16px 0;font-size:12px;display:block}.modal input,.modal select,.modal textarea{color:#2d4938;background:#fff;border:1px solid #dfe8e2;border-radius:6px;width:100%;margin-top:8px;padding:11px 12px;display:block}.modal textarea{resize:vertical;height:65px}.modal .checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:15px;height:15px;margin:0}.total{color:#66816c;background:#f3f7f3;border-radius:8px;justify-content:space-between;padding:17px;font-size:12px;display:flex}.total strong{color:#21593c;font:23px Arial}.modalActions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.toast{z-index:30;color:#fff;background:#173f31;border:0;padding:17px 24px;font-size:13px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #173c3022}@media (min-width:1550px){.stats h2{font-size:36px}.stats article{padding:28px}}@media (max-width:1150px){aside{width:205px}.brand{font-size:18px}main{width:calc(100% - 205px);margin-left:205px}.content{padding:25px}.stats,.cards{grid-template-columns:1fr 1fr}.heading{gap:15px}.actions button{font-size:11px}.overviewGrid{grid-template-columns:1fr}.muted{display:none}}@media (max-width:700px){aside{width:100%;padding:18px;position:static}.shell{display:block}.brand em,.space,.sideNote,.profile{display:none}nav{gap:3px;margin-top:20px;display:flex;overflow:auto}nav button{flex-shrink:0;padding:10px;font-size:11px}nav svg{display:none}main{width:100%;margin:0}header{display:none}.content{padding:24px 16px}.heading{display:block}.heading .actions{margin-top:20px}.stats{gap:10px}.stats article{padding:17px}.stats h2{font-size:24px}.stats article>span{font-size:10px}.stats small,.heroStat p{font-size:9px}.panel{padding:18px}.records{padding:0}.cards{grid-template-columns:1fr}.member{flex-wrap:wrap;gap:8px}.filter{flex-wrap:wrap}.records>.panelTitle{flex-direction:column;align-items:flex-start}.summary span{margin-top:12px;display:block}footer span{display:none}.modal{padding:22px}.overlay{padding:12px}h3 small{margin-left:0;display:block}}.shell{grid-template-columns:244px minmax(0,1fr);align-items:stretch;display:grid}aside{grid-area:1/1;width:auto;min-width:0;position:static;inset:auto}main{grid-area:1/2;width:auto;min-width:0;margin:0}.panel,.records,.tablewrap,.content{min-width:0;max-width:100%}.heading,.panelTitle,.actions{flex-wrap:wrap}@media (max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}aside{width:auto}main{width:auto;margin:0}}@media (max-width:700px){.shell{grid-template-columns:minmax(0,1fr);display:grid}aside{grid-area:1/1;width:100%}main{grid-area:2/1;width:100%;margin:0}nav{flex-wrap:wrap;overflow:visible}nav button{flex-shrink:1}}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e3ece6;background:#19221e}aside,header,.panel,.modal,.stats article,.stockCard,button,input,select,textarea,.modal input,.modal select,.modal textarea{color:#e3ece6;background:#222e27;border-color:#39483d}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats article{border-radius:11px;min-height:171px;padding:26px}.stats .heroStat{background:#326348;border-color:#39483d}.stats h2{letter-spacing:0;color:#e3ece6;font-size:36px;font-weight:400}.stats article>span,.stats p,.stats small,p,small,.explain{color:#b9cfbe}.primary,.brand>span{color:#f0faf4;background:#326348;border-color:#326348}nav .selected,.badge,.profile>span,.avatar{color:#b9dfc8;background:#314b3b}.sideNote,.total,th{color:#a5b7aa;background:#293c30}td,td strong,.amount,.total strong{color:#e3ece6;border-color:#39483d}.quick{padding:26px}.quick>div{flex-wrap:wrap;gap:12px;display:flex}.quick button{color:#e3ece6;background:#222e27;border-color:#39483d;padding:13px 18px;font-size:16px}.alert.neutral{color:#b9cfbe;background:#293c30}@media (max-width:420px){.stats{grid-template-columns:minmax(0,1fr)}}.quantity-options{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.quantity-options button{flex:1;min-height:44px}.quantity-options button[aria-pressed=true]{color:#f0faf4;background:#326348;border-color:#78c6a1}.profit-preview{background:#293c30;border:1px solid #39483d;border-radius:8px;margin-top:14px;padding:17px}.profit-preview>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.profit-preview strong{font:22px Arial,sans-serif}.profit-preview p{margin:10px 0 15px;font-size:11px}.profit-preview small{margin-top:12px;line-height:1.7}.profit-preview .green{color:#a2dbb6}.profit-preview .negative{color:#ffa298}.payment-pending{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.payment-pending button{padding:6px 9px;font-size:11px}.account-bar{background:#222e27;border-bottom:1px solid #39483d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.account-bar>div{flex-wrap:wrap;gap:8px;display:flex}.account-bar button{font-size:12px}.account-message{background:#293c30;margin:0;padding:18px 24px}.account-message input{border:1px solid #39483d;border-radius:6px;width:100%;padding:12px}.login-screen{place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{background:#222e27;border:1px solid #39483d;border-radius:14px;width:100%;max-width:420px;padding:32px}.login-card h1{margin:16px 0 8px}.login-card p{margin-bottom:24px}.login-card label{color:#b9cfbe;margin:18px 0;font-size:13px;display:block}.login-card input,.login-card select{border:1px solid #39483d;border-radius:6px;width:100%;margin-top:8px;padding:13px;display:block}.login-card>button{width:100%;margin:8px 0}.login-card>small{margin-top:20px}.login-mark{color:#e3ece6;background:#326348;border-radius:12px;place-items:center;width:48px;height:48px;font-size:24px;display:inline-grid}
