:root{--bg:#f7f7f5;--surface:#fff;--border:#dcdcd6;--text:#1c1c1a;--text-muted:#6b6b64;--accent:#0f5f4c;--accent-contrast:#fff;--danger:#a3291f;--warning:#8a5a00;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:15px;line-height:1.45}a{color:var(--accent)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.table-scroll{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow-x:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.card-grid>*{min-width:0}.stat-value{overflow-wrap:anywhere;font-size:22px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.bilingual{flex-direction:column;gap:0;display:flex}.bilingual .ar{color:var(--text-muted);direction:rtl;font-size:.85em}form.filters{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:14px;display:flex}form.filters label{color:var(--text-muted);flex-direction:column;gap:3px;font-size:12px;display:flex}input,select,button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:7px 9px}button,.btn{cursor:pointer;background:var(--accent);color:var(--accent-contrast);border:none;font-weight:600;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.error-banner{color:var(--danger);background:#fbe9e7;border:1px solid #e0a89f;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--accent);color:var(--accent-contrast);z-index:10;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.topbar .tenant{font-weight:700}.topbar .spacer{flex:1}.topbar select,.topbar button{padding:5px 8px;font-size:13px}.topbar a,.topbar .logout-btn{color:var(--accent-contrast)}.menu-toggle-label{cursor:pointer;color:var(--accent-contrast);font-size:20px;line-height:1;display:inline-flex}#menu-toggle{display:none}.body-row{flex:1;min-height:0;display:flex}.sidemenu{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:200px;padding:12px 0}.sidemenu a{color:var(--text);padding:10px 16px;font-size:14px;text-decoration:none;display:block}.sidemenu a:hover{background:var(--bg)}.sidemenu-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-top:1px solid var(--border);margin-top:8px;padding:14px 16px 4px;font-size:11px;font-weight:700}.sidemenu-sub{font-size:13px}.content{flex:1;min-width:0;padding:16px}@media (max-width:720px){.sidemenu{z-index:9;transition:transform .15s;position:fixed;top:48px;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #00000026}#menu-toggle:checked~.body-row .sidemenu{transform:translate(0)}.content{padding:12px}table,.table-scroll{font-size:13px}.topbar{flex-wrap:wrap;row-gap:6px;position:static}.topbar .spacer{flex-basis:100%;height:0}.topbar-search{flex:auto;min-width:0}.topbar-search input{width:100%;min-width:0}.topbar .recent-label,.topbar .shortcuts-label{display:none}}.booking-form{flex-direction:column;gap:16px;max-width:900px;display:flex}.section-title{margin-bottom:10px;font-weight:700}.field-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;font-size:13px;display:flex}.field label{color:var(--text-muted);font-size:12px}.line-row{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin-bottom:10px;padding:10px}.running-total{color:var(--accent);background:#e8f5ef;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:13px}.running-total.mismatch{color:var(--danger);background:#fbe9e7;font-weight:600}button.small,.btn.small{margin-right:6px;padding:4px 8px;font-size:12px}.save-bar{background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:4px;padding:14px 0;display:flex}.search-select-chosen{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:8px;padding:7px 9px;display:flex}.search-dropdown{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:6px;max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.search-dropdown-item{cursor:pointer;padding:8px 10px;font-size:13px}.search-dropdown-item:hover{background:var(--bg)}.search-dropdown-empty{color:var(--text-muted);padding:8px 10px;font-size:13px}.search-dropdown-add{border-top:1px solid var(--border);padding:8px}.inline-add{flex-direction:column;gap:6px;display:flex}.negative{color:var(--danger)}.empty-state{text-align:center;color:var(--text-muted);padding:36px 16px}.empty-state p{margin:0 0 12px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--border);border-radius:6px;animation:1.2s ease-in-out infinite skeleton-pulse}.skeleton-line{width:100%;height:14px;margin-bottom:8px}.skeleton-line.short{width:40%}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .sep{margin:0 2px}.breadcrumbs .current{color:var(--text);font-weight:600}.table-scroll{background-image:linear-gradient(to right, var(--surface) 0%, #fff0 12px), linear-gradient(to left, var(--surface) 0%, #fff0 12px);background-position:0,100%;background-repeat:no-repeat;background-size:12px 100%;background-attachment:local,local;position:relative}button,.btn,input,select{min-height:44px}button.small,.btn.small{min-height:32px}.search-dropdown-item,.sidemenu a{align-items:center;min-height:44px;display:flex}.topbar-search{position:relative}.topbar-search input{min-width:160px}.topbar-dropdown{background:var(--surface);min-width:260px;color:var(--text);border:1px solid var(--border);z-index:30;border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 6px 18px #0000002e}.topbar-dropdown a,.topbar-dropdown .topbar-dropdown-empty{color:var(--text);border-bottom:1px solid var(--border);padding:8px 12px;font-size:13px;text-decoration:none;display:block}.topbar-dropdown a:last-child{border-bottom:none}.topbar-dropdown a:hover{background:var(--bg)}.topbar-dropdown-empty{color:var(--text-muted)}.shortcuts-help{z-index:50;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcuts-help-panel{background:var(--surface);color:var(--text);border-radius:10px;width:90%;max-width:360px;padding:20px 24px}.shortcuts-help-panel kbd{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px}.shortcuts-help-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 0;display:flex}@media print{.no-print{display:none!important}body{background:#fff}.content{padding:0}.card,.table-scroll{border:none}table{font-size:12px}.table-scroll{background-image:none}.statement-print-header,.statement-print-footer{display:block!important}@page{size:A4;margin:16mm}}.statement-print-header,.statement-print-footer{display:none}.statement-print-header{border-bottom:2px solid var(--border);margin-bottom:14px;padding-bottom:10px}.statement-print-header .company{font-size:18px;font-weight:700}.statement-print-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:18px;padding-top:8px;font-size:11px}
