:root{--ink:#203e35;--green:#163f35;--muted:#7b857e;--paper:#f7f8f3;--line:#e7ebe3;--lime:#dcecaa;--white:#fff;--orange:#b37738;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button, input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #c29a52}svg{width:22px;height:22px;flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:38px;font-weight:650;letter-spacing:-1.5px;line-height:1.2}h2{font-size:18px;letter-spacing:-.35px}h3{font-size:16px}p{color:var(--muted);line-height:1.6;font-size:14px}button{border:0;background:none;color:inherit}small{font-size:12px;color:var(--muted)}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:34px 23px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:750;letter-spacing:-1px}.brand>svg{width:40px;height:44px;padding:8px;background:var(--green);color:var(--lime);border-radius:11px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:3px;font-weight:650}.bar-label{display:flex;align-items:center;gap:10px;padding:17px 11px;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:36px 0 26px;font-weight:650;font-size:13px;overflow-wrap:anywhere}.bar-label small{display:block;font-size:11px;font-weight:400;margin-top:4px}.bar-icon{display:grid;place-items:center;width:31px;height:31px;background:#e4ebd9;border-radius:8px;flex-shrink:0}.sidebar nav{display:grid;gap:9px}.sidebar nav button{display:flex;align-items:center;gap:12px;padding:14px;border-radius:9px;text-align:left;font-size:14px;color:#748177}.sidebar nav button.active{background:#ecf2e5;color:var(--green);font-weight:650}.sidebar nav b{margin-left:auto;background:white;padding:2px 6px;border-radius:5px;font-size:11px}.sidebar-note{margin-top:auto;font-size:13px;line-height:1.7;color:#9a9f93;padding:30px 8px}.staff{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.staff small{display:block;margin-top:4px}.staff>.icon-button{margin-left:auto}.avatar{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#e9ecdf;color:#62714f;border-radius:50%;font-size:13px;font-weight:650;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.big{width:65px;height:65px;font-size:22px}.icon-button{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.icon-button:hover{background:var(--paper)}main{margin-left:246px;padding:0 42px;max-width:1700px}header{height:99px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:650;color:#809082}.sync{font-size:11px;margin-top:9px;display:flex;gap:6px;align-items:center;color:#84927e}.sync i{width:6px;height:6px;border-radius:50%;background:#83995c}.sync.offline{color:#a76b20}.sync.offline i{background:#a76b20}.header-date{color:#859082;font-size:12px}.mobile-user{display:none}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px 0 27px}.title-row h1{margin:8px 0 9px}.primary,.secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:13px;font-weight:650;padding:12px 19px;white-space:nowrap}.primary{background:var(--green);color:#fff;box-shadow:0 4px 8px #123e3410}.primary:hover{background:#265447}.secondary{background:#fff;border:1px solid #dce3d6}.secondary:hover{background:#f3f6ed}.stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:19px;margin-bottom:28px}.stat{position:relative;overflow:hidden;background:white;border:1px solid var(--line);border-radius:14px;padding:24px;min-height:181px}.stat>div{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#7a877a}.stat>strong{display:block;font-size:36px;font-weight:600;letter-spacing:-1.3px;margin:20px 0 12px;line-height:1}.stat small{font-size:11px}.stat em{font-style:normal;font-size:11px;font-weight:400;color:#8a9384;letter-spacing:0;margin-left:10px}.main-stat{background:var(--green);color:#f7f8e9;border-color:var(--green)}.main-stat>div,.main-stat small{color:#bdcebc}.main-stat>strong{font-size:42px;position:relative;z-index:1}.main-stat>div svg{color:var(--lime)}.stat-decoration{position:absolute;right:-35px;bottom:-76px;width:195px;height:195px;border:1px solid #ffffff0e;border-radius:50%;box-shadow:0 0 0 25px #ffffff04,0 0 0 50px #ffffff03}.mini-icon{display:grid;place-items:center;color:#6f835a;background:#f2f5e9;padding:5px;border-radius:7px}.mini-icon svg{width:17px;height:17px}.text-button{color:#526c43;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:7px 0;min-height:32px}.text-button svg{width:16px;height:16px}.columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 24px 17px}.panel-head p{font-size:12px;margin-top:7px}.count{display:inline-block;vertical-align:middle;background:#f0f3e8;font-size:11px;margin-left:7px;border-radius:6px;padding:4px 7px}.client-row,.entry-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:17px 23px;border-top:1px solid #f0f2ec}.client-row:hover,button.entry-row:hover{background:#fafbf7}.row-text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.row-text strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.row-text>span{font-size:12px;color:#839080;overflow-wrap:anywhere}.row-text small{font-size:10px}.row-total{text-align:right}.row-total strong{font-size:15px;font-weight:600;white-space:nowrap}.row-total small{display:block;font-size:10px;margin-top:5px;color:#af8553}.client-row>svg{width:13px;height:13px;color:#a5af9f;margin-left:3px}.paid,.row-total.paid small{color:#628349}.entry-row>strong{font-size:13px;white-space:nowrap}.movement{width:33px;height:33px;background:#f8f0e4;color:#b89059;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.movement svg{width:16px;height:16px}.movement.payment{background:#edf3e5;color:#799553}.soft-icon{color:#9aa58e}.panel-bottom{width:100%;padding:17px;font-size:12px;border-top:1px solid var(--line);color:#6f805e}.tip{display:flex;align-items:center;gap:17px;border:1px dashed #d8dfce;border-radius:12px;padding:20px 23px;margin-top:25px;background:#f1f4e9}.tip>svg{color:#849571;width:25px;height:25px}.tip strong{font-size:13px;font-weight:600}.tip p{font-size:12px;margin-top:4px}.tip>button{margin-left:auto;white-space:nowrap}footer{display:flex;justify-content:space-between;margin:35px 0 20px;color:#9da792;font-size:11px}footer span{font-size:10px}.empty{text-align:center;padding:45px 25px;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty>span{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:#f2f5eb;color:#9bab83;margin-bottom:18px}.empty h3{font-size:15px;margin-bottom:9px}.empty p{font-size:12px;max-width:260px}.empty button{margin-top:18px}.tools{display:flex;gap:18px;padding:22px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between}.search{display:flex;align-items:center;gap:9px;flex:1;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fafbf8}.search svg{color:#94a088;width:18px}.search input{border:0;background:transparent;width:100%;padding:13px 0;font-size:13px;outline-offset:0}.tabs{display:flex;gap:3px;background:#f2f4ed;border-radius:8px;padding:4px}.tabs button{padding:9px 11px;font-size:12px;border-radius:6px;white-space:nowrap}.tabs .active{background:white;box-shadow:0 1px 4px #183c3410}.tools select{font-size:12px;width:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setting{padding:27px}.setting-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eff3e6;color:#789258;margin-bottom:21px}.setting h2{margin-bottom:12px}.setting p{margin-bottom:20px}.setting small{display:block;margin-top:13px;line-height:1.6}.invite-box{background:#f1f5e9;border:1px dashed #c5d2b1;border-radius:10px;padding:18px;margin-top:20px}.invite-box strong{display:block;font-size:20px;letter-spacing:1px;margin:8px 0;overflow-wrap:anywhere}.invite-box p{font-size:12px;margin:0}.mobile-nav{display:none}dialog{width:520px;max-width:calc(100% - 24px);max-height:90dvh;overflow-y:auto;padding:27px;border:1px solid var(--line);border-radius:18px;color:var(--ink);box-shadow:0 25px 90px #14362930}dialog::backdrop{background:#142e276e;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px}.modal-head h2{font-size:22px}.modal-head p{font-size:12px;margin-top:7px}form label{display:block;font-size:12px;font-weight:600;margin:17px 0 8px}input:not([type=checkbox]),textarea,select{display:block;background:white;border:1px solid #dfe5d9;color:var(--ink);width:100%;border-radius:8px;padding:13px 12px;font-size:16px;margin-top:8px}textarea{resize:vertical;min-height:77px}input::placeholder,textarea::placeholder{color:#acb4a5;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{width:100%}.form-error{color:#b2473e;font-size:13px;margin:14px 0;min-height:6px}.photo-label{display:flex;align-items:center;gap:15px;border:1px dashed #ced8c2;padding:15px;border-radius:12px;cursor:pointer}.photo-label>span:first-child{display:grid;place-items:center;width:54px;height:54px;background:#eff3e7;border-radius:50%;overflow:hidden;flex-shrink:0}.photo-label img{width:100%;height:100%;object-fit:cover}.photo-label small{display:block;font-size:11px;margin-top:5px;font-weight:400}.photo-label input{max-width:110px;font-size:10px;border:0;padding:0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.chips button{border:1px solid var(--line);padding:7px 13px;border-radius:20px;font-size:11px;background:#f8faf3;min-height:34px}.author-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;color:#86937b;margin-top:20px}.author-line svg{width:15px;height:15px}.balance-hint{font-size:12px;color:#8c9685;margin-top:9px;display:flex;align-items:center;gap:5px}.balance-hint button{margin-left:auto}.client-profile{display:flex;align-items:center;gap:17px;margin-bottom:20px}.client-profile a{font-size:13px;display:flex;align-items:center;gap:7px;margin-top:10px}.client-profile svg{width:15px;height:15px}.client-note{background:#f5f6ef;padding:13px;border-radius:8px;font-size:13px;margin-bottom:18px;white-space:pre-wrap;overflow-wrap:anywhere}.balance-card{background:var(--green);color:white;border-radius:13px;padding:22px;margin-bottom:18px}.balance-card span{font-size:12px;color:#bfd0b7}.balance-card strong{display:block;font-size:34px;margin-top:10px;font-weight:600}.history-title{margin:27px 0 14px}.detail-history .entry-row{padding:16px 0}.notice{padding:14px;border-radius:8px;background:#f4f1e5;font-size:12px;color:#8c7b50}.install-help h3{margin:20px 0 10px}.install-help .notice{margin-top:22px}#toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%,20px);background:#183f35;color:white;box-shadow:0 5px 25px #132f2720;border-radius:12px;padding:15px 22px;max-width:90%;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:99}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{padding:80px 25px;text-align:center}.loading button{margin:25px auto}.welcome{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.welcome-story{background:var(--green);color:#f4f6e9;padding:45px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.welcome-story .brand>svg{background:#ffffff12}.welcome-story .brand small{color:#bbccb3}.welcome-story>div{padding:65px 0}.welcome-tag{font-size:9px;letter-spacing:2px;color:#c5d49c}.welcome-story h1{font-size:clamp(45px,5.2vw,76px);line-height:1.09;margin:26px 0;letter-spacing:-3px}.welcome-story h1 em{font-style:normal;color:var(--lime)}.welcome-story p{max-width:370px;color:#b8c9b6;font-size:15px;line-height:1.9}.welcome-features{display:flex;flex-wrap:wrap;gap:17px;margin-top:28px;font-size:11px;color:#d5dec6}.welcome-features span{display:flex;align-items:center;gap:5px}.welcome-features svg{width:15px;height:15px;color:var(--lime)}.story-bottom{font-size:11px;color:#93ac95}.welcome-form{display:flex;align-items:center;justify-content:center;padding:45px}.welcome-form>div{width:100%;max-width:365px}.welcome-form h2{font-size:30px;letter-spacing:-1px;margin:15px 0}.welcome-form>div>p{font-size:13px;margin-bottom:26px}.welcome-foot{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.6;color:#96a188;margin-top:27px}.welcome-foot svg{width:18px}.checkbox{display:flex;align-items:center;gap:8px;font-weight:400;line-height:1.5}.checkbox input{width:18px;height:18px;accent-color:var(--green)}
@media(min-width:1500px){main{padding:0 60px}.stats{gap:24px}.stat{padding:28px}}
@media(max-width:1150px){.sidebar{width:205px;padding:27px 16px}.brand{font-size:21px}main{margin-left:205px;padding:0 25px}.stat{padding:20px 16px}.stat>strong{font-size:31px}.main-stat>strong{font-size:36px}.stat em{display:block;margin:12px 0 0}.columns{grid-template-columns:1fr 1fr;gap:16px}.panel-head{padding:20px 17px}.panel-head h2{font-size:16px}.client-row,.entry-row{padding:16px}.title-row h1{font-size:33px}.welcome-story{padding:40px}}
@media(max-width:800px){.sidebar{display:none}main{margin:0;padding:0 22px}header{height:79px}.header-date{display:none}.mobile-user{display:block;border:1px solid var(--line);padding:8px 12px;border-radius:20px;font-size:12px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(10px);padding:10px 10px max(10px,env(safe-area-inset-bottom));z-index:10}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#8e9985;min-height:44px}.mobile-nav button.active{color:var(--green);font-weight:700}.mobile-nav button.active svg{background:#edf3df;border-radius:6px;box-shadow:0 0 0 5px #edf3df}.title-row{margin:27px 0 24px}footer{padding-bottom:85px}.columns{grid-template-columns:1fr 1fr}.welcome-story{padding:35px}.welcome-form{padding:30px}.welcome-story h1{font-size:49px}.welcome-features{display:grid}.welcome-tag{font-size:8px}}
@media(max-width:580px){main{padding:0 17px}.eyebrow{font-size:9px;letter-spacing:1.5px}.title-row{align-items:flex-start;flex-wrap:wrap;gap:18px}.title-row h1{font-size:31px;letter-spacing:-1.3px}.title-row p:not(.eyebrow){font-size:12px}.title-row>.primary{width:100%;min-height:49px;font-size:14px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.stat{min-height:147px;padding:19px}.main-stat{grid-column:span 2;min-height:170px}.main-stat>strong{font-size:43px;margin:23px 0 14px}.stat>div{font-size:11px}.stat>strong{font-size:29px;margin:17px 0 10px}.stat em{font-size:10px}.stat small{font-size:10px}.columns{grid-template-columns:1fr;gap:20px}.panel-head{padding:21px 18px 17px}.panel-head h2{font-size:17px}.panel-head p{font-size:11px}.client-row,.entry-row{padding:17px 18px}.row-text strong{font-size:14px}.row-text small{font-size:11px}.tip{padding:17px;gap:12px;align-items:flex-start}.tip>button{display:none}.tip p{font-size:11px}.tip strong{font-size:12px}.tools{flex-direction:column;align-items:stretch;padding:17px;gap:13px}.search{width:100%}.tabs button{flex:1}.settings-grid{grid-template-columns:1fr}.setting{padding:23px}.setting p{font-size:13px}dialog{padding:22px 19px;border-radius:17px;max-height:92dvh}.form-grid{gap:10px}dialog .primary,dialog .secondary{padding:12px;font-size:12px}#toast{bottom:90px;width:calc(100% - 34px);text-align:center}.welcome{display:flex;flex-direction:column}.welcome-story{min-height:auto;padding:23px 25px 28px}.welcome-story .brand{font-size:21px}.welcome-story .brand>svg{width:34px;height:37px}.welcome-story>div{padding:28px 0 0}.welcome-tag,.welcome-features,.story-bottom{display:none}.welcome-story h1{font-size:38px;letter-spacing:-1.5px;margin:0 0 12px}.welcome-story h1 br:first-child{display:none}.welcome-story p{font-size:12px;max-width:320px;line-height:1.7}.welcome-form{padding:28px 25px 40px}.welcome-form>div{max-width:none}.welcome-form h2{font-size:25px}.welcome-foot{font-size:10px}form label{font-size:12px}.photo-label{gap:9px}.photo-label input{max-width:95px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}