:root{--navy-950:#071426;--navy-900:#0b1f3a;--navy-800:#12345b;--purple-700:#5b3fd6;--purple-600:#6c4cf1;--purple-500:#7c5cfc;--purple-400:#a89cf7;--purple-100:#eeeafe;--primary:var(--purple-600);--primary-hover:var(--purple-700);--primary-soft:var(--purple-100);--primary-contrast:#fff;--surface:#fff;--surface-raised:#fff;--background:#f5f7fb;--sidebar-bg:var(--navy-950);--sidebar-fg:#ffffffb8;--sidebar-fg-active:#fff;--sidebar-active-bg:var(--purple-600);--header-bg:#fff;--text-primary:#111827;--text-secondary:#667085;--text-inverse:#fff;--border:#e6eaf0;--border-strong:#d3dae4;--success:#16a36a;--warning:#f59e0b;--danger:#d92d20;--info:#2563eb;--status-success-fg:#0a6b48;--status-success-bg:#dcf5ea;--status-warning-fg:#92610a;--status-warning-bg:#fef3d9;--status-danger-fg:#a3241a;--status-danger-bg:#fbe1de;--status-neutral-fg:#475467;--status-neutral-bg:#eef1f5;--status-info-fg:#1d4ed8;--status-info-bg:#dbeafe;--paper-0:var(--surface);--paper-50:var(--background);--ink-900:var(--text-primary);--ink-500:var(--text-secondary);--line-200:var(--border);--status-due-fg:var(--status-warning-fg);--status-due-bg:var(--status-warning-bg);--status-paid-fg:var(--status-success-fg);--status-paid-bg:var(--status-success-bg);--status-overdue-fg:var(--status-danger-fg);--status-overdue-bg:var(--status-danger-bg);--gradient-hero:linear-gradient(135deg, #0b1f3a 0%, #30256f 55%, #6c4cf1 100%);--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Consolas", monospace;--text-page-title:26px;--text-section-title:19px;--text-card-title:17px;--text-body:15px;--text-label:13px;--text-caption:12px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-card:0 8px 30px #0b1f3a12;--shadow-raised:0 12px 34px #0b1f3a1f;--shadow-focus:0 0 0 3px var(--primary-soft);--glow-accent:none;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--control-height:42px;--button-height:42px;--button-height-lg:47px;--icon-button-size:38px;--sidebar-width:232px;--header-height:60px;--table-row-height:44px;--table-header-bg:#f8fafc;--table-row-hover:#f4f6fa;--table-row-selected:var(--primary-soft);--table-zebra:transparent;--button-secondary-bg:var(--navy-950);--button-secondary-fg:#fff;--button-secondary-border:transparent;--button-secondary-bg-hover:var(--navy-800);--button-secondary-border-hover:transparent;--button-secondary-fg-hover:#fff;--login-card-bg:#fff;--login-card-fg:#111827;--login-card-muted:#667085;--login-card-border:#e6eaf0}[data-theme=beecontrols-dark]{--bee-green-600:#2fa84f;--bee-green-500:#3ec46a;--bee-green-400:#56d97f;--bee-green-050:#3ec46a24;--primary:var(--bee-green-500);--primary-hover:var(--bee-green-400);--primary-soft:var(--bee-green-050);--primary-contrast:#06210f;--surface:#16191c;--surface-raised:#1d2125;--background:#0d0f11;--sidebar-bg:#101315;--sidebar-fg:#ffffff9e;--sidebar-fg-active:#fff;--sidebar-active-bg:#3ec46a29;--header-bg:#121517;--text-primary:#f2f5f4;--text-secondary:#9aa4a2;--text-inverse:#06210f;--border:#262b30;--border-strong:#343b41;--success:var(--bee-green-500);--warning:#e0a32e;--danger:#e5544b;--info:#4a9de0;--status-success-fg:#7ee6a3;--status-success-bg:#3ec46a29;--status-warning-fg:#f0c674;--status-warning-bg:#e0a32e29;--status-danger-fg:#f5938c;--status-danger-bg:#e5544b29;--status-neutral-fg:#a8b1af;--status-neutral-bg:#ffffff12;--status-info-fg:#8cc4ee;--status-info-bg:#4a9de029;--gradient-hero:linear-gradient(135deg, #0a0d0e 0%, #10201a 55%, #16351f 100%);--shadow-card:0 10px 30px #00000073;--shadow-raised:0 16px 40px #0000008c;--shadow-focus:0 0 0 3px #3ec46a47;--glow-accent:0 0 18px #3ec46a59;--table-header-bg:#1a1e21;--table-row-hover:#1e2327;--table-row-selected:#3ec46a1f;--table-zebra:transparent;--button-secondary-bg:transparent;--button-secondary-fg:var(--text-primary);--button-secondary-border:var(--border-strong);--button-secondary-bg-hover:transparent;--button-secondary-border-hover:var(--primary);--button-secondary-fg-hover:var(--primary);--login-card-bg:#fff;--login-card-fg:#111827;--login-card-muted:#667085;--login-card-border:#e6eaf0}[data-theme=professional-light]{--bee-green-600:#24913f;--bee-green-500:#2fa84f;--bee-green-400:#56d97f;--bee-green-050:#e7f7ec;--primary:var(--bee-green-600);--primary-hover:#1d7734;--primary-soft:var(--bee-green-050);--primary-contrast:#fff;--surface:#fff;--surface-raised:#fff;--background:#f4f6f8;--sidebar-bg:#1c2321;--sidebar-fg:#ffffffb3;--sidebar-fg-active:#fff;--sidebar-active-bg:var(--bee-green-600);--header-bg:#fff;--text-primary:#16211d;--text-secondary:#5c6b66;--text-inverse:#fff;--border:#dfe5e2;--border-strong:#c6cfcb;--success:#24913f;--warning:#b7791f;--danger:#c53727;--info:#2563eb;--status-success-fg:#14622c;--status-success-bg:#e7f7ec;--status-warning-fg:#8a5a12;--status-warning-bg:#fdf0d8;--status-danger-fg:#96271a;--status-danger-bg:#fbe3e0;--status-neutral-fg:#4a5754;--status-neutral-bg:#eef1f0;--status-info-fg:#1d4ed8;--status-info-bg:#dbeafe;--gradient-hero:linear-gradient(135deg, #16211d 0%, #1d4f31 55%, #2fa84f 100%);--shadow-card:0 6px 22px #16211d12;--shadow-raised:0 12px 30px #16211d1f;--shadow-focus:0 0 0 3px #2fa84f38;--glow-accent:none;--table-header-bg:#f1f4f2;--table-row-hover:#f4f7f5;--table-row-selected:var(--bee-green-050);--table-zebra:#fafbfa;--button-secondary-bg:transparent;--button-secondary-fg:var(--text-primary);--button-secondary-border:var(--border-strong);--button-secondary-bg-hover:transparent;--button-secondary-border-hover:var(--primary);--button-secondary-fg-hover:var(--primary);--login-card-bg:#fff;--login-card-fg:#111827;--login-card-muted:#667085;--login-card-border:#e6eaf0}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink-900);background:var(--paper-50);margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 1.25rem}a{color:var(--primary)}button,input,select{font-family:inherit;font-size:.9rem}.login-shell{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--paper-0);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-raised);padding:2.25rem 2rem}.login-card .brand{font-family:var(--font-display);color:var(--login-card-fg);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.05rem;font-weight:700;display:flex}.login-card .brand-mark{background:linear-gradient(135deg, var(--primary), var(--navy-800));border-radius:3px;width:10px;height:10px;display:inline-block}.login-card h1{margin-bottom:.35rem;font-size:1.4rem}.login-card .subhead{color:var(--ink-500);margin:0 0 1.5rem;font-size:.88rem}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.field input,.field select{border:1.5px solid var(--line-200);border-radius:var(--radius-md);background:var(--paper-0);color:var(--ink-900);padding:.6rem .7rem;transition:border-color .15s,box-shadow .15s}.field input:focus-visible,.field select:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.btn{border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #0000;padding:.6rem 1.1rem;font-weight:600;transition:transform 80ms,box-shadow .15s,background .15s}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-card), var(--glow-accent)}.btn-primary:hover{background:var(--primary-hover)}.btn-block{width:100%}.btn-ghost{border-color:var(--line-200);color:var(--ink-900);background:0 0}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-fg);border-color:var(--button-secondary-border)}.btn-secondary:hover{background:var(--button-secondary-bg-hover);border-color:var(--button-secondary-border-hover);color:var(--button-secondary-fg-hover)}.alert-error{background:var(--status-overdue-bg);color:var(--status-overdue-fg);border-radius:var(--radius-md);margin:0 0 1rem;padding:.6rem .8rem;font-size:.85rem;font-weight:600}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);min-height:100vh;color:var(--sidebar-fg-active);flex-direction:column;flex-shrink:0;align-self:flex-start;padding:1.75rem 1.25rem 0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar .brand{font-family:var(--font-display);align-items:center;gap:.5rem;margin-bottom:2.25rem;font-size:1.1rem;font-weight:700;display:flex}.sidebar .brand-mark{background:linear-gradient(135deg, var(--primary), var(--primary));border-radius:3px;flex-shrink:0;width:12px;height:12px}.sidebar-nav{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav a{color:var(--sidebar-fg);border-radius:var(--radius-md);padding:.6rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:block}.sidebar-nav a:hover{color:var(--sidebar-fg-active);background:#ffffff14}.sidebar-nav a.active{background:var(--primary);color:var(--sidebar-fg-active)}.sidebar-logout{z-index:1;margin-top:auto;padding-bottom:1.5rem;position:relative}.sidebar-logout button{color:#ffffffd9;border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;width:100%;padding:.55rem;font-weight:600}.sidebar-logout button:hover{color:var(--sidebar-fg-active);background:#ffffff29}.sidebar-skyline{opacity:.5;pointer-events:none;height:96px;position:absolute;bottom:0;left:0;right:0}.content-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.global-search{flex:1;max-width:360px}.global-search input{border:1px solid var(--border);border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.9rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content{flex:1;min-width:0;padding:2rem 2.5rem 3rem}.content h1{color:var(--text-primary);font-size:1.5rem}.card{background:var(--paper-0);border:1px solid var(--line-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1.75rem;padding:1.5rem}.form-grid{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem;display:flex}.form-grid .field{min-width:170px;margin-bottom:0}.form-grid .btn{height:40px}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.88rem}.data-table th{text-align:start;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);border-bottom:1.5px solid var(--line-200);padding:0 .75rem .6rem;font-size:.72rem}.data-table td{border-bottom:1px solid var(--line-200);vertical-align:middle;padding:.75rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--paper-50)}.mono{font-family:var(--font-mono)}.status-pill{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:500;display:inline-flex}.status-due{background:var(--status-due-bg);color:var(--status-due-fg)}.status-paid{background:var(--status-paid-bg);color:var(--status-paid-fg)}.status-overdue{background:var(--status-overdue-bg);color:var(--status-overdue-fg)}.status-submitted,.status-upcoming{background:var(--primary-soft);color:var(--primary-hover)}.status-partially_paid{background:var(--status-due-bg);color:var(--status-due-fg)}.status-waived{background:var(--background);color:var(--text-secondary);border:1px solid var(--border)}.status-under_review{background:var(--primary-soft);color:var(--primary-hover)}.status-in_review{background:var(--status-due-bg);color:var(--status-due-fg)}.status-approved{background:var(--status-paid-bg);color:var(--status-paid-fg)}.status-rejected{background:var(--status-overdue-bg);color:var(--status-overdue-fg)}.status-completed{background:var(--background);color:var(--text-secondary);border:1px solid var(--border)}.priority-A{background:var(--status-overdue-bg);color:var(--status-overdue-fg)}.priority-B{background:var(--status-due-bg);color:var(--status-due-fg)}.priority-C{background:var(--primary-soft);color:var(--primary-hover)}.priority-D{background:var(--background);color:var(--text-secondary);border:1px solid var(--border)}.kpi-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.kpi-card{flex-direction:column;flex:1;gap:.35rem;min-width:140px;display:flex}.kpi-card-link{color:inherit;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s}.kpi-card-link:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f172a1f}.kpi-card-link:focus-visible{outline:2px solid var(--brand-600,#4f46e5);outline-offset:2px}.kpi-label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.kpi-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.6rem;font-weight:600}.maintenance-panel{border-top:1px dashed var(--line-200);margin-top:1rem;padding-top:1rem}.sla-overdue{color:var(--status-overdue-fg);font-size:.78rem}.sla-ok{color:var(--text-secondary);font-size:.78rem}.notification-bell{position:relative}.notification-badge{background:var(--danger);color:#fff;border-radius:999px;margin-inline-start:.4rem;padding:.05rem .4rem;font-size:.7rem}.notification-dropdown{inset-inline-end:0;background:var(--paper-0);border:1px solid var(--border);border-radius:var(--radius-md);z-index:10;width:280px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;box-shadow:0 8px 24px #0000001f}.notification-item{text-align:start;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;width:100%;padding:.5rem;display:block}.notification-item.unread{background:var(--primary-soft);font-weight:600}.notification-item:hover{background:var(--background)}.mark-paid-cell{align-items:center;gap:.5rem;display:flex}.mark-paid-cell input[type=date]{border:1.5px solid var(--line-200);border-radius:var(--radius-md);padding:.35rem .5rem}.mark-paid-cell label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=720px){.app-shell{flex-direction:column}.sidebar{align-self:stretch;width:auto;min-height:0;position:static}.sidebar-skyline{display:none}.content{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;display:grid}.btn{min-height:var(--button-height);justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.btn-lg{min-height:var(--button-height-lg);font-size:1rem}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-icon{width:var(--icon-button-size);height:var(--icon-button-size);min-height:var(--icon-button-size);border-radius:var(--radius-sm);border-color:var(--border);color:var(--text-secondary);background:0 0;padding:0}.btn-icon:hover{border-color:var(--primary);color:var(--primary)}.field input,.field select,.field textarea{min-height:var(--control-height);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border)}.field input::placeholder,.field textarea::placeholder{color:var(--text-secondary);opacity:.75}.field-error input,.field-error select,.field-error textarea{border-color:var(--danger)}.field-message{font-size:var(--text-caption);color:var(--text-secondary);text-transform:none;letter-spacing:0}.field-message-error{color:var(--danger)}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.card-title{font-size:var(--text-card-title);margin:0}.card-actions{gap:var(--space-2);flex-shrink:0;display:flex}.badge{padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-caption);white-space:nowrap;font-weight:700;line-height:1.6;display:inline-block}.badge-success{background:var(--status-success-bg);color:var(--status-success-fg)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning-fg)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger-fg)}.badge-neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg)}.badge-info{background:var(--status-info-bg);color:var(--status-info-fg)}.data-table tbody tr:nth-child(2n){background:var(--table-zebra)}.data-table tbody tr:hover{background:var(--table-row-hover)}.data-table tr.is-clickable{cursor:pointer}.data-table .is-numeric{text-align:end;font-variant-numeric:tabular-nums}.table-empty{color:var(--text-secondary);font-size:var(--text-body);margin:var(--space-4) 0}.modal-backdrop{padding:var(--space-4);z-index:50;background:#0714268c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);width:100%;max-width:520px;max-height:88vh;padding:var(--space-6);overflow-y:auto}.modal-danger{border-color:var(--danger)}.modal-header h2{margin:0 0 var(--space-2);font-size:var(--text-section-title)}.modal-description{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-body)}.modal-footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);display:flex}.app-header{background:var(--header-bg);min-height:var(--header-height)}.global-search input{background:var(--surface);color:var(--text-primary);border-radius:var(--radius-sm)}.content h1{font-size:var(--text-page-title);color:var(--text-primary)}.hex-accent{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}[data-theme=beecontrols-dark] .sidebar-nav a.active{box-shadow:inset 3px 0 0 var(--primary)}@media (width<=1024px){.content{padding:var(--space-6) var(--space-4) var(--space-8)}.sidebar{width:176px;padding-inline:var(--space-2)}.sidebar-nav a{font-size:var(--text-caption);padding:.5rem .6rem}}@media (width<=720px){.app-header{flex-wrap:wrap;height:auto}.form-grid .field{min-width:100%}.modal{max-width:100%}}.theme-choices{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.theme-choice{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface)}.theme-choice.is-default{border-color:var(--primary)}.theme-choice-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.theme-choice-actions{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.inline-check{align-items:center;gap:var(--space-2);font-size:var(--text-label);color:var(--text-primary);margin-bottom:var(--space-3);display:flex}.preview-bar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--primary-soft);color:var(--text-primary);font-size:var(--text-label);font-weight:600;display:flex}.theme-toggle select{height:var(--icon-button-size);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);padding:0 var(--space-2);font-size:var(--text-caption)}.login-card{background:var(--login-card-bg);color:var(--login-card-fg)}.login-card .field label{color:var(--login-card-muted)}.login-card .field input{background:var(--login-card-bg);color:var(--login-card-fg);border-color:var(--login-card-border)}.login-card .subhead{color:var(--login-card-muted)}[data-theme=beecontrols-dark] .login-shell,[data-theme=professional-light] .login-shell{position:relative;overflow:hidden}[data-theme=beecontrols-dark] .login-shell:before,[data-theme=professional-light] .login-shell:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 18% 22%,#3ec46a29,#0000 42%),radial-gradient(circle at 84% 74%,#3ec46a1f,#0000 46%);position:absolute;inset:-10%}[data-theme=beecontrols-dark] .login-card,[data-theme=professional-light] .login-card{z-index:1;position:relative}.login-card .btn-ghost{color:var(--login-card-fg);border-color:var(--login-card-border)}.login-card .btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.login-card .btn-secondary{background:var(--primary);color:var(--primary-contrast);border-color:#0000}.back-link{margin-bottom:var(--space-3);font-size:var(--text-label);font-weight:600;text-decoration:none;display:inline-block}.detail-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;display:grid}.detail-grid dt{font-size:var(--text-caption);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1);font-weight:600}.detail-grid dd{font-size:var(--text-body);color:var(--text-primary);margin:0}.sidebar-group{margin-bottom:var(--space-3)}.sidebar-group-title{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--sidebar-fg);font-family:var(--font-display);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;opacity:.72;background:0 0;border:0;font-weight:700;display:flex}.sidebar-group-title:hover{opacity:1}.sidebar{overflow-y:auto}:root{--font-arabic:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:var(--font-arabic)}textarea{font:inherit;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}a.btn{align-items:center;text-decoration:none;display:inline-flex}.truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:28ch;display:inline-block;overflow:hidden}.page-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.page-header h1{font-size:var(--text-page-title);margin:0}.page-actions,.header-actions,.row-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.header-user{color:var(--text-secondary);font-size:var(--text-label)}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.login-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.detail-columns{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-block-end:var(--space-4);display:grid}.detail-list{gap:var(--space-2);margin:0;display:grid}.detail-row{gap:var(--space-3);grid-template-columns:minmax(120px,38%) 1fr;display:grid}.detail-row dt{color:var(--text-secondary);font-size:var(--text-label)}.detail-row dd{overflow-wrap:anywhere;margin:0}.inline-form{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.inline-form .field{flex:180px;min-width:180px;margin:0}.form-actions{gap:var(--space-2);grid-column:1/-1;align-items:center;display:flex}.field-wide{grid-column:1/-1}.action-panels{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-block-end:var(--space-4);display:grid}.tabs{gap:var(--space-1);border-block-end:1px solid var(--border);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.tab{border:none;padding:var(--space-2) var(--space-3);color:var(--text-secondary);cursor:pointer;background:0 0;border-block-end:2px solid #0000;min-height:40px}.tab.active{color:var(--primary);border-block-end-color:var(--primary);font-weight:600}.tab:focus-visible,.link-button:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.link-button{color:var(--primary);cursor:pointer;font:inherit;text-align:start;background:0 0;border:none;padding:0}.link-button:disabled{color:var(--text-secondary);cursor:default}.plain-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.place-node{border-inline-start:2px solid var(--border);margin-block:var(--space-2);padding-inline-start:var(--space-3)}.place-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.place-children{margin-inline-start:var(--space-4)}.is-archived{opacity:.55}.tag-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag{align-items:center;gap:var(--space-1);background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-pill);padding:2px var(--space-3);font-size:var(--text-label);display:inline-flex}.timeline{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.timeline li{border-inline-start:2px solid var(--border);padding-inline-start:var(--space-3)}.checkbox-group{margin:var(--space-3) 0;gap:var(--space-2);border:none;padding:0;display:grid}.checkbox-group legend{font-size:var(--text-label);color:var(--text-secondary);margin-block-end:var(--space-2)}.secret-box{padding:var(--space-3);background:var(--background);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);overflow-wrap:anywhere;margin-block-end:var(--space-3);display:block}.details-code{font-family:var(--font-mono);font-size:var(--text-caption);overflow-wrap:anywhere}.is-focus{outline:2px solid var(--primary);border-radius:var(--radius-sm);padding-inline:var(--space-1)}.brand-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.menu-toggle{color:var(--sidebar-fg-active);border-color:#ffffff40;display:none}@media (width<=860px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;min-height:0;padding-block:var(--space-3);position:static}.sidebar .brand{margin:0}.menu-toggle{display:inline-flex}.sidebar-menu{display:none}.sidebar.is-open .sidebar-menu{margin-block-start:var(--space-3);display:block}.sidebar-logout{position:static}.sidebar-skyline{display:none}.detail-row,.action-panels,.detail-columns{grid-template-columns:1fr}}.place-site{border-inline-start-color:var(--primary-soft);padding-block:var(--space-2)}.place-building{background:var(--background);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.place-title{font-weight:600;font-size:var(--text-card-title)}.place-meta{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-label)}.place-area{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.floor-badge{text-align:center;min-width:1.8em;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:var(--text-caption);display:inline-block}.asset-chips .tag{background:var(--status-info-bg);color:var(--status-info-fg)}.asset-chips .tag-danger{background:var(--status-danger-bg);color:var(--status-danger-fg)}.modal-subtitle{font-size:var(--text-label);color:var(--text-secondary);margin:var(--space-2) 0}.alert-success{background:var(--status-success-bg);color:var(--status-success-fg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.header-user{text-decoration:none}.header-user:hover{text-decoration:underline}
