:root{color:#17201a;background:#f5f7f4;--brand-accent: #1f7a55;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root{--brand-accent: #176b4d;--ink: #15221b;--muted: #607068;--line: #dbe5df;--panel: #ffffff;--panel-soft: #f8faf9;--nav: #10231b;--nav-muted: #9fb2a8;--blue: #2b5c88;--shadow: 0 18px 50px rgba(21, 34, 27, .09)}body{background:#f4f7f6;color:var(--ink)}a{color:inherit;text-decoration:none}.primary-action,.secondary-action,.mini-action,.module-card,.lifecycle-step,.role-card,.document-row{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.primary-action:hover,.secondary-action:hover,.mini-action:hover,.module-card:hover,.lifecycle-step:hover{transform:translateY(-1px)}.landing-shell{background:radial-gradient(circle at 80% 10%,rgba(23,107,77,.13),transparent 28%),linear-gradient(180deg,#f6faf8,#eef4f2 52%,#fff);min-height:100vh}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;padding:22px}.landing-nav-links{color:var(--muted);display:flex;gap:18px;font-size:.9rem;font-weight:800}.landing-hero{align-items:center;display:grid;gap:34px;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);margin:0 auto;max-width:1180px;min-height:640px;padding:34px 22px 58px}.hero-copy h1{font-size:clamp(2.6rem,6vw,5.6rem);letter-spacing:-.03em;line-height:.94;margin:0 0 24px;max-width:780px}.hero-copy p:not(.eyebrow){color:#4f6158;font-size:1.14rem;line-height:1.7;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.landing-auth-card{border-radius:14px;box-shadow:var(--shadow)}.landing-section{display:grid;gap:22px;margin:0 auto;max-width:1180px;padding:58px 22px}.landing-section h2{font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.02em;line-height:1.05;margin:0}.landing-section.split{align-items:center;grid-template-columns:minmax(0,1fr) minmax(280px,420px)}.landing-card-grid,.pricing-preview{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-card{background:#ffffffe6;border:1px solid rgba(219,229,223,.9);border-radius:12px;box-shadow:0 12px 35px #15221b0d;display:grid;gap:10px;padding:18px}.landing-card svg{color:var(--brand-accent)}.landing-card p,.landing-section p{color:var(--muted);line-height:1.6;margin:0}.code-showcase{background:#0e1f18;border:1px solid #1d3a2d;border-radius:14px;color:#d8efe4;font:.9rem/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;padding:22px}.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.app-shell{background:#f4f7f6;grid-template-columns:292px 1fr}.sidebar{background:linear-gradient(180deg,var(--nav),#142b22);border-right:1px solid #19372a;color:#fff;min-height:100vh;overflow-y:auto;position:sticky;top:0}.sidebar .brand-mark{color:#fff}.grouped-nav{display:grid;gap:18px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);color:var(--nav-muted);display:flex;font-size:.78rem;font-weight:800;justify-content:space-between;margin-top:auto;padding-top:16px}.sidebar-footer a{align-items:center;display:inline-flex;gap:7px}.nav-group{display:grid;gap:6px}.nav-group p{color:var(--nav-muted);font-size:.68rem;font-weight:900;letter-spacing:.12em;margin:0 8px 4px;text-transform:uppercase}.grouped-nav button{color:#dce9e3;width:100%}.grouped-nav button em{background:#ffffff1f;border-radius:999px;color:#dce9e3;font-size:.68rem;font-style:normal;font-weight:900;margin-left:auto;padding:3px 7px}.grouped-nav button.active,.grouped-nav button:hover{background:#ffffff1a;color:#fff}.mobile-menu-button{display:none}.command-search{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:#6a7b72;display:flex;flex:1;gap:10px;max-width:420px;min-height:42px;padding:0 12px}.command-search kbd{background:#eef3f0;border:1px solid #d6e1db;border-radius:6px;color:#405149;font-size:.72rem;font-weight:900;margin-left:auto;padding:3px 6px}.module-board,.detail-panel,.activity-strip,.metric,.analytics-panel{border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #15221b0a}.analytics-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel{background:#fff;padding:16px}.funnel-chart,.alert-stack{display:grid;gap:9px}.funnel-chart button{background:#f8faf9;border:1px solid #e3ebe6;border-radius:9px;color:var(--ink);display:grid;gap:8px;padding:10px;position:relative;text-align:left}.funnel-chart button:after{background:linear-gradient(90deg,#176b4d3d,#2b5c882e);border-radius:0 0 8px 8px;bottom:0;content:"";height:4px;left:0;position:absolute;width:var(--bar-width)}.funnel-chart button strong{color:var(--brand-accent);font-size:1.2rem}.alert-stack button{align-items:center;background:#fffaf0;border:1px solid #f0dfbd;border-radius:9px;color:#684713;display:flex;gap:12px;padding:12px;text-align:left}.premium-empty{align-items:start;background:#f7fbf9;border:1px solid #dcebe3;border-radius:10px;color:#315646;display:grid;gap:8px;padding:16px}.premium-empty p{color:var(--muted);margin:0}.premium-empty.action-empty{align-items:flex-start;border-style:solid;justify-items:start}.launch-checklist{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:grid;gap:22px;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);padding:22px}.launch-checklist h2{font-size:1.25rem;margin:4px 0 8px}.launch-checklist p{color:var(--muted);line-height:1.55;margin:0}.checklist-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.checklist-grid button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;gap:9px;min-height:42px;padding:10px 12px;text-align:left}.checklist-grid button.complete{background:#eff8f2;border-color:#b8ddc8;color:#1f6a45}.report-filter-bar{background:#f8faf9;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px}.compact-chart{min-height:190px}.bar-row{align-items:center;display:grid;gap:8px;grid-template-columns:78px minmax(0,1fr) 34px;margin:9px 0}.bar-row span{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row div{background:#edf3f0;border-radius:99px;height:8px;overflow:hidden}.bar-row i{background:linear-gradient(90deg,var(--brand-accent),var(--blue));border-radius:inherit;display:block;height:100%}.bar-row strong{font-size:.82rem;text-align:right}.empty{background:#f8faf9;border:1px dashed #cfdcd5;border-radius:10px;display:block;padding:14px;text-align:center}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{bottom:0;left:0;max-width:320px;position:fixed;top:0;transform:translate(-104%);transition:transform .2s ease;width:84vw;z-index:10}.sidebar-open .sidebar{transform:translate(0)}.mobile-menu-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;display:inline-flex;height:40px;justify-content:center;width:40px}.analytics-grid,.landing-hero,.landing-section.split,.landing-card-grid,.launch-checklist,.pricing-preview,.report-filter-bar,.checklist-grid{grid-template-columns:1fr}.command-search,.landing-nav-links{display:none}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand-mark{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brand-mark svg{color:var(--brand-accent)}.brand-mark img{border-radius:6px;height:28px;object-fit:contain;width:28px}.brand-mark.compact{padding:6px 8px 22px}.eyebrow{color:#506057;font-size:.76rem;font-weight:800;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}h1,h2,p{margin-top:0}form,label{display:grid;gap:8px}form{gap:16px}label{color:#445148;font-size:.87rem;font-weight:700}input,select,textarea{background:#fff;border:1px solid #ced8d0;border-radius:7px;color:#17201a;outline:none;padding:12px 13px}textarea{line-height:1.5;min-height:132px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #1f7a5521}.primary-action,.center-state button{background:var(--brand-accent);border:0;border-radius:7px;color:#fff;font-weight:800;padding:13px 16px}.secondary-action{align-items:center;background:#eaf3ee;border:1px solid #c8ded1;border-radius:7px;color:#174f39;display:inline-flex;font-weight:800;gap:8px;justify-content:center;padding:12px 14px}.primary-action:disabled,.secondary-action:disabled{opacity:.68}.error{background:#fff0ef;border:1px solid #ffc7c2;border-radius:7px;color:#9b2118;margin:0;padding:10px 12px}.success{background:#eef8f1;border:1px solid #b8dfc4;border-radius:7px;color:#22613c;margin:0;padding:10px 12px}.muted-line{color:#5b6860;font-size:.86rem;margin:0}.api-key-box{align-items:center;background:#101828;border-radius:7px;color:#e9f7ef;display:flex;gap:10px;justify-content:space-between;font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.6;margin:0;overflow-wrap:anywhere;padding:12px}.api-key-box span{overflow-wrap:anywhere}.api-key-box .mini-action{align-items:center;background:#243247;border-color:#3b4c66;color:#fff;display:inline-flex;flex:0 0 auto;gap:6px}.snippet-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.snippet-grid pre{background:#101828;border-radius:7px;color:#e9f7ef;font-size:.72rem;line-height:1.45;margin:0;overflow:auto;padding:10px;white-space:pre-wrap}.field-hint{color:#647067;font-size:.82rem;line-height:1.45;margin:-4px 0 0}.lifecycle-strip{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.lifecycle-step{background:#fff;border:1px solid #dfe8e1;border-radius:8px;color:#17201a;display:grid;gap:6px;padding:12px;text-align:left}.lifecycle-step span{color:#657168;font-size:.82rem}.compact-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.auth-shell{background:#eef3f6;display:grid;min-height:100vh;padding:32px 16px;place-items:center}.auth-panel{background:#fff;border:1px solid #d7e0e6;border-radius:8px;box-shadow:0 18px 55px #16222c1f;display:grid;gap:18px;padding:28px;width:min(520px,100%)}.super-admin-panel{width:min(1040px,100%)}.auth-tabs{display:grid;gap:8px;grid-template-columns:1fr 1fr}.auth-tabs button{background:#f7fafc;border:1px solid #cfd9e0;border-radius:8px;color:#354650;font-weight:800;padding:10px 12px}.auth-tabs button.active{background:#e8f4ee;border-color:#1f7a55;color:#174f39}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.embedded-shell{background:#fff;min-height:100vh}.embedded-shell .sidebar{border-right-color:#e7ece8}.embedded-shell nav button.active,.embedded-shell nav button:hover,.embedded-shell .admin-chip small{background:color-mix(in srgb,var(--brand-accent) 12%,white);color:#173b2f}.sidebar{background:#fff;border-right:1px solid #dfe5df;padding:18px}nav{display:grid;gap:6px}nav button{align-items:center;background:transparent;border:0;border-radius:7px;color:#4d5951;display:flex;gap:10px;min-height:42px;padding:10px;text-align:left}nav button.active,nav button:hover{background:#eaf3ee;color:#174f39}.workspace{display:grid;gap:22px;padding:26px}.environment-banner{background:#fff7df;border:1px solid #efd187;border-radius:8px;color:#735a17;font-size:.86rem;font-weight:900;padding:10px 14px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:18px}.topbar h1{font-size:1.9rem;line-height:1.1;margin:0}.admin-chip{align-items:center;background:#fff;border:1px solid #dfe5df;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:8px 8px 8px 12px}.admin-chip small{background:#eaf3ee;border-radius:6px;color:#174f39;font-size:.72rem;font-weight:800;padding:4px 6px}.admin-chip button,.chip-icon-link{align-items:center;background:#f0f4f1;border:0;border-radius:6px;display:inline-flex;height:32px;justify-content:center;width:32px}.admin-chip .chip-action{border:1px solid #cfe0d6;border-radius:999px;color:#1f5c42;font-size:.72rem;font-weight:800;height:auto;padding:6px 9px;width:auto}.metrics-grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(120px,1fr))}.integration-stat-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.integration-stat-grid .metric-card{align-items:start;background:#fff;border:1px solid #dfe5df;border-radius:8px;display:grid;gap:8px;min-height:112px;padding:14px}.integration-stat-grid .metric-card svg{color:var(--brand-accent)}.integration-stat-grid .metric-card strong{font-size:1.5rem}.integration-stat-grid .metric-card span{color:#5b6860;font-size:.82rem;font-weight:800}.metric{background:#fff;border:1px solid #dfe5df;border-radius:8px;display:grid;gap:12px;min-height:102px;padding:16px}.metric span{color:#58645d;font-size:.84rem;font-weight:700}.metric strong{font-size:2rem}.content-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 340px}.module-board,.detail-panel,.activity-strip{background:#fff;border:1px solid #dfe5df;border-radius:8px;padding:18px}.section-title{align-items:center;display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.section-title h2,.detail-panel h2{font-size:1.05rem;margin:0}.section-title span,.detail-panel p{color:#5b6860}.module-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(220px,1fr))}.module-card{background:#fbfcfb;border:1px solid #dfe5df;border-radius:8px;color:#17201a;display:grid;gap:9px;min-height:168px;padding:16px;text-align:left}.module-card svg{color:#26547c}.module-card span,.module-card small,.record span,.activity-row small{color:#627069}.module-card.active{border-color:#1f7a55;box-shadow:inset 0 0 0 1px #1f7a55}.record-list{display:grid;gap:10px;margin-top:18px}.record-actions{display:flex;flex-wrap:wrap;gap:8px}.offer-panel{display:grid;gap:16px}.compact-form{background:#fbfcfb;border:1px solid #e1e8e2;border-radius:8px;display:grid;gap:12px;padding:14px}.custom-field-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.custom-field-input{display:grid;gap:8px}.empty-note{color:#68736c;font-size:.85rem;margin:0}.issue-form{background:#f6f9fb;border-color:#dce8ef}.form-heading{align-items:center;color:#17201a;display:flex;gap:8px}.form-heading svg{color:#26547c}.two-column-fields{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.letter-preview{background:#f7f9f7;border:1px solid #e4e9e4;border-radius:8px;padding:14px}.letter-preview pre{color:#29332d;font:.82rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;margin:0;max-height:260px;overflow:auto;white-space:pre-wrap}.exit-checklist{background:#f7f9f7;border:1px solid #e4e9e4;border-radius:8px;padding:14px}.checklist-list{display:grid;gap:8px}.checklist-item{align-items:center;background:#fff;border:1px solid #e3e9e4;border-radius:7px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.checklist-item strong{display:block;font-size:.88rem;line-height:1.35}.checklist-item small{color:#66736b;display:block;font-size:.74rem;font-weight:800;margin-top:4px}.checklist-item button{background:#eaf3ee;border:1px solid #c8ded1;border-radius:6px;color:#174f39;font-size:.78rem;font-weight:800;padding:7px 9px}.workflow-summary{background:#f7f9f7;border:1px solid #e4e9e4;border-radius:8px;padding:14px}.workflow-summary p{color:#5b6860;margin-bottom:12px}.config-category-list{display:grid;gap:12px}.config-category{background:#f7f9f7;border:1px solid #e4e9e4;border-radius:8px;padding:12px}.directory-filters{background:#fbfcfb;border:1px solid #e1e8e2;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr);padding:14px}.directory-grid{display:grid;gap:10px}.directory-card{background:#fff;border:1px solid #e3e9e4;border-radius:8px;display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr);padding:12px}.directory-avatar{align-items:center;background:#26547c;border-radius:8px;color:#fff;display:flex;font-size:.78rem;font-weight:900;height:44px;justify-content:center;width:44px}.directory-card strong,.directory-card span,.directory-card small{display:block}.directory-card span,.directory-card small{color:#66736b;font-size:.78rem;line-height:1.4}.directory-card dl{display:grid;gap:8px;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.directory-card dt{color:#66736b;font-size:.68rem;font-weight:800;text-transform:uppercase}.directory-card dd{color:#17201a;font-size:.82rem;font-weight:700;margin:3px 0 0;overflow-wrap:anywhere}.payslip-list{display:grid;gap:10px}.payslip-card{background:#fff;border:1px solid #e3e9e4;border-radius:8px;display:grid;gap:12px;padding:12px}.payslip-card strong,.payslip-card span{display:block}.payslip-card span{color:#66736b;font-size:.78rem;margin-top:4px}.payslip-card dl{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.payslip-card dt{color:#66736b;font-size:.68rem;font-weight:800;text-transform:uppercase}.payslip-card dd{color:#17201a;font-size:.82rem;font-weight:800;margin:3px 0 0}.document-list{display:grid;gap:8px}.document-row{align-items:center;background:#fff;border:1px solid #e3e9e4;border-radius:7px;display:grid;gap:8px;grid-template-columns:12px 1fr auto;padding:10px}.document-row.action-row{grid-template-columns:12px minmax(0,1fr) auto auto}.document-row small{color:#66736b}.status-dot{background:#1f7a55;border-radius:99px;height:10px;width:10px}.status-dot.pending{background:#d29422}.row-actions{display:inline-flex;gap:6px}.row-actions button{background:#eaf3ee;border:1px solid #c8ded1;border-radius:6px;color:#174f39;font-size:.78rem;font-weight:800;padding:6px 8px}.permission-grid{display:grid;gap:8px}.checkbox-row{align-items:center;background:#fff;border:1px solid #e3e9e4;border-radius:7px;display:flex;gap:9px;min-height:38px;padding:8px 10px}.checkbox-row input{height:16px;width:16px}.checkbox-row span{color:#344139;font-size:.84rem}.role-list{display:grid;gap:10px}.role-card{background:#f7f9f7;border:1px solid #e4e9e4;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr auto;padding:13px}.role-card p{color:#5b6860;font-size:.86rem;margin:4px 0 0}.role-card span{color:#26547c;font-size:.78rem;font-weight:800}.mini-action{align-self:start;background:#eaf3ee;border:1px solid #c8ded1;border-radius:6px;color:#174f39;font-size:.78rem;font-weight:800;padding:7px 10px}.report-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid .metric{min-height:88px;padding:13px}.audit-list{display:grid;gap:10px}.audit-card{background:#f7f9f7;border:1px solid #e4e9e4;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:13px}.audit-card p{color:#5b6860;font-size:.84rem;margin:4px 0 0}.audit-card span{color:#66736b;font-size:.78rem;white-space:nowrap}.notification-list{display:grid;gap:10px}.notification-card{background:#f7f9f7;border:1px solid #e4e9e4;border-left:4px solid #26547c;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:13px}.notification-card.warning{border-left-color:#d29422}.notification-card.critical{border-left-color:#b83a2e}.notification-card p{color:#5b6860;margin:4px 0 0}.notification-card span{color:#26547c;font-size:.78rem;font-weight:800}.record,.activity-row{background:#f7f9f7;border:1px solid #e4e9e4;border-radius:7px;display:grid;gap:4px;padding:12px}.empty{color:#66736b}.activity-strip{display:grid;gap:8px}.activity-row{align-items:center;grid-template-columns:90px 1fr 100px}.activity-row span{color:#26547c;font-weight:800}.center-state{align-items:center;display:grid;gap:14px;justify-content:center;min-height:100vh}@media(max-width:1080px){.app-shell,.content-grid{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dfe5df;border-right:0}nav{grid-template-columns:repeat(2,minmax(160px,1fr))}.metrics-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:680px){.workspace{padding:20px}.topbar,.section-title{align-items:flex-start;flex-direction:column}nav,.metrics-grid,.module-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:1fr}}