:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211d;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.brand-logo{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}.brand-logo.compact{width:38px;height:38px;border-radius:9px}.login{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.35fr) minmax(360px,.65fr)}.login-story{background:radial-gradient(circle at 78% 18%,#2c6859 0,#173d34 38%,#102b25);padding:48px clamp(36px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;color:#fff}.login-story .eyebrow{font-size:12px;letter-spacing:2px;color:#8fc6b4}.login-form{padding:clamp(36px,7vw,96px);max-width:600px;width:100%;margin:auto}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px 18px;background:#173c34;color:#fff;display:flex;flex-direction:column;z-index:10}.sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:32px}.sidebar nav button{appearance:none;border:0;background:transparent;color:#c6d5cf;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:11px;font:inherit;cursor:pointer;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#285348;color:#fff}.sidebar nav button.disabled{opacity:.5;cursor:default}.sidebar nav small{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.sidebar-user{margin-top:auto;padding-top:16px;border-top:1px solid #31564d;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{color:#9fb5ad;font-size:11px;margin-top:2px}main{min-width:0}header{height:88px;border-bottom:1px solid #deddd5;background:#f5f4efe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;position:sticky;top:0;z-index:5}.content{padding:26px;display:flex;flex-direction:column;gap:22px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.metric{padding:17px;position:relative;overflow:hidden}.metric-mark{position:absolute;width:5px;height:100%;left:0;top:0;background:#5da189}.metric-mark.warn{background:#d59b58}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{padding:22px}.chart-panel{min-height:325px}.chart{height:210px;display:flex;align-items:flex-end;gap:clamp(7px,2vw,24px);padding-top:25px;border-bottom:1px solid #deddd5;margin:12px 0}.bar-group{height:185px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bars{height:165px;display:flex;align-items:flex-end;gap:3px}.bars span{display:block;width:10px;border-radius:4px 4px 0 0}.bars .income{background:#27775e}.bars .expense{background:#d59b58}.dot{width:8px;height:8px;border-radius:99px}.table{margin-top:18px;overflow-x:auto}.tr{min-width:720px;display:grid;grid-template-columns:1.8fr 1.2fr 1fr .8fr .8fr;align-items:center;gap:15px;padding:13px 8px;border-top:1px solid #eeece6;font-size:13px}.tr.head{color:#7a827e;text-transform:uppercase;font-size:10px;letter-spacing:.7px;border:0}.tr span small{display:block;color:#7a827e;margin-top:3px}.status{font-style:normal;background:#e7f1ed;color:#286753;padding:5px 8px;border-radius:20px;font-size:11px;text-transform:capitalize}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.role{padding:18px;min-height:145px}.form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mobile-only{display:none!important}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.role-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:840px){.login{grid-template-columns:1fr}.login-story{display:none}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:left .2s}.sidebar.open{left:0;box-shadow:10px 0 40px #0004}.mobile-only{display:flex!important}.dashboard-grid{grid-template-columns:1fr}.date{display:none}.content{padding:16px}header{padding:12px 16px;justify-content:flex-start;gap:12px}}@media(max-width:560px){.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:14px}.metric-grid .metric:nth-child(n+7){display:none}.form-grid,.role-grid{grid-template-columns:1fr}.login-form{padding:28px}.panel{padding:16px}}.page-tools{justify-content:space-between;align-items:center}.search-box{height:42px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #deddd5;border-radius:10px;padding:0 13px;flex:1}.search-box input{border:0;outline:0;background:transparent;width:100%;font:inherit;color:inherit}.filter-row{display:flex;gap:12px}.filter-row>.search-box{max-width:620px}.filter-row select,.editor select{height:42px;border:1px solid #deddd5;border-radius:9px;background:#fff;padding:0 12px;color:#17211d;font:inherit}.error-card{padding:14px;background:#fff0f0;border:1px solid #efc0c0}.crm-table .tr,.project-table .tr{grid-template-columns:1.7fr 1.3fr .8fr .6fr .9fr .6fr}.row-actions{display:flex!important;justify-content:flex-end}.editor{display:flex;flex-direction:column;gap:18px;border-left:4px solid #1e594c}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid label{font-size:12px;color:#68736e;display:flex;flex-direction:column;gap:6px}.form-grid .span-2{grid-column:span 2}.clickable{cursor:pointer}.clickable:hover b{color:#1e594c;text-decoration:underline}.late{color:#c54141;font-weight:700}.detail-panel{display:flex;flex-direction:column;gap:20px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-grid>div{background:#f5f4ef;border-radius:9px;padding:13px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:#68736e;margin-bottom:5px}.timeline{border-left:2px solid #d7e3de;margin-left:7px;padding-left:22px}.timeline>div{position:relative;padding:0 0 18px}.timeline>div>span{position:absolute;width:11px;height:11px;border-radius:50%;background:#1e594c;left:-28px;top:4px}.timeline section small{display:block;color:#68736e;margin-top:3px}.timeline section p{margin:6px 0 0}.s-cancelled,.s-complaint{background:#fde8e8;color:#a83232}.s-completed,.s-paid{background:#ddf4e8;color:#176b4b}.s-production,.s-edging,.s-cnc,.s-assembly{background:#fff0d8;color:#8b5817}@media(max-width:900px){.form-grid.three,.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.page-tools{align-items:flex-start;gap:12px;flex-direction:column}.filter-row{flex-direction:column}.form-grid.three,.detail-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.crm-table .tr,.project-table .tr{min-width:850px}}.inventory-tabs{display:flex;gap:7px;border-bottom:1px solid #deddd5}.inventory-tabs button{border:0;background:transparent;padding:11px 15px;font:inherit;color:#68736e;cursor:pointer;border-bottom:3px solid transparent}.inventory-tabs button.active{color:#1e594c;border-color:#1e594c;font-weight:700}.inventory-table .tr{grid-template-columns:1.5fr 1fr 1.2fr .7fr .6fr .7fr .6fr;min-width:980px}.low-row{background:#fff7e7}.low-row>span:nth-child(4){color:#a96316}.row-actions{gap:2px}.editor select{width:100%}@media(max-width:620px){.inventory-tabs{overflow-x:auto}.inventory-tabs button{white-space:nowrap}}.quote-table .tr{grid-template-columns:1fr 1.5fr .7fr .7fr .8fr .7fr}.quote-items{overflow-x:auto}.quote-item{min-width:850px;display:grid;grid-template-columns:2.3fr .6fr .5fr .8fr .9fr .3fr;gap:8px;align-items:center;padding:7px 0}.quote-item.head{font-size:10px;text-transform:uppercase;color:#68736e}.quote-summary{margin-left:auto;width:min(100%,380px);display:flex;flex-direction:column;gap:8px;background:#f5f4ef;padding:16px;border-radius:10px}.quote-summary span,.quote-summary strong{display:flex;justify-content:space-between}.quote-summary strong{border-top:1px solid #d5d5cf;padding-top:10px;font-size:18px}.production-table .tr{grid-template-columns:1fr 1.3fr .8fr .6fr .8fr .7fr .7fr;min-width:1050px}.priority-urgent{background:#fff0f0}.priority-high{background:#fff8e8}.cut-list{overflow-x:auto}.cut-item{min-width:980px;display:grid;grid-template-columns:1.4fr 1.5fr .65fr .65fr .5fr 1fr .3fr;gap:7px;align-items:center;padding:6px 0}.cut-item.head{font-size:10px;text-transform:uppercase;color:#68736e}.cut-item select{height:42px;border:1px solid #deddd5;border-radius:9px;background:#fff}.edge-checks{display:flex!important;justify-content:space-around}.edge-checks input{width:17px;height:17px}.production-summary{gap:25px;padding:14px;border-radius:9px;background:#f5f4ef}.procurement-table .tr{grid-template-columns:1.2fr 1.2fr .8fr .7fr .8fr .8fr;min-width:850px}.purchase-item{min-width:800px;display:grid;grid-template-columns:2fr .6fr .5fr .8fr .8fr .3fr;gap:8px;align-items:center;padding:6px 0}.finance-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.finance-cards .metric{padding:16px}.finance-table .tr{grid-template-columns:.7fr 1.4fr 1fr .7fr .8fr .8fr .3fr;min-width:950px}.project-profit .tr{grid-template-columns:1.2fr 1fr .8fr .8fr .8fr .8fr}.income-text{color:#177455;font-weight:700}.expense-text{color:#b44d3f;font-weight:700}@media(max-width:900px){.finance-cards{grid-template-columns:repeat(2,1fr)}}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-line{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eeece6;text-transform:capitalize}.report-table .tr{grid-template-columns:1.2fr 1fr .8fr .8fr .8fr .8fr}@media(max-width:700px){.report-cards,.report-grid{grid-template-columns:1fr}}