:root{--green:#176b52;--deep:#143f36;--ink:#253c35;--muted:#7b8983;--line:#e6ece7;--bg:#f5f7f4;--shadow:0 3px 12px #183d2e03}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif}a{color:var(--green);text-decoration:none}a:hover{color:#103f32}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}.sidebar{width:242px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:30px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:750;color:var(--deep)}.brand-mark{background:var(--green);color:white;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;font-size:18px;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:600;color:var(--muted);margin-top:3px}.nav-label{font-size:10px;letter-spacing:1.6px;color:#94a199;margin:40px 15px 12px}nav{display:flex;flex-direction:column;gap:4px}nav a{padding:10px 15px;border-radius:8px;color:#748178;font-size:13px;font-weight:550;display:flex;align-items:center;gap:13px}nav a:hover{background:#f6f8f5}nav a.active{background:#eaf3ec;color:#176b52;font-weight:700}.nav-icon{font-size:20px;width:20px;text-align:center;line-height:23px}.sidebar-bottom{margin-top:auto;padding:25px 10px 0;font-size:11px;color:#78867e}.sidebar-bottom small{display:block;font-size:8px;letter-spacing:1px;margin-top:13px}.live-dot{width:6px;height:6px;border-radius:50%;background:#5c9b76;display:inline-block;margin-right:5px}.workspace{margin-left:242px}.topbar{height:80px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px}.top-right{display:flex;align-items:center;gap:18px}.avatar{background:#e8eee7;color:var(--green);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:700}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:0}.mobile-toggle{display:none}main{padding:32px 38px;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#86978c;margin-bottom:8px}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px;font-weight:650}h3{font-size:13px}p{margin-top:8px}.muted{color:var(--muted)}.page-heading p{font-size:12px}.heading-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);border:1px solid var(--green);color:white;border-radius:7px;padding:10px 17px;font-size:12px;font-weight:600;white-space:nowrap;min-height:39px}.button:hover{background:#11543f;color:white}.button:disabled{opacity:.6;cursor:wait}.button.secondary{background:white;color:#607469;border-color:#dce4dc}.full{width:100%;margin-top:14px}.welcome-banner{background:#e9f0df;border:1px solid #dfe8d3;border-radius:12px;padding:25px 29px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:146px}.welcome-banner h2{font-size:25px;color:#335a38;font-weight:600;margin-top:8px}.welcome-banner p{font-size:12px;color:#7b8d6e}.welcome-banner .eyebrow{color:#769464;font-size:9px}.banner-art{display:flex;gap:10px;align-items:flex-end;height:92px;width:185px;position:relative;margin-right:30px}.banner-art i{width:27px;background:#bad29f;border-radius:5px 5px 0 0;height:30%}.banner-art i:nth-of-type(2){height:48%}.banner-art i:nth-of-type(3){height:70%}.banner-art i:nth-of-type(4){height:95%;background:#94b777}.banner-art span{font-size:65px;position:absolute;left:-58px;top:-18px;color:#99b782}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border:1px solid var(--line);border-radius:10px;padding:21px;background:white;box-shadow:var(--shadow);position:relative}.stat>.muted{font-size:12px}.stat h2{font-size:24px;margin:11px 0;font-weight:650;letter-spacing:-.8px}.stat h2 small{font-size:12px;color:#93a096;font-weight:400;letter-spacing:0}.stat p,.stat>a{font-size:10px;color:#84968a}.stat-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.stat>.stat-icon{float:right;margin-top:-3px;width:29px;height:29px;font-size:17px}.green{background:#e8f4ed;color:#267454}.blue{background:#eaf0fb;color:#617caa}.amber{background:#fff2df;color:#ae8546}.violet{background:#f1ebf8;color:#9474ad}.gray{background:#eff2ef;color:#7b8b80}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(255px,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:23px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.card-head{padding:21px 23px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #f0f3ef}.card-head p,.card-head>a{font-size:11px}.card-head h2{font-size:15px}.padded{padding:25px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:600;letter-spacing:.2px;background:#fafbf9;color:#839086;padding:14px 20px;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #f0f3ee}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfb}td a{color:#4d7160}.num{text-align:right;font-variant-numeric:tabular-nums}.strong{font-weight:600}.badge{display:inline-block;border-radius:5px;padding:4px 9px;font-size:10px;font-weight:600}.empty{padding:65px 25px;text-align:center;color:#8b9a8f;font-size:12px;white-space:normal}.cell-sub{display:block;font-size:10px;color:#93a095;margin-top:4px}.quick-card .card-head{border-bottom:0;padding-bottom:7px}.quick-link{display:flex;gap:12px;align-items:center;padding:14px 23px;color:#486052;font-size:12px;font-weight:600}.quick-link small{display:block;font-size:10px;color:#93a094;margin-top:4px;font-weight:400}.quick-link b{margin-left:auto;color:#9fac9f;font-weight:400}.stock-summary{margin:10px 22px 22px;border-radius:8px;background:#f6f8f2;padding:18px}.stock-summary span,.stock-summary a{font-size:10px}.stock-summary h2{margin:6px 0}.split{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}label{display:block;color:#65796c;font-size:12px;font-weight:550;margin:18px 0 7px}input,select,textarea{display:block;width:100%;border:1px solid #dde5dc;border-radius:6px;padding:10px 12px;background:#fff;color:#354e3d;margin-top:7px;min-height:40px;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #bdd6c8;border-color:#5c9677}input:read-only{background:#f5f7f4}textarea{resize:vertical}.search{max-width:280px;font-size:11px;margin:0;background:#fafbf9}.note{font-size:11px;color:#8c998d;line-height:1.7;margin:17px 0}.small-link{font-size:11px}.count{font-size:10px;background:#edf3ec;padding:3px 7px;border-radius:5px;margin-left:5px;color:#6e8774}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{margin-top:0}.form-details summary{cursor:pointer;padding:19px 24px;font-size:13px;font-weight:600;color:var(--green)}.form-details summary span{font-size:11px;font-weight:400;margin-left:15px}.item-table td{padding:14px}.item-table input,.item-table select{margin:0}.item-table input{min-width:90px}.item-table select{min-width:240px}.remove-line{background:#fff0ec;border:0;border-radius:5px;color:#bd806a;font-size:20px;width:28px;height:28px}.invoice-bottom{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:60px;margin-top:20px}.invoice-totals{padding:15px;background:#f8faf5;border-radius:8px}.invoice-totals>div{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:11px 0;gap:16px}.invoice-totals label{margin:0}.invoice-totals input{width:110px;margin:0}.invoice-totals .grand-total{border-top:1px solid #dce7d7;border-bottom:1px solid #dce7d7;font-size:16px;margin:8px 0}.invoice-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.invoice-paper{padding:35px}.right{text-align:right}.balance-box{text-align:right;padding:16px;background:#f5f8f1;border-radius:8px;min-width:220px}.balance-box>span{font-size:11px}.balance-box h2{margin:6px 0 12px;font-size:25px}.inline-label{display:flex;align-items:center;gap:25px;margin:0}.inline-label select{max-width:500px;margin:0}.filter-row{display:flex;align-items:flex-end;gap:20px}.filter-row label{margin:0;width:210px}.positive{color:#267454}.danger{color:#b65444}.report-card{max-width:900px}.statement{padding:10px 26px 26px}.statement>div{display:flex;justify-content:space-between;padding:15px 0;font-size:13px;border-bottom:1px solid #eef2ea}.statement h3{margin:24px 0 8px;color:#7d8d7b}.statement-total{font-weight:700;color:var(--green)}.statement .statement-net{padding:20px;background:#e9f2e4;border-radius:7px;margin-top:20px;font-size:17px;font-weight:600}.alert{padding:13px 18px;border-radius:7px;font-size:13px;margin:0 0 20px}.alert.success{background:#e8f4ed;color:#276844}.alert.error{background:#fbece8;color:#a34c3f}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:10px;color:#97a093}.auth-body{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.auth-story{background:#153f34;color:white;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-story .brand{color:white}.auth-story .brand-mark{background:#3a6955}.auth-story .brand small{color:#a9bfaf}.auth-story h1{font-size:50px;line-height:1.15;letter-spacing:-2px;margin:25px 0}.auth-story p{font-size:16px;color:#b4c9b6;line-height:1.9}.auth-story .eyebrow{color:#b5d18e}.auth-story>small{font-size:9px;letter-spacing:2px;color:#a6bba9}.auth-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.auth-tags span{border:1px solid #456650;padding:8px 11px;border-radius:5px;font-size:10px;color:#c9d7c5}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:100%;max-width:370px}.auth-card h1{font-size:30px;margin-top:12px}.auth-card form{margin-top:30px}.auth-card .full{margin-top:25px}.auth-foot{font-size:11px;color:#99a595;text-align:center;margin-top:30px}
@media(min-width:1600px){.stat h2{font-size:30px}}@media(max-width:1250px){main{padding:25px}.sidebar{width:215px}.workspace{margin-left:215px}.topbar{padding:0 25px}.stat-grid{gap:12px}.stat{padding:17px}.stat h2{font-size:21px}.stat>.stat-icon{display:none}.dashboard-grid{grid-template-columns:1fr}.quick-card{display:none}.split{grid-template-columns:290px minmax(0,1fr)}.card-head{flex-wrap:wrap}.invoice-bottom{gap:25px}}@media(max-width:950px){.split{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-bottom{grid-template-columns:1fr}.auth-story{padding:40px}.auth-story h1{font-size:37px}.top-right .today{display:none}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s}.nav-open .sidebar{transform:translateX(0);top:65px}.workspace{margin-left:0}.topbar{height:65px;padding:0 18px}.topbar>span{display:none}.mobile-toggle{display:block;border:0;background:none;color:var(--green);font-size:22px}main{padding:22px 16px}h1{font-size:24px}.page-heading{align-items:flex-start;gap:10px}.heading-actions{flex-direction:column}.heading-actions .secondary{display:none}.welcome-banner{padding:22px}.welcome-banner h2{font-size:21px}.banner-art{display:none}.stat h2{font-size:20px}.form-grid{grid-template-columns:1fr}.auth-body{display:block}.auth-story{min-height:0;padding:25px}.auth-story>div,.auth-story>small{display:none}.auth-panel{padding:45px 25px}.inline-label{display:block}.inline-label select{margin-top:10px}.filter-row{flex-wrap:wrap}.filter-row label{width:calc(50% - 10px)}.invoice-paper{padding:20px}.invoice-top{gap:15px}.print-brand{font-size:15px}.balance-box{min-width:0}.balance-box h2{font-size:20px}.search{max-width:100%}.card-head{padding:18px}.statement-net b{white-space:nowrap}.statement .statement-net{font-size:14px;gap:10px}}
@media print{body{background:white;font-size:12px}.sidebar,.topbar,.page-heading .heading-actions,.no-print,footer,.search,.form-details,.alert{display:none!important}.workspace{margin:0}main{padding:0;max-width:none}.page-heading{margin-bottom:20px}.page-heading p,.eyebrow{display:none}.card{border:1px solid #ddd;box-shadow:none;break-inside:avoid}.table-wrap{overflow:visible}table{white-space:normal;font-size:10px}th,td{padding:10px}.split,.dashboard-grid{display:block}.split>.padded{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}a{color:inherit}tr{break-inside:avoid}.invoice-totals,.statement-net{print-color-adjust:exact}.invoice-top .eyebrow{display:block}@page{size:A4;margin:12mm}}
.sidebar{overflow-y:auto}.sidebar .brand,nav,.sidebar-bottom{flex-shrink:0}@media(max-width:1050px){.banner-art{display:none}}
.row-actions{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.button.small{padding:6px 10px;min-height:30px;font-size:11px}.form-actions{display:flex;gap:12px;margin-top:24px}.button.destructive{background:#ae493d;border-color:#ae493d}.detail-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.detail-actions .row-actions{background:white;padding:10px 18px;border:1px solid var(--line);border-radius:7px}