:root{--q-navy: #234189;--q-navy-dark: #14293c;--q-navy-hover: #1c3470;--q-navy-light: #e8edf7;--qoyod-green: var(--q-navy);--qoyod-green-dark: var(--q-navy-dark);--qoyod-green-light: var(--q-navy-light);--bg-page: #f4f4f4;--surface: #ffffff;--border: #dfdfdf;--border-light: #eeeeee;--text: #25233a;--muted: #606060;--accent: var(--q-navy);--success: var(--q-navy);--warning: #f59740;--danger: #dc2626;--link: #1890ff;--radius: 4px;--radius-md: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 14px rgba(20, 41, 60, .08);--shadow-lg: 0 8px 24px rgba(20, 41, 60, .12);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .22s;--duration-slow: .36s;--header-h: 64px;--sidebar-w: 256px;--sidebar-collapsed-w: 70px;font-family:Poppins,Cairo,Segoe UI,sans-serif}*{box-sizing:border-box}html{direction:ltr}html[dir=rtl]{direction:rtl}body{margin:0;background:var(--bg-page);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.login-page{display:flex;min-height:100vh}.login-promo{flex:1;background:linear-gradient(145deg,var(--q-navy-dark) 0%,var(--q-navy) 55%,#2d5aa8 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.login-promo-inner{max-width:400px}.login-logo-mark{width:56px;height:56px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.login-promo h2{margin:0 0 .75rem;font-size:2rem}.login-promo p{opacity:.92;margin:0 0 1.5rem;line-height:1.6}.login-promo-list{margin:0;padding-inline-start:1.25rem;opacity:.9}.login-promo-list li{margin-bottom:.5rem}.login-form-panel{flex:1;max-width:520px;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-page)}.login-form-card{width:100%;max-width:400px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:2rem;border:1px solid var(--border)}.login-form-header h1{margin:.5rem 0 0;font-size:1.35rem;font-weight:700}.login-form{margin-top:1.5rem}.login-form .field{margin-bottom:1.25rem}.login-form .field>label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem;color:var(--text)}.required{color:var(--danger)}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;box-sizing:border-box;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;line-height:1.4;background:#fff}.login-form .password-field input{padding-inline-end:2.75rem}.password-field{position:relative}.password-toggle{position:absolute;top:50%;inset-inline-end:.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:var(--radius)}.password-toggle:hover{color:var(--q-navy);background:var(--q-navy-light)}.password-toggle__icon{width:18px;height:18px}.login-form input:focus{outline:none;border-color:var(--q-navy);box-shadow:0 0 0 3px var(--q-navy-light)}.forgot-link{display:inline-block;margin-top:.35rem;font-size:.85rem}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;cursor:pointer;font-size:.9rem}.login-form .checkbox-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-weight:400;width:auto}.login-form .checkbox-row input[type=checkbox]{width:1rem;height:1rem;min-width:1rem;margin:0;flex-shrink:0;accent-color:var(--q-navy);cursor:pointer}.login-form .checkbox-row span{line-height:1.4}.list-result-count{padding:.75rem 1.25rem 0;margin:0;font-size:.9rem;color:var(--muted)}.zatca-message-cell{max-width:16rem;font-size:.85rem;word-break:break-word}.hash-cell{font-family:ui-monospace,monospace;font-size:.8rem}.muted-inline{color:var(--muted);font-size:.9rem}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.login-form .btn-primary.btn-block{display:flex;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1rem;font-size:1rem;line-height:1.25}.btn-primary{background:var(--q-navy);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--q-navy-hover);text-decoration:none}.btn-reset{background:#fff;color:var(--danger);border:1px solid var(--danger);padding:.55rem 1.1rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer}.btn-reset:hover{background:#fef2f2}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.login-trial{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.login-trial h3{margin:0 0 .5rem;font-size:1rem;color:var(--muted)}.login-trial p{margin:0;font-size:.9rem}.login-error{background:#fef2f2;color:var(--danger);padding:.75rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.login-dev-hint{margin-top:1.25rem;font-size:.75rem;color:var(--muted);text-align:center}.app-shell{height:100vh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.q-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;position:sticky;top:0;z-index:100}.q-header__logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;letter-spacing:.06em;color:var(--q-navy);text-decoration:none}.q-header__logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,var(--q-navy-dark),var(--q-navy));color:#fff;font-size:.95rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #23418959}.q-header__logo-text{letter-spacing:.08em}.q-header__welcome{display:none;margin-inline-start:1rem;padding-inline-start:1rem;border-inline-start:1px solid var(--border-light);font-size:.875rem;color:var(--muted);white-space:nowrap}.q-header__welcome strong{color:var(--text);font-weight:600}@media (min-width: 1100px){.q-header__welcome{display:inline}}.q-header__phase-pill{font-size:.7rem;font-weight:600;color:var(--q-navy);background:var(--q-navy-light);padding:.2rem .55rem;border-radius:var(--radius);margin-inline-start:.75rem}.q-header__logo-wrap{display:flex;align-items:center}.q-header__logo:hover{text-decoration:none;color:var(--q-navy-hover)}.q-header__actions{display:flex;align-items:center;gap:.15rem}.q-header__icon{width:22px;height:22px;flex-shrink:0;display:block}.q-header__icon--menu{width:26px;height:26px}.q-header__btn{width:44px;height:44px;border:none;background:transparent;color:var(--q-navy-dark);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.q-header__btn:active{transform:scale(.96)}.q-header__btn:hover{background:var(--q-navy-light);color:var(--q-navy)}.q-header__btn--trophy{display:none}.q-header__user-chip{display:none;align-items:center;gap:.35rem;max-width:220px;height:40px;padding:0 .75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface);color:var(--q-navy-dark);cursor:pointer;font-family:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.q-header__user-chip:hover{background:var(--q-navy-light);border-color:#c5d4ef}.q-header__user-chip-name{font-size:.85rem;font-weight:600;color:var(--q-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-header__user-chip-id{font-size:.8rem;color:var(--muted);white-space:nowrap;flex-shrink:0}@media (min-width: 768px){.q-header__user-chip{display:inline-flex}}.q-header__dropdown-email{font-size:.8rem;color:var(--muted);word-break:break-all}.q-header__btn--menu{margin-inline-start:.25rem;background:var(--q-navy-light);color:var(--q-navy)}.q-header__btn--menu:hover{background:#d4dff5}.q-header__user-wrap{position:relative}.q-header__dropdown{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.75rem;z-index:110;animation:dropdown-in var(--duration-normal) var(--ease-out)}.q-header__account-panel{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.q-header__account-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--q-navy-light);color:var(--q-navy);flex-shrink:0}.q-header__account-details{min-width:0;flex:1}.q-header__dropdown-name{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:.15rem}.q-header__dropdown-user{font-size:.8rem;color:var(--muted);word-break:break-all}.q-header__dropdown-logout{width:100%;margin-top:.75rem;padding:.55rem .75rem;border:none;border-radius:var(--radius);background:var(--q-navy);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit}.q-header__dropdown-logout:hover{background:var(--q-navy-hover)}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.q-sidebar-backdrop{display:none;position:fixed;inset:var(--header-h) 0 0 0;background:#00000073;border:none;z-index:80;cursor:pointer;animation:fade-in var(--duration-normal) var(--ease-out)}.q-sidebar{width:0;flex-shrink:0;overflow-x:hidden;overflow-y:hidden;background:var(--q-navy-dark);color:#fff;display:flex;flex-direction:column;transition:width var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-out)}.q-sidebar--open{width:var(--sidebar-w)}.q-sidebar--collapsed{width:var(--sidebar-collapsed-w)}.q-nav{width:var(--sidebar-w);padding:.5rem 0;display:flex;flex-direction:column}.q-nav--main{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.q-nav--footer{flex-shrink:0;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.q-sidebar--collapsed .q-nav{width:var(--sidebar-collapsed-w);align-items:stretch;padding-inline:0}.q-sidebar--collapsed .q-nav__label,.q-sidebar--collapsed .q-nav__chevron{display:none}.q-sidebar--collapsed .q-nav__link{position:relative;justify-content:center;align-items:center;gap:0;width:100%;padding:.65rem 0;border-inline-start-color:transparent}.q-sidebar--collapsed .q-nav__link--active:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:#fff}.q-sidebar--collapsed .q-nav__link--parent{justify-content:center}.q-sidebar--collapsed .q-nav__icon{margin:0;flex-shrink:0}.q-sidebar--collapsed .q-nav__children-outer{display:none}.q-nav__link{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem 1rem;border:none;background:transparent;color:#ffffffbf;font-size:.9rem;text-align:start;cursor:pointer;text-decoration:none;font-family:inherit;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),padding-inline-start var(--duration-normal) var(--ease-out);border-inline-start:3px solid transparent}.q-nav__link:hover{color:#fff;background:#ffffff0f;text-decoration:none}.q-nav__link--active{color:#fff;background:#ffffff1f;font-weight:600;border-inline-start-color:#fff}.q-nav__link--parent{justify-content:flex-start}.q-nav__link--nested{padding-inline-start:2.5rem;font-size:.85rem}.q-nav__icon{flex-shrink:0;opacity:.9;width:18px;height:18px;display:block}.q-nav__icon--sm{width:14px;height:14px}.q-nav__chevron{margin-inline-start:auto;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-out)}.q-nav__label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--duration-fast) var(--ease-out),width var(--duration-normal) var(--ease-in-out)}.q-nav__children-outer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-out)}.q-nav__group--open .q-nav__children-outer{grid-template-rows:1fr}.q-nav__children-inner{min-height:0;overflow:hidden}.q-nav__children{display:flex;flex-direction:column}.q-nav__group--flyout .q-nav__link--parent{background:#ffffff1a;color:#fff}.q-nav__flyout{position:fixed;z-index:200;min-width:170px;background:var(--q-navy-dark);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000047;padding:.35rem 0;transform-origin:top center;animation:nav-flyout-in var(--duration-normal) var(--ease-out);pointer-events:auto}.q-nav__flyout-title{padding:.45rem 1rem .35rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff8c}.q-nav__flyout-list{list-style:none;margin:0;padding:0}.q-nav__flyout-list .q-nav__link{padding-block:.55rem}.q-nav__flyout-list .q-nav__link--nested{padding-inline-start:1rem}.app-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;min-height:0;padding:.75rem 1.5rem 2rem;overflow-y:auto;overflow-x:hidden}.app-breadcrumbs{margin-bottom:1rem;font-size:.875rem}.app-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.app-breadcrumbs li{display:inline-flex;align-items:center}.app-breadcrumbs a{color:var(--muted);text-decoration:none}.app-breadcrumbs a:hover{color:var(--q-navy);text-decoration:underline}.app-breadcrumbs li:last-child span{color:var(--text);font-weight:500}.app-breadcrumbs__sep{color:var(--muted);margin:0 .35rem}.app-footer{margin-top:2rem;padding-top:1rem;text-align:center;font-size:.8rem;color:var(--muted)}.app-footer a{color:var(--muted)}.app-footer__sep{margin:0 .5rem}.resource-center-tab{position:fixed;inset-inline-end:0;top:40%;transform:rotate(-90deg) translate(50%);transform-origin:right center;background:var(--surface);border:1px solid var(--border);border-inline-end:none;padding:.4rem .75rem;font-size:.7rem;color:var(--muted);text-decoration:none;border-radius:var(--radius) 0 0 var(--radius);z-index:50;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}html[dir=rtl] .resource-center-tab{transform:rotate(90deg) translate(-50%);transform-origin:left center}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;justify-content:flex-end}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.page-toolbar__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-inline-start:auto}.invoice-zatca-action{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.btn-back{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--q-navy);color:#fff;border-radius:var(--radius);font-size:.9rem;font-weight:600;text-decoration:none}.btn-back:hover{background:var(--q-navy-hover);text-decoration:none;color:#fff}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.form-hint{color:var(--muted);font-size:.85rem;margin:1rem 0 0}.q-card__subheading{font-size:.95rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text)}.action-msg{color:var(--q-navy);font-weight:500;margin:0 0 1rem}.xml-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.code-block{margin-top:.5rem;max-height:320px;overflow:auto;font-size:.75rem;background:var(--bg-page);padding:.75rem;border-radius:var(--radius);border:1px solid var(--border-light)}.code-block--xml{margin-top:.75rem;max-height:min(520px,60vh);padding:1rem 1.1rem;font-family:ui-monospace,Cascadia Code,Consolas,Courier New,monospace;font-size:.8125rem;line-height:1.55;-moz-tab-size:2;tab-size:2;white-space:pre;word-break:normal;color:#1e293b;background:#f8fafc;border-color:#e2e8f0}.q-card .grid .stat{border-color:var(--border-light)}.login-logo-sm{color:var(--q-navy);font-weight:800;font-size:1.25rem;letter-spacing:.08em}.login-form-card{border-radius:var(--radius-md)}button.secondary,.btn.secondary{background:#fff;color:var(--q-navy);border:1px solid var(--q-navy)}button.secondary:hover,.btn.secondary:hover{background:var(--q-navy-light)}table a{color:var(--link);font-weight:500}.q-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border-light);margin-bottom:1rem;overflow:hidden}.q-card__header{background:var(--q-navy);color:#fff;padding:.75rem 1rem;font-size:1rem;font-weight:600;margin:0}.q-card__body{padding:1rem 1.25rem}.q-card__body--flush{padding:0}@media (min-width: 1024px){.q-sidebar{width:var(--sidebar-w);align-self:stretch}.q-sidebar--collapsed{width:var(--sidebar-collapsed-w)}.q-sidebar--open{width:var(--sidebar-w)}.app-shell--sidebar-collapsed .q-sidebar--collapsed.q-sidebar--open{width:var(--sidebar-collapsed-w)}.q-header__btn--menu{display:inline-flex}}@media (max-width: 1023px){.q-sidebar-backdrop{display:block}.q-sidebar--collapsed{width:0}.q-sidebar--collapsed .q-nav{width:var(--sidebar-w)}.q-sidebar--collapsed .q-nav__label,.q-sidebar--collapsed .q-nav__chevron{display:flex}.q-sidebar--collapsed .q-nav__link{justify-content:flex-start;gap:.65rem;padding-inline:1rem;border-inline-start:3px solid transparent}.q-sidebar--collapsed .q-nav__link--active:before{display:none}.q-sidebar--collapsed .q-nav__link--active{border-inline-start-color:#fff}.q-sidebar--collapsed .q-nav__children-outer{display:grid}body:not(.sidebar-open) .q-sidebar{position:fixed;top:var(--header-h);inset-inline-start:0;bottom:0;z-index:90;width:0}body.sidebar-open .q-sidebar{position:fixed;top:var(--header-h);inset-inline-start:0;bottom:0;z-index:90;width:var(--sidebar-w)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-title{margin:0;font-size:1.5rem}.page-subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.card h2{margin:0 0 1rem;font-size:1.1rem;color:var(--text)}.table-card{padding:0;overflow:hidden}.table-card table{margin:0}.table-card th:first-child,.table-card td:first-child{padding-inline-start:1.25rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.stat .label{font-size:.75rem;color:var(--muted)}.stat .value{font-size:1.5rem;font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:.75rem 1rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:.8rem;font-weight:600;background:#fafbfc}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-success,.badge-info{background:var(--q-navy-light);color:var(--q-navy)}.badge-warning{background:#fff7ed;color:var(--warning)}.badge-danger{background:#fef2f2;color:var(--danger)}.badge-neutral{background:#f1f5f9;color:var(--muted)}.badge-doc-invoice{background:#f1f5f9;color:var(--text)}.badge-doc-credit{background:#fff7ed;color:var(--warning)}.badge-doc-debit{background:#eff6ff;color:#1d4ed8}.filter-card{margin-bottom:1rem;padding:1rem 1.25rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end}.filter-actions{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.delivery-warning{background:#fff7ed;color:var(--warning);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.env-banner{background:#fff8e6;border:1px solid #fcd34d;border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem;color:#92400e}.portal-checklist{margin:.5rem 0 0;padding-inline-start:1.25rem;font-size:.9rem;line-height:1.7}.status-timeline{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.5rem 0}.status-timeline__step{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.status-timeline__dot{width:10px;height:10px;border-radius:50%;background:var(--border);flex-shrink:0}.status-timeline__step--done{color:var(--text)}.status-timeline__step--done .status-timeline__dot{background:var(--q-navy)}.status-timeline__step--current{font-weight:600;color:var(--q-navy)}.status-timeline__step--current .status-timeline__dot{background:var(--q-navy);box-shadow:0 0 0 3px var(--q-navy-light)}.status-timeline__step--failed{color:var(--danger)}.status-timeline__step--failed .status-timeline__dot{background:var(--danger)}.readiness-summary{margin:0 0 .75rem;font-size:.95rem}.readiness-checklist{margin:0;padding-inline-start:0;list-style:none;font-size:.9rem;line-height:1.7}.readiness-checklist li{display:flex;align-items:flex-start;gap:.5rem}.readiness-check__mark{flex-shrink:0;width:1.25rem;font-weight:700;color:var(--muted)}.readiness-check--ok .readiness-check__mark{color:var(--q-navy)}.readiness-check--pending .readiness-check__mark{color:var(--warning)}.xml-legal-note{font-size:.85rem;color:var(--muted);margin:.5rem 0 0}.references-block{margin:.75rem 0}.references-block ul{margin:.35rem 0 0;padding-inline-start:1.25rem}.zatca-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);padding:.75rem 1rem;margin-top:.75rem;font-size:.9rem}.zatca-error-box p{margin:.35rem 0 0}.zatca-info-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius);padding:.75rem 1rem;margin-top:.75rem;font-size:.9rem}.zatca-info-box p{margin:.35rem 0 0}.zatca-message-cell{max-width:280px;font-size:.85rem;color:var(--muted)}.failed-panel{margin-bottom:1rem}.audit-log-list{margin:0;padding-inline-start:1.25rem;font-size:.9rem}.onboarding-steps{margin:.75rem 0 0;padding-inline-start:1.25rem;font-size:.9rem;line-height:1.7}.onboarding-steps code{font-size:.8rem;background:var(--bg-page);padding:.1rem .35rem;border-radius:4px}.compliance-match-list{margin:0;padding:0;list-style:none;font-size:.88rem}.compliance-match-list__item{padding:.45rem .65rem;border-radius:6px;margin-bottom:.35rem;border:1px solid var(--border)}.compliance-match-list__item--pass{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.compliance-match-list__item--fail{background:#fef2f2;border-color:#fecaca;color:#991b1b}.compliance-match-list__item--info{background:var(--bg-page);color:var(--muted)}.zatca-onboarding-progress-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.zatca-onboarding-progress{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-card)}.zatca-onboarding-progress__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.zatca-onboarding-progress__meta{font-size:.85rem;color:var(--muted)}.zatca-onboarding-progress__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.zatca-onboarding-progress__step{display:flex;gap:.65rem;align-items:flex-start}.zatca-step-badge{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;background:var(--bg-page);border:1px solid var(--border);color:var(--muted)}.zatca-step-badge--done{background:#e8f5f0;border-color:var(--q-navy);color:var(--q-navy);font-weight:700}.zatca-step-badge--active{border-color:var(--q-navy);color:var(--q-navy)}.zatca-onboarding-progress__label{font-weight:600;font-size:.92rem}.zatca-onboarding-progress__hint{margin:.25rem 0 0;font-size:.85rem;color:var(--muted);line-height:1.45}.zatca-onboarding-progress__hint--success{color:var(--q-navy)}.zatca-sample-checklist{margin:.5rem 0 0;padding-inline-start:1rem;font-size:.85rem}.zatca-sample-checklist__link{color:var(--q-navy);text-decoration:none}.zatca-sample-checklist__link:hover{text-decoration:underline}.onboarding-gate-banner{border-radius:var(--radius);padding:1rem 1.15rem;margin-bottom:1rem;border:1px solid #bfdbfe;background:#eff6ff}.onboarding-gate-banner--compliance_sample{border-color:#a7f3d0;background:#ecfdf5}.onboarding-gate-banner strong{display:block;margin-bottom:.35rem}.onboarding-gate-banner p{margin:0 0 .75rem;font-size:.92rem;line-height:1.5;color:var(--text)}.ops-alerts-panel__heading{margin:1rem 1.25rem .5rem}.ops-alerts-panel__heading:first-child{margin-top:.75rem}.ops-alert--critical td{color:var(--danger);font-weight:600}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}input,select{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text)}button,.btn{padding:.55rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:.9rem;background:var(--accent);color:#fff;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{background:#fff;color:var(--text);border:1px solid var(--border)}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);padding:.75rem;background:#fef2f2;border-radius:var(--radius);margin-bottom:1rem}.actionable-error__message{margin:0 0 .35rem;font-weight:600}.actionable-error__hint{margin:0 0 .5rem;color:var(--text);font-size:.9rem;font-weight:400}.actionable-error__action{margin:0;font-size:.9rem}.actionable-error__action a{color:var(--accent);font-weight:600}.empty-state{padding:2rem;text-align:center;color:var(--muted)}.line-row{display:grid;grid-template-columns:1.5fr 1.5fr .75fr 1fr .75fr auto;gap:.5rem;align-items:end;margin-bottom:.5rem}.zatca-status-card{display:flex;gap:1rem;align-items:flex-start}.zatca-status-icon{width:48px;height:48px;border-radius:50%;background:var(--q-navy-light);color:var(--q-navy);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.link-list{margin:0;padding-inline-start:1.25rem}.lang-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.lang-toggle-btn{border:none;background:transparent;padding:.3rem .55rem;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--muted);line-height:1.2}.lang-toggle-btn:hover{background:var(--bg-page)}.lang-toggle-btn.active{background:var(--q-navy-light);color:var(--q-navy)}.guide-page{display:flex;flex-direction:column;gap:1.25rem;max-width:52rem}.guide-hero{margin-bottom:.25rem}.guide-hero__eyebrow{margin:0 0 .35rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.guide-hero__title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--q-navy-dark);line-height:1.25}.guide-hero__lead{margin:0;font-size:1.05rem;line-height:1.6;color:var(--text-secondary, #4a5568)}.guide-section-intro{margin:0 0 1rem;line-height:1.6;color:var(--text-secondary, #4a5568)}.guide-bullets{margin:.75rem 0 0;padding-inline-start:1.35rem;line-height:1.65}.guide-bullets li+li{margin-top:.4rem}.guide-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.guide-step{display:flex;gap:1rem;align-items:flex-start}.guide-step__badge{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--q-navy);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center}.guide-step__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600;color:var(--q-navy-dark)}.guide-step__text{margin:0;line-height:1.6;color:var(--text-secondary, #4a5568)}.guide-step__tips{margin:.5rem 0 0;padding-inline-start:1.15rem;font-size:.92rem;line-height:1.55;color:var(--muted)}.guide-callout{padding:.85rem 1rem;border-radius:var(--radius);margin-bottom:1.25rem;line-height:1.55}.guide-callout--important{background:#fff8e6;border:1px solid #f0d78c;color:#5c4a1f}.guide-callout--important strong{display:block;margin-bottom:.25rem;color:#3d3214}.guide-callout p{margin:0}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.85rem}.guide-tile{padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-page)}.guide-tile__title{margin:0 0 .35rem;font-size:.95rem;font-weight:600;color:var(--q-navy)}.guide-tile__text{margin:0;font-size:.88rem;line-height:1.55;color:var(--muted)}.guide-lifecycle{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.guide-lifecycle__item{display:grid;grid-template-columns:minmax(8rem,11rem) 1fr;gap:.75rem 1rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.guide-lifecycle__item:last-child{border-bottom:none}.guide-lifecycle__label{font-weight:600;color:var(--q-navy-dark);font-size:.92rem}.guide-lifecycle__desc{font-size:.9rem;line-height:1.55;color:var(--muted)}.guide-faq{display:flex;flex-direction:column;gap:.5rem}.guide-faq__item{border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .85rem;background:var(--surface)}.guide-faq__item summary{cursor:pointer;font-weight:600;color:var(--q-navy-dark);line-height:1.45}.guide-faq__item p{margin:.65rem 0 0;line-height:1.6;color:var(--text-secondary, #4a5568);font-size:.92rem}.guide-links{display:flex;flex-wrap:wrap;gap:.5rem}.guide-links__btn{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:var(--radius);border:1px solid var(--q-navy);color:var(--q-navy);font-weight:600;font-size:.88rem;text-decoration:none;background:var(--surface);transition:background .15s ease}.guide-links__btn:hover{background:var(--q-navy-light)}.guide-footer-note{margin:.5rem 0 1rem;font-size:.85rem;line-height:1.55;color:var(--muted)}@media (max-width: 640px){.guide-lifecycle__item{grid-template-columns:1fr;gap:.25rem}.guide-hero__title{font-size:1.45rem}}.login-lang-row{display:flex;justify-content:flex-end;margin-bottom:.75rem}.link-list li{margin-bottom:.5rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nav-flyout-in{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.page-enter{animation:page-enter var(--duration-slow) var(--ease-out)}.stagger-item{animation:page-enter var(--duration-slow) var(--ease-out);animation-delay:var(--stagger-delay, 0ms);animation-fill-mode:both}.q-card--elevated{transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.q-card--elevated:hover{box-shadow:var(--shadow-md)}.q-card__meta{color:var(--muted);font-size:.9rem;margin:0 0 .75rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.1rem;box-shadow:var(--shadow);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#d4dff5}.stat-card__label{font-size:.75rem;color:var(--muted);margin-bottom:.35rem;line-height:1.35}.stat-card__value{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.stat-card--success .stat-card__value{color:var(--q-navy)}.stat-card--danger .stat-card__value{color:var(--danger)}.stat-card--muted .stat-card__value{color:var(--muted)}.filter-surface .q-card__body{padding-top:.25rem}.filter-row input,.filter-row select{transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.filter-row input:focus,.filter-row select:focus{outline:none;border-color:var(--q-navy);box-shadow:0 0 0 3px #2341891f}.data-table-wrap{overflow-x:auto}.data-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:#f8fafc}.data-table__strong{font-weight:600;color:var(--text)}.table-link{color:var(--link);font-weight:600;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.table-link:hover{color:var(--q-navy);text-decoration:underline}.btn-primary,.btn.secondary,.btn-reset{transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn-primary:active:not(:disabled),.btn.secondary:active,.btn-reset:active{transform:scale(.98)}.skeleton{display:block;border-radius:var(--radius);background:linear-gradient(90deg,#eceff3,#f8f9fb,#eceff3 80%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-stat{height:72px;border-radius:var(--radius-md)}.skeleton-row{height:40px;margin-bottom:.5rem;border-radius:var(--radius)}.skeleton-bar{height:42px;background:#ffffff26!important;animation:none}.skeleton-card{margin-bottom:1rem}.skeleton-btn{width:140px;height:38px}.skeleton-btn--secondary{width:120px}.skeleton-table,.skeleton-table-wrap{padding:1rem 1.25rem}.loading-inline{display:inline-flex;align-items:center;gap:.65rem;color:var(--muted);padding:1rem 0}.loading-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--q-navy);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;animation:page-enter var(--duration-normal) var(--ease-out)}.resource-center-tab:hover{box-shadow:var(--shadow-md);background:#fafbfc;color:var(--q-navy)}.resource-center-tab__dot{position:absolute;top:8px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px #fff}.login-page{animation:fade-in var(--duration-slow) var(--ease-out)}.login-form-card{transition:box-shadow var(--duration-normal) var(--ease-out)}.login-form-card:focus-within{box-shadow:var(--shadow-md)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.print-toolbar{display:flex;gap:.5rem;margin-bottom:1rem}@media print{.no-print{display:none!important}.print-frame{min-height:100vh!important}}@media (max-width: 900px){.login-promo{display:none}.login-form-panel{max-width:none}}@media (max-width: 768px){.line-row{grid-template-columns:1fr}.app-main{padding:1rem}}