:root{--green:#153c31;--green2:#20604d;--gold:#c68532;--cream:#f7f5f0;--ink:#1b2d27;--muted:#7b8883;--line:#e8e9e4;--danger:#c75e52}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif;font-size:14px}.app{min-height:100vh;display:flex}.sidebar{width:248px;background:var(--green);color:#d9e7df;padding:25px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.logo{display:flex;gap:11px;align-items:center;padding:0 12px 34px;color:#fff}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--gold);color:white;border-radius:11px;font-size:22px;font-weight:bold}.logo strong{display:block;font-size:17px}.logo small,.user small{display:block;font-size:11px;color:#9db5aa;margin-top:3px}.sidebar nav{flex:1}.nav-item{width:100%;border:0;background:transparent;color:#c9d8d0;text-align:right;padding:12px 13px;border-radius:8px;font:inherit;cursor:pointer;display:flex;gap:13px;align-items:center}.nav-item b{font-size:20px;width:18px;text-align:center;font-weight:normal}.nav-item:hover,.nav-item.active{background:#2a5b4b;color:#fff}.nav-label{font-size:10px;color:#82a494;margin:24px 13px 8px}.sidebar-bottom{border-top:1px solid #2b594b;padding-top:12px}.sidebar-bottom p{font-size:11px;color:#9db5aa;padding:0 13px}.sidebar-bottom p span{width:7px;height:7px;border-radius:50%;background:#68bd81;display:inline-block;margin-left:6px}.workspace{width:calc(100% - 248px);margin-right:248px;padding:0 34px 40px}.topbar{height:77px;display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--line)}.top-actions{display:flex;align-items:center;gap:20px}.icon-btn{position:relative;border:0;background:none;font-size:20px;color:var(--green);cursor:pointer}.icon-btn i{position:absolute;background:#cd674e;color:white;border-radius:50%;font-style:normal;font-size:9px;width:15px;height:15px;right:-6px;top:-5px;display:grid;place-items:center}.date{color:var(--muted);border-left:1px solid var(--line);padding-left:19px;font-size:12px}.user{display:flex;gap:9px;align-items:center}.user strong{font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#d9b684;color:#553b1f;display:grid;place-items:center;font-weight:bold}.mobile-brand{display:none}.view{display:none;max-width:1320px;margin:0 auto}.view.active{display:block}.title-row{padding:32px 0 23px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:.2px;color:var(--gold);margin:0 0 7px;font-weight:bold}.title-row h2{font-size:25px;margin:0 0 6px}.subtitle,.panel-head p{margin:0;color:var(--muted);font-size:12px}.primary{border:0;border-radius:7px;padding:11px 17px;background:var(--green);color:#fff;font:inherit;font-weight:bold;cursor:pointer;box-shadow:0 4px 9px #153c3120}.primary:hover{background:#205442}.primary span{font-size:18px;vertical-align:-1px;margin-left:5px}.wide{width:100%;padding:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:#fff;border:1px solid #ecece7;border-radius:10px;padding:19px 15px;display:flex;gap:13px;box-shadow:0 2px 6px #182e2110}.metric-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;font-size:22px}.income .metric-icon{color:#397c5a;background:#e6f2e9}.expense .metric-icon{color:#b06d35;background:#faefe4}.debt .metric-icon{color:#466b9d;background:#eaf0f8}.stock .metric-icon{color:#b2643d;background:#f9ebdf}.metric p{margin:1px 0 7px;color:var(--muted);font-size:11px}.metric h3{font-size:19px;margin:0 0 8px;white-space:nowrap}.metric h3 small{font-size:10px;color:var(--muted)}.metric em{font-style:normal;color:#31935d;font-size:10px;font-weight:bold}.metric em span{color:#96a29c;font-weight:normal}.metric .neutral{color:#7e8b86}.metric .warning{color:#c27632}.dashboard-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:17px;margin-top:18px}.panel{background:#fff;border:1px solid #e9ebe7;border-radius:10px;box-shadow:0 2px 6px #182e210b}.panel-head{display:flex;align-items:start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #eff0ed}.panel-head h3{font-size:14px;margin:0 0 5px}.panel-head select{border:1px solid var(--line);border-radius:5px;padding:6px;color:#5d6a64;background:white;font:11px inherit}.link{border:0;background:transparent;color:#b9752b;font:inherit;font-size:11px;cursor:pointer}.chart{display:flex;height:255px;padding:18px 20px 12px;direction:ltr}.y-axis{width:48px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:20px;color:#99a39e;font-size:9px;text-align:right}.chart-body{flex:1;position:relative}.grid-lines{position:absolute;inset:0 0 20px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.3% - 1px),#edf0ec calc(33.3% - 1px),#edf0ec 33.3%)}svg{position:absolute;inset:0 0 20px;width:100%;height:calc(100% - 20px)}.x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#99a39e;font-size:9px;direction:rtl}.activity-list{padding:4px 20px}.activity-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eff0ed}.activity-row:last-child{border:0}.activity-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8f3ec;color:#37815e}.activity-icon.purchase{background:#faeee3;color:#b97638}.activity-row div:nth-child(2){flex:1}.activity-row strong{font-size:11px;display:block}.activity-row small{font-size:10px;color:#98a19c}.activity-row b{font-size:11px}.lower-grid{margin-top:17px}.stock-list{padding-bottom:5px}.stock-list .panel-head,.dues .panel-head{border-bottom:0}.stock-row{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;align-items:center;padding:10px 20px;gap:12px;font-size:11px}.stock-row small{color:#83908a}.stock-row b{font-size:11px}.progress{height:5px;background:#eef0eb;border-radius:5px}.progress i{display:block;background:#d5803b;height:100%;border-radius:inherit}.due-total{display:grid;grid-template-columns:1fr 1fr;padding:14px 20px 22px;gap:20px}.due-total>div+div{border-right:1px solid #e8ebe6;padding-right:20px}.due-total span,.due-total small{display:block;font-size:11px;color:var(--muted)}.due-total strong{display:block;font-size:19px;margin:8px 0;color:var(--green)}.table-view .panel{overflow:hidden}.table-tools{padding:16px;display:flex;gap:9px}.table-tools input{width:260px;border:1px solid var(--line);border-radius:6px;padding:9px 12px;font:inherit}.filter{border:1px solid var(--line);background:white;border-radius:6px;padding:0 12px;color:#62706a;font:inherit}table{width:100%;border-collapse:collapse;text-align:right}th{background:#fafbf9;color:#87928d;font-size:10px;padding:12px 20px;font-weight:normal}td{padding:14px 20px;border-top:1px solid #eff0ed;font-size:12px}td strong{font-size:12px}.status{padding:4px 8px;border-radius:99px;font-size:10px}.paid,.available{background:#e7f3eb;color:#2b8153}.late,.low{background:#fceee7;color:#b65b43}.partial{background:#fdf3df;color:#a76e22}.more{color:#84908a;font-size:19px}.inventory-summary,.finance-cards,.workshop-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.inventory-summary>div,.finance-cards article,.workshop-cards article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px}.inventory-summary b,.finance-cards b,.workshop-cards b{display:block;font-size:21px;color:var(--green);margin-bottom:5px}.inventory-summary span,.finance-cards span,.finance-cards small,.workshop-cards span,.workshop-cards small{color:var(--muted);font-size:11px}.alert-number b{color:#c26c3e}.tabs{border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:0;background:none;padding:0 4px 11px;margin-left:25px;font:inherit;color:#75827c;cursor:pointer}.tabs .active{color:var(--green);border-bottom:2px solid var(--gold);font-weight:bold}.tabs span{font-size:10px;background:#edf0ed;border-radius:10px;padding:2px 5px}.worker-list{padding:7px 20px}.worker-list>div{display:grid;grid-template-columns:20px 1fr 100px 70px;align-items:center;border-bottom:1px solid #edf0ec;padding:15px 0}.worker-list>div:last-child{border:0}.worker-list i{width:10px;height:10px;border-radius:50%}.green{background:#4c9d69}.gold{background:#d29941}.blue{background:#5f86b5}.gray{background:#9ba5a1}.worker-list small{color:#31935d;font-size:10px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.report-grid button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:23px;text-align:right;cursor:pointer;transition:.15s}.report-grid button:hover{transform:translateY(-2px);border-color:#c5a069}.report-grid b{float:right;font-size:26px;color:var(--gold);margin-left:15px}.report-grid strong,.report-grid span,.report-grid small{display:block}.report-grid strong{font-size:15px;margin-bottom:6px}.report-grid span{font-size:11px;color:var(--muted);margin-bottom:20px}.report-grid small{font-size:11px;color:#b8752d}.modal-layer{position:fixed;inset:0;background:#14271e99;z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);background:#fff;border-radius:12px;padding:28px;position:relative;box-shadow:0 20px 60px #0005}.modal h2{margin:0 0 24px;font-size:21px}.close{position:absolute;left:15px;top:12px;border:0;background:none;font-size:27px;color:#82908a;cursor:pointer}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:bold;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe4de;border-radius:6px;padding:10px;font:inherit;outline-color:#c68532}.field textarea{height:75px;resize:vertical}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-screen{min-height:100vh;background:#f7f5f0;display:grid;place-items:center;position:relative;overflow:hidden}.login-screen::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#e8eee7;left:-250px;top:-260px}.login-art{position:absolute;left:0;bottom:0;width:42%;height:100%;background:var(--green);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%,0 29%);color:#fff;padding:80px}.login-art span{font-size:110px;font-weight:bold;color:#d49a4c;position:relative}.login-art i{display:block;width:230px;height:20px;background:#315f50;margin:25px;border-radius:3px}.login-card{z-index:1;width:385px;background:#fff;border:1px solid #e5e8e2;padding:38px;border-radius:14px;box-shadow:0 12px 35px #253b3014;text-align:center}.login-card .brand-mark{margin:0 auto 17px;width:48px;height:48px;font-size:27px}.login-card h1{margin:0 0 9px;font-size:28px}.login-copy{color:var(--muted);font-size:12px;margin:0 0 26px}.login-card form{text-align:right}.login-card label{font-weight:bold;font-size:12px;display:block;margin-bottom:7px}.password-field{position:relative;margin-bottom:8px}.password-field input{width:100%;padding:11px 38px 11px 11px;border:1px solid #dfe4de;border-radius:7px;font:inherit;outline-color:var(--gold)}.password-field button{position:absolute;left:8px;top:7px;border:0;background:none;color:#89938e;cursor:pointer}.form-error{color:#b9524a;font-size:11px;min-height:15px;margin:0 0 6px}.login-card small{display:block;color:#9da59f;font-size:10px;margin-top:18px}.login-screen[hidden]{display:none}@media(max-width:900px){.sidebar{width:62px;padding:20px 8px}.logo{padding:0 4px 25px}.logo>div:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;padding:12px}.nav-item b{font-size:19px}.nav-label,.sidebar-bottom p{display:none}.workspace{width:calc(100% - 62px);margin-right:62px;padding:0 18px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:600px){.sidebar{display:none}.workspace{width:100%;margin:0;padding:0 14px}.topbar{justify-content:space-between}.mobile-brand{display:block;font-weight:bold;color:var(--green)}.date,.user div:last-child{display:none}.metrics,.inventory-summary,.finance-cards,.workshop-cards,.report-grid{grid-template-columns:1fr}.title-row{padding:22px 0 17px}.title-row h2{font-size:21px}.metric{padding:13px}.metric h3{font-size:16px}.dashboard-grid{margin-top:14px}.panel{overflow-x:auto}.lower-grid{margin-top:14px}table{min-width:600px}.login-card{width:calc(100% - 32px);padding:30px 24px}.two-fields{grid-template-columns:1fr}.top-actions{gap:10px}}
.sidebar{inset:0 0 0 auto}
/* Keep dialogs and the application shell hidden until JavaScript enables them. */
[hidden]{display:none !important}
.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.settings-form{padding:22px}.settings-form h3{margin:0 0 19px;font-size:15px}.settings-form label{display:block;font-size:11px;font-weight:bold;margin:0 0 13px}.settings-form input{display:block;width:100%;margin-top:6px;border:1px solid #dfe4de;border-radius:6px;padding:10px;font:inherit}.license-status{background:#fdf3df;border-radius:7px;padding:11px;margin:-4px 0 15px;font-size:11px;color:#895e25}.report-result{margin-top:17px;padding:20px}.report-result h3{margin:0 0 12px}.report-result p{color:#64726c;font-size:12px}.report-result ul{line-height:2;color:#43534c;font-size:12px}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.modal{max-height:92vh;overflow:auto}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}
.button-group{display:flex;gap:9px}.secondary{border:1px solid #c8d4cd;border-radius:7px;padding:10px 14px;background:#fff;color:var(--green);font:inherit;font-weight:bold;cursor:pointer}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.support-grid article{padding:23px}.support-grid b{font-size:26px;color:var(--gold)}.support-grid h3{margin:13px 0 7px}.support-grid a{color:var(--green);font-weight:bold}.support-grid p{color:var(--muted);font-size:12px;line-height:1.8}
.account-panel{margin-top:18px}.account-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:17px}.account-cards article{border:1px solid var(--line);border-radius:8px;padding:14px}.account-cards span,.account-cards small{display:block;font-size:11px;color:var(--muted)}.account-cards b{display:block;color:var(--green);font-size:18px;margin:7px 0}.inline-form{display:flex;gap:8px;padding:0 17px 14px}.inline-form input,.inline-form select{min-width:0;flex:1;border:1px solid #dfe4de;border-radius:6px;padding:9px;font:inherit}.inline-form .primary,.inline-form .secondary{white-space:nowrap}@media(max-width:600px){.account-cards{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.inline-form input,.inline-form select{min-width:45%}}
.mobile-menu,.mobile-nav,.mobile-overlay{display:none}
@media(max-width:600px){.support-grid{grid-template-columns:1fr}body{font-size:13px}.workspace{padding-bottom:82px}.topbar{height:64px}.mobile-menu{display:block;border:0;background:transparent;color:var(--green);font-size:23px;padding:6px;cursor:pointer}.top-actions .icon-btn{font-size:18px}.sidebar{display:flex;width:267px;padding:23px 14px;transform:translateX(110%);transition:transform .22s ease;z-index:22;box-shadow:-10px 0 30px #0004}.sidebar.mobile-open{transform:translateX(0)}.sidebar .logo{padding:0 12px 27px}.sidebar .logo>div:last-child{display:block}.sidebar .nav-item,.sidebar .nav-item:not(.active){font-size:14px;justify-content:flex-start;padding:11px 13px}.sidebar .nav-label,.sidebar .sidebar-bottom p{display:block}.mobile-overlay{position:fixed;inset:0;background:#10251c99;z-index:21}.mobile-nav{display:flex;position:fixed;bottom:0;right:0;left:0;height:68px;z-index:18;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -3px 12px #182e2110}.mobile-nav button{width:20%;border:0;background:transparent;color:#7d8984;font:10px inherit;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;cursor:pointer}.mobile-nav b{font-size:20px;font-weight:normal}.mobile-nav button.active{color:var(--green)}.mobile-nav button.active b{color:var(--gold)}.title-row{align-items:flex-start;gap:12px}.title-row .primary,.button-group{flex-shrink:0}.button-group{flex-direction:column}.button-group .secondary,.button-group .primary{font-size:11px;padding:8px 10px}.metrics{gap:9px}.metric{gap:9px;min-width:0}.metric-icon{width:31px;height:31px;font-size:17px}.metric p{font-size:10px}.metric h3{font-size:14px;white-space:normal}.metric em{display:none}.chart-panel{display:none}.dashboard-grid{grid-template-columns:1fr}.activity-row{padding:11px 0}.activity-row b{font-size:10px}.lower-grid{grid-template-columns:1fr}.stock-row{grid-template-columns:1fr 75px}.stock-row .progress{grid-column:1 / -1}.due-total{gap:9px;padding:10px 14px 17px}.due-total>div+div{padding-right:10px}.due-total strong{font-size:15px}.table-view .panel{margin:0 -2px}.table-tools input{width:100%}.table-tools .filter{display:none}.inventory-summary>div,.finance-cards article,.workshop-cards article{padding:14px}.report-grid{gap:10px}.report-grid button{padding:17px}.report-grid b{font-size:21px}.settings-form{padding:17px}.modal-layer{align-items:end;padding:0}.modal{width:100%;border-radius:16px 16px 0 0;padding:23px 18px max(23px,env(safe-area-inset-bottom));max-height:88vh}.modal h2{font-size:19px;margin-bottom:16px}.field{margin-bottom:11px}.field input,.field select,.field textarea{padding:11px}.form-grid{gap:0 9px}.login-card{margin-bottom:env(safe-area-inset-bottom)} }