:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1180px;background:#f4f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#0f172a;color:#e2e8f0;padding:22px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-mark{width:38px;height:38px;border-radius:10px;background:#2563eb;display:grid;place-items:center;color:#fff}.brand strong{display:block;color:#fff}.brand small{color:#94a3b8}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:9px;color:#cbd5e1;text-decoration:none;border:0;background:transparent;text-align:left}.nav-item:hover,.nav-item.active{background:#1e293b;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #243244;padding-top:16px}.user-mini{display:flex;gap:10px;align-items:center;padding:8px}.user-mini strong{display:block;font-size:13px;color:#fff;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini small{font-size:11px;color:#94a3b8}.logout{margin-top:6px}.main-shell{margin-left:250px;min-width:calc(100% - 250px)}.topbar{height:68px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar strong{display:block}.topbar small{display:block;color:#94a3b8;margin-top:2px;font-size:11px}.demo-pill{font-size:11px;font-weight:800;letter-spacing:.08em;background:#e0f2fe;color:#0369a1;padding:6px 10px;border-radius:999px}.content{padding:28px;max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.page-header h1{font-size:28px;margin:0 0 5px}.page-header p{margin:0;color:#64748b}.header-actions,.form-actions{display:flex;gap:10px;align-items:center}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0f172a06;margin-bottom:18px}.card h3{margin:0 0 16px;font-size:16px}.card h4{margin:20px 0 10px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi{margin:0}.kpi span{display:block;color:#64748b;font-size:13px}.kpi strong{display:block;font-size:30px;margin-top:8px}.kpi small{color:#94a3b8}.two-col,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input,.filters select,.form-grid input,.form-grid select,textarea,.login-card input{border:1px solid #cbd5e1;border-radius:9px;padding:10px 12px;background:#fff;outline:none}.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus,textarea:focus,.login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-icon{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding-left:10px;min-width:280px}.input-icon input{border:0!important;box-shadow:none!important;width:100%}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#64748b;font-weight:700;padding:11px 10px;border-bottom:1px solid #e2e8f0;background:#f8fafc}td{padding:12px 10px;border-bottom:1px solid #eef2f7;vertical-align:middle}tr.clickable:hover{background:#f8fafc;cursor:pointer}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;letter-spacing:.04em;background:#e2e8f0;color:#475569}.badge-validated,.badge-pass,.badge-success,.badge-registered-sap,.badge-connected{background:#dcfce7;color:#166534}.badge-observed,.badge-pending,.badge-pending-sap,.badge-uploaded,.badge-draft{background:#fef3c7;color:#92400e}.badge-fail,.badge-error,.badge-sap-error,.badge-rejected,.badge-disconnected{background:#fee2e2;color:#991b1b}.badge-processing,.badge-syncing-sap{background:#dbeafe;color:#1d4ed8}.primary,.secondary,.warning,.danger,.icon-btn{border:0;border-radius:9px;padding:10px 14px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.primary{background:#2563eb;color:#fff}.primary:hover{background:#1d4ed8}.secondary{background:#fff;border:1px solid #cbd5e1;color:#334155}.warning{background:#f59e0b;color:#fff}.danger{background:#dc2626;color:#fff}.wide{width:100%;justify-content:center}.icon-btn{background:transparent;font-size:22px;padding:4px 8px}.loading,.empty{padding:40px;text-align:center;color:#64748b}.error-box{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;margin-bottom:16px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;color:#64748b;font-size:13px}.pagination button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:7px 10px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.detail-list div{border-bottom:1px solid #eef2f7;padding-bottom:9px}.detail-list dt{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:700}.detail-list dd{margin:5px 0 0;font-weight:600}.financial-summary{display:grid;gap:16px}.financial-summary span{display:flex;justify-content:space-between;padding:14px;border-radius:10px;background:#f8fafc}.financial-summary strong{font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid label,.login-card label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#475569}.stepper{display:flex;gap:8px;margin-bottom:22px}.stepper span{padding:8px 12px;border-radius:999px;background:#e2e8f0;color:#64748b;font-size:12px;font-weight:700}.stepper span.active{background:#dbeafe;color:#1d4ed8}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dropzone{border:1.5px dashed #94a3b8;border-radius:12px;padding:26px;display:grid;place-items:center;text-align:center;gap:7px;color:#64748b;cursor:pointer}.dropzone:hover{border-color:#2563eb;background:#f8fbff}.dropzone strong{color:#0f172a}.form-actions{justify-content:flex-end;margin-top:16px}.validation-hero{display:flex;gap:14px;align-items:center}.validation-hero svg{width:34px;height:34px}.validation-hero.ok{border-color:#bbf7d0;background:#f0fdf4}.validation-hero.ok svg{color:#16a34a}.validation-hero.fail{border-color:#fde68a;background:#fffbeb}.validation-hero.fail svg{color:#d97706}.file-list{display:flex;flex-wrap:wrap;gap:8px}.file-button{border:1px solid #cbd5e1;background:#f8fafc;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:6px}.validation-list{display:grid;gap:8px}.validation-row{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #eef2f7;border-radius:9px}.validation-row p{margin:3px 0 0;color:#64748b;font-size:12px}.observation{padding:14px;border-left:3px solid #f59e0b;background:#fffbeb;margin:8px 0}.observation p{margin:6px 0}.observation small{color:#92400e}.timeline{position:relative;padding-left:8px}.timeline-event{display:flex;gap:12px;padding:0 0 18px}.timeline-event>span{width:10px;height:10px;background:#2563eb;border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px #dbeafe}.timeline-event strong{display:block}.timeline-event small{display:block;color:#64748b;margin-top:3px}.alerts{display:grid;gap:10px}.alert-row{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:10px;background:#fffbeb;color:#92400e}.alert-row p{margin:3px 0 0}.tabs{display:flex;gap:5px;margin-bottom:14px}.tabs button{border:0;background:#e2e8f0;color:#475569;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:800}.tabs button.active{background:#1e293b;color:#fff}.review-summary{display:flex;gap:8px;align-items:center;margin-bottom:12px;font-weight:700}.connector-card{display:flex;justify-content:space-between;align-items:center}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:800;color:#2563eb}.sap-log{border:1px solid #e2e8f0;border-radius:9px;padding:10px;margin:8px 0}.sap-log .badge{float:right}.sap-log p{margin:6px 0}.sap-log small{color:#64748b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:grid;place-items:center;z-index:100}.modal{width:min(620px,90vw);max-height:85vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 60px #0000003d}.modal-head,.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #e2e8f0}.modal-head h3{margin:0}.modal-body{padding:18px}.modal-footer{border-top:1px solid #e2e8f0;border-bottom:0;justify-content:flex-end;gap:8px}.modal textarea{width:100%;resize:vertical}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-visual{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:80px;display:flex;align-items:flex-end}.login-visual h1{font-size:48px;max-width:620px;margin:10px 0}.login-visual p{font-size:18px;line-height:1.6;max-width:620px;color:#dbeafe}.login-panel{display:grid;place-items:center;padding:50px}.login-card{width:390px}.login-card h2{font-size:28px;margin:14px 0 5px}.login-card>p{color:#64748b;margin-top:0}.login-card label{margin-top:14px}.login-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#2563eb;color:#fff;font-weight:900}.muted{color:#94a3b8}.center{text-align:center;display:block;margin-top:12px}@media (max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}:root{--nc-green-900:#24351f;--nc-green-800:#416d30;--nc-green-700:#557d32;--nc-green-600:#62802d;--nc-green-500:#7c9e3f;--nc-green-100:#eaf1df;--nc-green-050:#f5f7f2;--nc-ink:#1f281f;--nc-muted:#667062;--nc-muted-soft:#8a9485;--nc-border:#d8dfd2;--nc-border-soft:#e9ede5;--nc-surface:#ffffff;--nc-surface-soft:#f7f9f5;color:var(--nc-ink);background:var(--nc-green-050)}body{background:var(--nc-green-050);color:var(--nc-ink)}.sidebar{background:var(--nc-green-900);color:#eef3ea}.brand-mark{background:var(--nc-green-600);color:#fff}.brand small,.user-mini small{color:#aeb9a8}.nav-item{color:#d8e0d3}.nav-item:hover,.nav-item.active{background:#354a30;color:#fff}.sidebar-bottom{border-top-color:#42563c}.topbar{border-bottom-color:var(--nc-border)}.topbar small,.page-header p,.kpi span,.kpi small,.loading,.empty,.pagination,.detail-list dt,.validation-row p,.sap-log small,.timeline-event small,.login-card>p,.muted{color:var(--nc-muted)}.card{border-color:var(--nc-border);box-shadow:0 2px 8px #24351f09}th{color:var(--nc-muted);border-bottom-color:var(--nc-border);background:var(--nc-surface-soft)}td{border-bottom-color:var(--nc-border-soft)}tr.clickable:hover{background:var(--nc-surface-soft)}.demo-pill{background:#eef5e8;color:var(--nc-green-800)}.filters input,.filters select,.form-grid input,.form-grid select,textarea,.login-card input,.input-icon{border-color:#cbd5c4}.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus,textarea:focus,.login-card input:focus{border-color:var(--nc-green-600);box-shadow:0 0 0 3px #62802d29}.primary{background:var(--nc-green-600);color:#fff}.primary:hover{background:var(--nc-green-800)}.secondary{border-color:#cbd5c4;color:#364033}.pagination button{border-color:#cbd5c4}.badge-processing,.badge-syncing-sap{background:var(--nc-green-100);color:var(--nc-green-800)}.stepper span{background:#e4e9df;color:var(--nc-muted)}.stepper span.active{background:var(--nc-green-100);color:var(--nc-green-800)}.tabs button{background:#e4e9df;color:#4d5849}.tabs button.active{background:#354a30;color:#fff}.dropzone{border-color:#96a28f;color:var(--nc-muted)}.dropzone:hover{border-color:var(--nc-green-600);background:#f4f8ef}.dropzone strong{color:var(--nc-ink)}.timeline-event>span{background:var(--nc-green-600);box-shadow:0 0 0 4px var(--nc-green-100)}.eyebrow{color:var(--nc-green-600)}.file-button{border-color:#cbd5c4;background:var(--nc-surface-soft)}.financial-summary span{background:var(--nc-surface-soft)}.login-visual{background:linear-gradient(135deg,var(--nc-green-900) 0%,#355c2a 48%,var(--nc-green-600) 100%);color:#fff}.login-visual p{color:#edf3e8}.login-logo{background:var(--nc-green-600);color:#fff}.login-card label{color:#4e594a}.modal-backdrop{background:#24351f94}.modal-head,.modal-footer{border-color:var(--nc-border)}