:root{--bg: #f4f7f4;--surface: #ffffff;--surface-alt: #f8faf8;--border: #dce4dc;--text: #172033;--muted: #6c7a89;--primary: #5cb338;--primary-dark: #48952a;--danger: #ef7c5f;--warning: #f3aa3b;--shadow: 0 14px 38px rgba(23, 32, 51, .06);--radius: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary-dark);text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#fff;color:var(--text)}label span{display:block;font-size:.92rem;margin-bottom:8px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.compact-card{padding:20px}.primary-btn,.secondary-btn,.text-btn,.icon-btn{border:none;border-radius:14px;padding:12px 16px;transition:.2s ease}.primary-btn{background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-btn:hover{background:var(--primary-dark)}.secondary-btn{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.text-btn{background:transparent;color:var(--muted)}.icon-btn{width:48px;height:48px;background:var(--surface);border:1px solid var(--border)}.ghostish{min-width:168px}.full-width{width:100%}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:min(100%,480px);padding:32px}.auth-card.left-aligned{text-align:left}.auth-card h1{margin:8px 0 10px}.auth-logo{width:min(100%,260px);height:auto;object-fit:contain;margin:0 auto 16px}.auth-card-header{display:grid;gap:12px;margin-bottom:20px}.auth-card-header.compact{margin-bottom:16px}.auth-card-header p{margin:0}.auth-actions{display:flex;justify-content:space-between;margin-top:16px;gap:12px;flex-wrap:wrap}.auth-helper-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.65}.demo-box{margin-top:20px;padding:16px;border-radius:16px;background:var(--surface-alt);border:1px solid var(--border)}.alert-box{padding:12px 14px;border-radius:12px;background:#fff1eb;color:#8c432f}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;padding:12px 18px}.sidebar{display:flex;flex-direction:column;padding:12px 14px;min-height:calc(100vh - 24px)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:var(--text);margin-bottom:6px}.nav-item.active,.nav-item:hover{background:#eef7e9;color:var(--primary-dark)}.sidebar-footer{display:grid;gap:12px;margin-top:auto;padding-top:20px}.support-box{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-alt)}.support-box .secondary-btn{margin-top:8px}.content-area{display:grid;gap:0;width:100%;max-width:1240px;margin:0 auto;align-content:start}.page-section{display:grid;gap:16px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:4px 0 8px;margin-bottom:0}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-left a{display:flex;align-items:center}.topbar-divider{width:1px;height:24px;background:var(--border)}.topbar-page-title{font-size:1.05rem;font-weight:500;color:var(--text)}.brand-logo{width:80px;height:auto;object-fit:contain;flex-shrink:0}.section-header h2{margin:0;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;background:var(--surface-alt);border:1px solid var(--border);min-width:280px}.search-box input{border:none;background:transparent;padding:12px 0;outline:none}.avatar{width:50px;height:50px;border-radius:999px;background:#ebf5e5;color:var(--primary-dark);display:grid;place-items:center;font-weight:700}.eyebrow,.muted-label{color:var(--muted);font-size:.85rem;margin:0 0 4px}.muted-text{color:var(--muted)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi-card{padding:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.kpi-card h3{font-size:2.4rem;line-height:1;margin:8px 0}.kpi-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#eef7e9;color:var(--primary-dark)}.dashboard-layout,.split-layout,.scheduler-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.stack-lg,.stack-md,.stack-sm{display:grid}.stack-lg,.stack-md{gap:16px}.stack-sm{gap:12px}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.compact-view-switch{justify-content:flex-end}.compact-view-switch .secondary-btn{padding:10px 14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.calendar-card{padding:16px;border-radius:16px;background:var(--surface-alt);border:1px solid var(--border);min-height:96px}.calendar-card strong{display:block;font-size:.95rem}.calendar-card p{margin:8px 0 0;color:var(--muted);font-size:.92rem;line-height:1.35;word-break:break-word}.compact-calendar-card{min-height:104px}.compact-calendar-card p{margin-top:6px}.calendar-primary-line,.calendar-secondary-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.calendar-primary-line{color:var(--text)!important;font-weight:600}.calendar-secondary-line{font-size:.84rem!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--border);white-space:nowrap}thead th{color:var(--muted);font-weight:600;background:#fbfcfb}tr.row-selected,tbody tr:hover{background:#f9fcf7}.detail-card,.card{padding:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid div{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--surface-alt)}.detail-grid span,.stats-inline span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:4px}.upload-box{border:1px dashed #aab8a9;border-radius:18px;padding:20px;text-align:center;background:#fbfcfb}.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eef7e9;color:var(--primary-dark);font-size:.9rem}.big-tag{padding:10px 16px}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.pipeline span,.mini-card{padding:14px;border-radius:16px;background:var(--surface-alt);border:1px solid var(--border);text-align:center}.form-grid,.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full-span,.filter-grid label:first-child{grid-column:1 / -1}.stats-inline{display:flex;gap:20px;flex-wrap:wrap}.clean-list{margin:0;padding-left:18px;color:var(--text)}.status{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:.82rem;border:1px solid transparent}.status.pending{background:#eef5ff;color:#3361a2}.status.completed,.status.accepted{background:#edf9eb;color:#247148}.status.cancelled{background:#f1f2f4;color:#5f6c7b}.status.rejected,.status.late{background:#fff0ea;color:#b15330}@media (max-width: 1200px){.grid-3,.dashboard-layout,.split-layout,.scheduler-layout,.shell,.auth-page-shell{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{min-height:auto}}@media (max-width: 760px){.topbar,.topbar-actions,.topbar-title-wrap,.button-row,.auth-actions,.stats-inline{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.calendar-grid,.button-grid,.form-grid,.filter-grid,.detail-grid,.pipeline,.landing-copy-grid{grid-template-columns:1fr}.brand-logo{width:92px}.auth-card{padding:24px}.auth-side-panel{padding:24px 20px}}.sidebar-link-btn{display:inline-flex;justify-content:center;align-items:center}.back-link{display:inline-block;margin-bottom:14px;color:var(--muted)}.landing-shell{display:grid;gap:20px;padding:20px;max-width:1280px;margin:0 auto}.landing-hero{position:relative;overflow:hidden;padding:48px 32px;background:linear-gradient(180deg,#fff,#f8fbf7)}.landing-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 0 8px}.landing-logo{width:min(100%,200px);height:auto;object-fit:contain}.landing-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:48px 0 16px}.landing-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:0 0 16px}.landing-copy{font-size:1.05rem;max-width:48ch;color:var(--muted);line-height:1.6;margin-bottom:24px}.landing-visual{display:flex;justify-content:center}.visual-mock{width:100%;max-width:420px;border-radius:12px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.visual-header{display:flex;gap:6px;padding:10px 14px;background:var(--surface-alt);border-bottom:1px solid var(--border)}.visual-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.visual-body{display:grid;grid-template-columns:90px 1fr;min-height:200px}.visual-sidebar{padding:14px 12px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.visual-line{height:6px;border-radius:3px;background:var(--border)}.visual-line.w80{width:80%}.visual-line.w70{width:70%}.visual-line.w60{width:60%}.visual-line.w50{width:50%}.visual-line.w40{width:40%}.visual-main{padding:14px;display:flex;flex-direction:column;gap:12px}.visual-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visual-kpi{height:36px;border-radius:8px;background:var(--surface-alt);border:1px solid var(--border)}.visual-kpi.green{background:#eef7e9;border-color:#5cb33840}.visual-table{display:flex;flex-direction:column;gap:4px}.visual-row{height:14px;border-radius:4px;background:var(--surface-alt)}.visual-row.header{background:var(--primary);opacity:.15;height:16px}.trust-bar{display:flex;justify-content:center;gap:40px;padding:20px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.95rem}.landing-section{display:grid;gap:20px}.section-intro{text-align:center;padding:0 20px}.section-intro h2{margin:4px 0 0;font-size:1.6rem}.section-intro .eyebrow{margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.step-card{text-align:center}.step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#eef7e9;color:var(--primary-dark);font-weight:700;font-size:.9rem;margin-bottom:12px}.landing-list{line-height:1.7}.landing-list li{margin-bottom:8px}.cta-band{text-align:center;padding:48px 24px;background:linear-gradient(180deg,#f8fbf7,#fff)}.cta-band h2{margin:0 0 8px}.cta-band p{margin:0 0 20px}.landing-footer{text-align:center;padding:24px;color:var(--muted);font-size:.85rem}.grid-2-equal{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.hexagon{position:absolute;width:140px;aspect-ratio:1;background:linear-gradient(180deg,#5cb3381f,#5cb3380d);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%);border:1px solid rgba(92,179,56,.18)}.hex-1{top:30px;right:80px}.hex-2{bottom:50px;right:260px;width:90px}.hex-3{top:150px;right:420px;width:64px}.small-icon{width:54px;height:54px;border-radius:18px}@media (max-width: 1200px){.landing-content,.grid-2-equal,.steps-grid{grid-template-columns:1fr}}@media (max-width: 760px){.landing-topbar{flex-direction:column;align-items:stretch}.landing-content{grid-template-columns:1fr;display:grid}.landing-title{max-width:none}.hexagon{display:none}.trust-bar{gap:20px}.steps-grid{grid-template-columns:1fr}}.auth-page-shell{width:100%;max-width:1040px;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,480px);gap:20px;align-items:center}.auth-side-panel{padding:28px 24px;background:linear-gradient(180deg,#fff,#f8fbf7);position:relative;overflow:hidden}.auth-side-panel h2{margin:8px 0;font-size:1.65rem;line-height:1.2}.auth-side-panel .landing-logo{width:min(100%,180px)}.auth-meta-list{display:grid;gap:12px;margin-top:20px}.auth-meta-item{display:flex;align-items:flex-start;gap:10px}.auth-meta-item strong{display:block;margin-bottom:2px}.field-with-action{position:relative;display:block}.field-with-action input{padding-right:108px}.field-action-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;white-space:nowrap}.text-link{color:var(--muted)}.text-link:hover{color:var(--primary-dark)}.landing-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.landing-mini-card{padding:18px;border-radius:16px;border:1px solid var(--border);background:var(--surface)}.landing-mini-card h3{margin:10px 0 8px}.landing-mini-card p{margin:0}.landing-subcopy{max-width:60ch;margin:0 auto;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;z-index:1000;padding:24px}.modal-card{width:min(100%,560px);max-height:85vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2{margin:0;font-weight:500}.modal-close{width:36px;height:36px;border-radius:10px}.modal-body .form-grid{gap:14px}.modal-body .button-row{margin-top:16px}.active-view{background:var(--primary);color:#fff;border-color:var(--primary)}.active-view:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.avatar-menu-wrap{position:relative}.avatar-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer}.avatar-chevron{color:var(--muted);transition:transform .2s}.avatar-chevron.rotated{transform:rotate(180deg)}.avatar.small{width:36px;height:36px;font-size:.8rem}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;padding:12px;z-index:900}.avatar-dropdown-header{display:flex;align-items:center;gap:10px;padding:4px 0 10px}.avatar-dropdown-header strong{display:block;font-size:.95rem}.avatar-dropdown-header .muted-text{font-size:.82rem}.avatar-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.avatar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:none;background:none;border-radius:8px;color:var(--text);font-size:.92rem;cursor:pointer;text-align:left}.avatar-dropdown-item:hover{background:var(--surface-alt)}.input-readonly{background:var(--surface-alt);color:var(--muted);cursor:default}.form-msg{margin-top:12px;padding:10px 14px;border-radius:10px;font-size:.9rem}.form-msg.success{background:#edf9eb;color:#247148}.form-msg.error{background:#fff1eb;color:#8c432f}.clickable-row{cursor:pointer}.clickable-card{cursor:pointer;transition:border-color .15s}.clickable-card:hover{border-color:var(--primary)}.compact-action{padding:4px 10px;font-size:.85rem;font-weight:600;color:var(--primary-dark)}.compact-action:hover{background:var(--surface-alt);border-radius:8px}.inventory-activity-card,.inventory-history-block{padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-alt)}.inventory-activity-card strong,.inventory-history-block strong{display:block;margin-bottom:10px}.inventory-activity-list{display:grid;gap:10px}.inventory-activity-list span,.inventory-history-meta span{display:block;color:var(--muted);font-size:.85rem}.inventory-history-list{display:grid;gap:10px}.inventory-history-item{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px dashed var(--border)}.inventory-history-item:first-child{border-top:none;padding-top:0}.inventory-history-item .muted-text{display:block;margin-top:4px}.inventory-history-meta{min-width:140px;text-align:right}.danger-outline{border:1px solid #e7b4a4;background:#fff5f1;color:#a55135}.action-confirm-box{padding:14px;border-radius:12px;background:var(--surface-alt);border:1px solid var(--border)}.topbar,.content-area,.topbar-actions,.avatar-menu-wrap{overflow:visible}.avatar-menu-wrap{z-index:1200}.avatar-trigger{padding:4px;border-radius:999px}.avatar-trigger:hover{background:var(--surface-alt)}.avatar-dropdown{box-shadow:0 16px 40px #17203324;z-index:1300}.avatar-dropdown-item.dangerish{color:#b15330}.avatar-dropdown-item.dangerish:hover{background:#fff2ec}.toast-stack{position:fixed;top:18px;right:18px;display:grid;gap:10px;z-index:2000;width:min(360px,calc(100vw - 24px))}.toast-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 14px 32px #1720331f}.toast-item.success{border-color:#5cb33838;background:#f5fbf1}.toast-item.error{border-color:#b1533033;background:#fff3ee}.toast-item.info{border-color:#3a63be29;background:#f4f7ff}.toast-close{border:none;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1}.pipeline.six-up{grid-template-columns:repeat(6,minmax(0,1fr))}.nested-card{background:var(--surface-alt)}.selected-outline{border-color:#5cb33861;box-shadow:inset 0 0 0 1px #5cb3381a}.settings-split,.workorders-split{align-items:start}.settings-summary-grid,.settings-form-grid{margin-top:12px}.settings-list{margin-top:16px}.settings-item-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border)}@media (max-width: 1024px){.auth-page-shell{grid-template-columns:1fr;max-width:620px;margin:0 auto}.auth-card,.auth-side-panel{min-width:0;width:100%}}@media (max-width: 760px){html,body,#root{overflow-x:hidden}.auth-shell{padding:16px 12px}.auth-page-shell{display:flex;flex-direction:column;gap:16px;max-width:100%}.auth-card{order:1;width:100%;padding:20px}.auth-side-panel{order:2;width:100%;padding:20px 16px}.auth-side-panel h2{font-size:1.35rem;line-height:1.2}.field-with-action input{padding-right:78px}.landing-topbar,.landing-content,.trust-bar,.grid-2-equal,.steps-grid,.pipeline.six-up,.split-layout,.scheduler-layout,.workorders-split,.settings-split{grid-template-columns:1fr;flex-direction:column}.toast-stack{left:12px;right:12px;width:auto}}.mobile-only{display:none}.desktop-only{display:inline-flex}.sidebar-mobile-header,.mobile-nav-backdrop{display:none}.checkbox-inline{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.small-text{font-size:.9rem}.card-muted{opacity:.84}.tag-muted{opacity:.7}.calendar-empty-note{margin-top:12px}.section-header-wrap,.wrap-on-mobile{flex-wrap:wrap}.button-row.compact{gap:8px}@media (max-width: 900px){.detail-grid,.settings-summary-grid,.settings-form-grid{grid-template-columns:1fr}}@media (max-width: 760px){.shell{display:block;padding:12px}.mobile-only{display:inline-flex}.desktop-only{display:none}.content-area{max-width:100%}.page-section{gap:12px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);z-index:1600;transform:translate(-104%);transition:transform .22s ease;margin:0;overflow-y:auto;border-radius:0 18px 18px 0;min-height:100vh}.sidebar.sidebar-open{transform:translate(0)}.sidebar-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#17203347;border:none;z-index:1500}.topbar{align-items:center;gap:12px}.topbar-left,.topbar-actions{width:100%;justify-content:space-between}.topbar-page-title{font-size:1rem}.topbar-actions{flex-direction:row}.topbar-actions .primary-btn{flex:1;justify-content:center}.avatar-dropdown{right:0;left:auto;width:min(92vw,320px)}.grid-3,.dashboard-layout,.split-layout,.scheduler-layout,.workorders-split,.details-below-mobile,.settings-split{grid-template-columns:1fr!important}.button-grid{grid-template-columns:1fr}.table-wrap{overflow-x:auto}table{min-width:640px}.detail-card,.compact-card,.card{min-width:0}.landing-shell{padding:12px}.landing-hero{padding:24px 18px}.landing-topbar{flex-direction:column;align-items:flex-start}.landing-content{grid-template-columns:1fr;gap:24px;padding:24px 0 8px}.landing-title{font-size:2.1rem}.trust-bar,.grid-2-equal,.steps-grid,.landing-copy-grid{grid-template-columns:1fr!important}.auth-shell{padding:12px}.auth-page-shell{display:flex!important;flex-direction:column!important;gap:16px!important;max-width:100%!important;width:100%!important}.auth-side-panel,.auth-card{width:100%!important;min-width:0!important;max-width:100%!important}.auth-card{order:1;padding:20px}.auth-side-panel{order:2;padding:20px 16px}.auth-card-header h1,.auth-side-panel h2{font-size:1.15rem;line-height:1.25}.auth-meta-item{align-items:flex-start}.field-with-action{display:block}.field-with-action input{padding-right:104px}.field-action-btn{right:10px;width:auto;justify-content:center;font-size:.9rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;background:#1720335c;display:grid;place-items:center;padding:18px}.modal-card{width:min(760px,100%);max-height:min(88vh,920px);overflow-y:auto}