:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17201c;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{background:#f5f7f8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #dce4e0;border-radius:8px;gap:22px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 18px 36px #10181514}.login-brand{color:#17201c}.login-panel p{color:#60736a;margin-top:6px}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#f7faf8;background:#101815;flex-direction:column;gap:24px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0;overflow:hidden}.brand,.sidebar-status,.nav-item,.topbar,.topbar-actions,.search,.panel-header,.stat-card,.task-item,.alert-item{align-items:center;display:flex}.brand{gap:12px}.brand-mark,.stat-icon{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.brand-mark{background:#ff6b2c}.brand strong,.sidebar-status strong{display:block}.brand span,.sidebar-status span{color:#aab8b1;font-size:13px}.nav-list{flex:auto;align-content:start;gap:6px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.nav-item{color:#d8e1dd;text-align:left;background:0 0;border:0;border-radius:7px;gap:10px;min-height:42px;padding:0 12px}.nav-item.active,.nav-item:hover{color:#fff;background:#203029}.sidebar-status{border:1px solid #2d4138;border-radius:8px;flex:none;gap:10px;padding:12px}.main{min-width:0;padding:26px}.topbar{justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{color:#60736a;text-transform:uppercase;font-size:12px;font-weight:700;display:block}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:18px}.topbar-actions{gap:10px}.tenant-picker{gap:5px;width:min(320px,52vw);margin-bottom:4px;display:grid}.tenant-picker select{color:#17201c;background:#fff;border:1px solid #d8e1dd;border-radius:7px;width:100%;min-height:36px;padding:0 10px}.search{background:#fff;border:1px solid #dce4e0;border-radius:8px;gap:8px;width:min(420px,42vw);min-height:42px;padding:0 12px}.search input{border:0;outline:0;width:100%;min-width:0}.icon-button,.text-button{color:#17201c;background:#fff;border:1px solid #d8e1dd;border-radius:8px}.icon-button{place-items:center;width:42px;height:42px;display:grid}.text-button{min-height:38px;padding:0 14px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #dce4e0;border-radius:8px;min-width:0;box-shadow:0 14px 28px #1018150d}.stat-card{gap:12px;min-height:116px;padding:16px}.stat-icon{color:#1f6a46;background:#e9f3ee}.stat-card p,.panel p,.table-head,.task-item span,.alert-item span,.rule-list span{color:#60736a;font-size:13px}.stat-card strong{margin-top:4px;font-size:27px;display:block}.stat-card span{color:#60736a;font-size:12px}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start;gap:18px;display:grid}.panel{padding:18px}.wide{grid-row:span 2}.content-grid>.panel:only-child{grid-column:1/-1}.panel-header{justify-content:space-between;gap:16px;margin-bottom:16px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.panel-header.compact{margin-bottom:10px}.table{gap:4px;width:100%;min-width:0;display:grid}.table-row{border-radius:7px;grid-template-columns:minmax(220px,1fr) 100px 80px 120px 130px;align-items:center;gap:12px;padding:12px 10px;display:grid}.table-row:not(.table-head):hover{background:#f5f8f6}.table-head{font-weight:700}.status-pill,.severity{border-radius:999px;width:max-content;padding:5px 9px;font-size:12px;font-weight:700}.status-pill{color:#245840;background:#e4f4eb}.rule-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rule-list li{border-top:1px solid #edf1ef;padding-top:12px}.rule-list strong,.rule-list span{display:block}.stack{gap:10px;display:grid}.alert-item{background:#f8faf9;border-radius:8px;justify-content:space-between;gap:12px;padding:12px}.alert-item strong,.alert-item span,.alert-item p{display:block}.alert-item p{margin-top:6px;font-size:13px}.severity.alta{color:#87520d;background:#fff0d3}.severity.media{color:#315f44;background:#dff2e8}.severity.critica{color:#8a1f1f;background:#ffe0df}.task-item{background:#f8faf9;border-radius:8px;gap:10px;padding:12px}.task-item svg{color:#1f6a46;flex:none}.task-item strong,.task-item span{display:block}.table-scroll{width:100%;overflow-x:auto}.data-table{gap:4px;min-width:760px;display:grid}.data-table.sticky-actions{min-width:960px}.data-row{border-radius:7px;align-items:center;gap:12px;padding:12px 10px;display:grid}.data-row:not(.data-head):hover{background:#f5f8f6}.data-row span{overflow-wrap:anywhere;min-width:0}.data-table.sticky-actions .data-row>span:last-child{z-index:2;background:#fff;position:sticky;right:0;box-shadow:-12px 0 18px #ffffffe6}.data-table.sticky-actions .data-row:not(.data-head):hover>span:last-child{background:#f5f8f6;box-shadow:-12px 0 18px #f5f8f6f2}.data-head{color:#60736a;font-size:13px;font-weight:700}.connection-guide{grid-template-columns:minmax(0,1fr) 260px;gap:18px;display:grid}.connection-guide h3{margin:0;font-size:16px}.connection-guide-main{min-width:0}.connection-steps{gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.connection-step{color:#60736a;grid-template-columns:22px minmax(0,1fr);gap:9px;display:grid}.connection-step svg{color:#b7c4be;margin-top:2px}.connection-step.done svg{color:#1f6a46}.connection-step strong,.connection-step span{display:block}.connection-step strong{color:#17201c;font-size:14px}.connection-step span,.connection-meta{color:#60736a;font-size:13px}.connection-meta{flex-wrap:wrap;gap:8px 14px;margin-bottom:14px;display:flex}.warning-text{color:#9a5b00;font-weight:700}.success-text{color:#1f6a46;font-weight:700}.qr-panel{background:#fff;border:1px solid #dce4e0;border-radius:8px;place-items:center;gap:10px;min-height:250px;padding:12px;display:grid}.qr-image{width:220px;height:220px;image-rendering:pixelated}.qr-expiry{color:#1f6a46;font-size:13px;font-weight:700}.qr-placeholder{text-align:center;color:#60736a;place-items:center;gap:8px;padding:16px;display:grid}.qr-placeholder strong{color:#17201c}.copy-button{color:#17201c;background:#fff;border:1px solid #d8e1dd;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:0 11px;display:inline-flex}.modal-backdrop{z-index:40;background:#090f0d7a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #dce4e0;border-radius:8px;width:min(760px,100%);max-height:min(760px,100vh - 44px);padding:18px;overflow:auto;box-shadow:0 24px 70px #090f0d38}.modal-header{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.modal-header p{color:#60736a;margin-top:4px;font-size:13px}.modal-actions{border-top:1px solid #edf1ef;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.modal-actions .primary-button,.modal-actions .secondary-button{width:auto;min-width:120px}.empty-state{color:#60736a;background:#f8faf9;border:1px dashed #cfd9d4;border-radius:8px;padding:18px}.error-state{color:#8a1f1f;background:#fff3f2;border-color:#f0b8b5}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-grid>div{background:#f8faf9;border:1px solid #edf1ef;border-radius:8px;padding:14px}.settings-grid span,.settings-grid strong{display:block}.settings-grid span{color:#60736a;text-transform:uppercase;font-size:12px;font-weight:700}.settings-grid strong{margin-top:6px;font-size:14px;line-height:1.45}.span-2{grid-column:1/-1}.status-pill.connected,.status-pill.active,.status-pill.ready,.status-pill.sent,.status-pill.done,.status-pill.allow,.status-pill.true{color:#245840;background:#e4f4eb}.status-pill.open,.status-pill.high,.status-pill.urgent,.status-pill.critical{color:#8a1f1f;background:#ffe0df}.status-pill.medium,.status-pill.draft,.status-pill.next_business_day{color:#87520d;background:#fff0d3}.status-pill.false,.status-pill.disabled,.status-pill.archived,.status-pill.failed{color:#5f6864;background:#edf1ef}.resource-form{gap:14px;display:grid}.form-heading{gap:4px;display:grid}.form-heading strong{font-size:14px}.form-heading span{color:#60736a;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-field{gap:6px;min-width:0;display:grid}.form-field span,.checkbox-field span{color:#60736a;text-transform:uppercase;font-size:12px;font-weight:700}.form-field input,.form-field select,.form-field textarea{color:#17201c;background:#fff;border:1px solid #d8e1dd;border-radius:7px;outline:0;width:100%;min-width:0;min-height:40px;padding:0 10px}.form-field textarea{resize:vertical;min-height:92px;padding:10px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.search:focus-within{border-color:#1f6a46;box-shadow:0 0 0 3px #1f6a461a}.checkbox-field{align-items:center;gap:8px;min-height:40px;display:flex}.checkbox-field input{accent-color:#1f6a46;width:16px;height:16px}.primary-button,.secondary-button,.mini-button{border:1px solid #0000;border-radius:7px;font-weight:700}.primary-button{color:#fff;background:#ff6b2c;width:100%;min-height:42px}.primary-button:hover{background:#e85d21}.secondary-button{color:#17201c;background:#fff;border-color:#d8e1dd;min-height:40px;padding:0 14px}.secondary-button:hover{background:#f5f8f6}.action-launcher{justify-content:center;width:100%}.panel-header .action-launcher{width:auto}.action-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mini-button{color:#17201c;white-space:nowrap;background:#fff;border-color:#d8e1dd;align-items:center;gap:6px;min-height:30px;padding:0 9px;display:inline-flex}.mini-button:hover{background:#f5f8f6}.mini-button.success{color:#245840;background:#e4f4eb;border-color:#c6e6d5}.mini-button.danger{color:#8a1f1f;background:#fff3f2;border-color:#f0b8b5}@media (width<=1100px){.app-shell{grid-template-columns:88px 1fr}.brand div:last-child,.nav-item span,.sidebar-status div{display:none}.nav-item{justify-content:center}.stats-grid,.content-grid{grid-template-columns:1fr 1fr}.connection-guide{grid-template-columns:1fr}.wide{grid-column:1/-1}}@media (width<=760px){.app-shell{display:block}.sidebar{display:none}.main{padding:18px}.topbar,.topbar-actions{flex-direction:column;align-items:stretch}.search,.tenant-picker{width:100%}.stats-grid,.content-grid{grid-template-columns:1fr}.table{display:block;overflow-x:auto}.table-row{min-width:720px}.settings-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}