:root{--bg:#fbfbfa;--surface:#ffffff;--surface-2:#f5f5f4;--border:#e4e4e2;--text:#1c1c1a;--text-dim:#6f6f6a;--text-faint:#9a9a94;--accent:#2f6f4f;--accent-soft:#e8f2ec;--create:#3f6fb0;--create-bg:#e9f0f9;--submit:#2f6f4f;--submit-bg:#e6f1eb;--update:#7a6f52;--update-bg:#f3efe4;--cancel:#a8552a;--cancel-bg:#fbeee6;--delete:#a3342f;--delete-bg:#fbeaea;--neutral:#5c5c96;--neutral-bg:#ececf6;--radius:8px;--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root{--bg:#16171a;--surface:#1d1e22;--surface-2:#26272c;--border:#33343a;--text:#e9e9e6;--text-dim:#a3a3a0;--text-faint:#74746f;--accent:#6fbf95;--accent-soft:#1f3129;--create:#7fa9de;--create-bg:#1c2733;--submit:#6fbf95;--submit-bg:#1a2b22;--update:#c4b489;--update-bg:#2b2820;--cancel:#e0956a;--cancel-bg:#33241b;--delete:#e08079;--delete-bg:#341f1e;--neutral:#9a9ad4;--neutral-bg:#23233a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);padding:20px 0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:0 20px 18px;font-weight:620;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.brand small{display:block;font-weight:400;font-size:11.5px;color:var(--text-faint)}.nav{display:flex;flex-direction:column;gap:1px;padding:0 10px}.nav a{padding:7px 11px;border-radius:6px;text-decoration:none;color:var(--text-dim);font-size:14px}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:550}.main{flex:1 1;min-width:0;padding:26px 30px 60px;max-width:1400px}h1{font-size:22px;font-weight:620;letter-spacing:-.015em;margin:0 0 3px}h2{font-size:15.5px;font-weight:600;margin:30px 0 11px}.subtitle{color:var(--text-dim);font-size:13.5px;margin:0 0 22px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.tile .label{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.tile .value{font-size:25px;font-weight:600;letter-spacing:-.02em;margin-top:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile .note{font-size:12px;color:var(--text-dim);margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-weight:550;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);white-space:nowrap;background:var(--surface)}td,th{padding:9px 13px;border-bottom:1px solid var(--border)}td{vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.mono{font-family:var(--mono);font-size:12.5px}.badge{display:inline-block;padding:1.5px 7px;border-radius:4px;font-size:11.5px;font-weight:550;white-space:nowrap;letter-spacing:.01em}.badge.amend,.badge.create,.badge.return{background:var(--create-bg);color:var(--create)}.badge.consolidate,.badge.pos_open,.badge.submit{background:var(--submit-bg);color:var(--submit)}.badge.update,.badge.update_after_submit{background:var(--update-bg);color:var(--update)}.badge.cancel,.badge.deconsolidate,.badge.pos_close{background:var(--cancel-bg);color:var(--cancel)}.badge.delete,.badge.zatca_fail{background:var(--delete-bg);color:var(--delete)}.badge.zatca_clear,.badge.zatca_report{background:var(--neutral-bg);color:var(--neutral)}.badge.muted{background:var(--surface-2)}.badge.muted,.chip{color:var(--text-dim)}.chip{padding:1px 6px;border:1px solid var(--border);border-radius:4px;font-size:11px}.chip,.dot{display:inline-block}.dot{width:7px;height:7px;border-radius:50%;margin-right:6px}.dot.healthy{background:var(--submit)}.dot.stale{background:var(--cancel)}.dot.disabled,.dot.never_connected{background:var(--text-faint)}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:12px;bottom:12px;width:1px;background:var(--border)}.timeline li{position:relative;padding:0 0 18px 30px}.timeline .marker{position:absolute;left:0;top:4px;width:15px;height:15px;border-radius:50%;border:2.5px solid var(--surface);background:var(--text-faint)}.timeline .marker.amend,.timeline .marker.create,.timeline .marker.return{background:var(--create)}.timeline .marker.consolidate,.timeline .marker.submit{background:var(--submit)}.timeline .marker.update,.timeline .marker.update_after_submit{background:var(--update)}.timeline .marker.cancel,.timeline .marker.deconsolidate{background:var(--cancel)}.timeline .marker.delete{background:var(--delete)}.timeline .when{font-size:12px;color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline .who{font-size:13.5px;margin-top:1px}.timeline .meta{font-size:12.5px;color:var(--text-dim);margin-top:3px}.diff{margin-top:7px;border-left:2px solid var(--border);padding-left:11px}.diff-row{font-family:var(--mono);font-size:12px;padding:1px 0}.diff-field{color:var(--text-dim)}.diff-old{color:var(--delete);text-decoration:line-through}.diff-new{color:var(--submit)}.empty{padding:44px 20px;text-align:center;color:var(--text-faint)}.alert,.empty{font-size:13.5px}.alert{border:1px solid var(--border);border-left:3px solid var(--cancel);background:var(--surface);border-radius:var(--radius);padding:13px 16px;margin-bottom:18px}.alert.danger{border-left-color:var(--delete)}.alert strong{display:block;margin-bottom:3px}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.filters input,.filters select{padding:6px 10px}.btn,.filters input,.filters select{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:13.5px}.btn{padding:6px 13px;cursor:pointer}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{opacity:.9}.secret{font-family:var(--mono);font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:9px 11px;word-break:break-all;margin:5px 0 11px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:16px;gap:16px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 20px;background:var(--bg)}.auth-shell.wide{align-items:flex-start;padding-top:50px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px}.auth-card.wide{max-width:720px}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.auth-title{font-size:17px;font-weight:620;letter-spacing:-.01em}.auth-sub{font-size:12.5px;color:var(--text-faint)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-foot{font-size:12px;color:var(--text-faint);margin:20px 0 0;text-align:center}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12.5px;color:var(--text-dim);font-weight:500}.field>small{font-size:11.5px;color:var(--text-faint)}.field input,.field select{padding:8px 11px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:14px;width:100%}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.filterbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 15px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.field.inline{flex-direction:column;gap:3px}.field.inline>span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.field.inline input,.field.inline select{font-size:13.5px;padding:5px 9px;width:auto;min-width:130px}.hour-pair{display:flex;align-items:center;gap:5px}.hour-pair .dash{color:var(--text-faint);font-size:12px}.hour-pair input,.hour-pair select{min-width:92px}.filter-flags{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px}.filter-flags label{display:flex;align-items:center;gap:5px;cursor:pointer}.filter-actions{display:flex;gap:8px;margin-left:auto}.scope-set{border:1px solid var(--border);border-radius:6px;padding:9px 12px;display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.scope-set legend{font-size:11.5px;color:var(--text-faint);padding:0 5px}.scope-set label{display:flex;align-items:center;gap:5px;cursor:pointer}.sidebar{display:flex;flex-direction:column}.sidebar-foot{margin-top:auto;padding:14px 20px 0;border-top:1px solid var(--border)}.user-name{font-size:13.5px;font-weight:550}.user-role{font-size:11.5px;color:var(--text-faint);margin-bottom:8px}.user-actions{display:flex;gap:12px;font-size:12.5px}.user-actions a,.user-actions button{background:none;border:0;padding:0;font:inherit;font-size:12.5px;color:var(--text-dim);cursor:pointer;text-decoration:none}.user-actions a:hover,.user-actions button:hover{color:var(--text);text-decoration:underline}th a{text-decoration:none;color:inherit}th a:hover{color:var(--text);text-decoration:underline}th a.sorted{color:var(--accent);font-weight:700}th a.sorted:after{content:" ↓"}