:root{--dw-color-background:#f4f6f8;--dw-color-foreground:#17202a;--dw-color-surface:#fff;--dw-color-accent:#0f766e;--dw-color-accent-strong:#115e59;--dw-color-muted:#52606d;--dw-color-border:#17202a1a;--dw-shadow-raised:0 20px 60px #17202a14;--dw-font-sans:"IBM Plex Sans Arabic", Arial, "Segoe UI", sans-serif;--dw-line-height-relaxed:1.9;--dw-space-1:18px;--dw-space-2:24px;--dw-space-3:40px;--dw-radius-lg:24px;--dw-color-bg:#f4f6f8;--dw-color-surface-muted:#e8ecf0;--dw-color-text:#17202a;--dw-color-text-muted:#52606d;--dw-color-text-disabled:#8a96a3;--dw-color-primary:#0f766e;--dw-color-primary-strong:#115e59;--dw-color-primary-surface:#f0fdfa;--dw-color-on-primary:#fff;--dw-color-secondary:#c2410c;--dw-color-on-secondary:#fff;--dw-color-success:#1f7a3c;--dw-color-success-surface:#ecfdf3;--dw-color-warning:#b54708;--dw-color-warning-surface:#fffaeb;--dw-color-danger:#b42318;--dw-color-danger-surface:#fef3f2;--dw-color-info:#0f766e;--dw-color-focus-ring:#0f766e;--dw-font-ui:"IBM Plex Sans Arabic", Arial, "Segoe UI", sans-serif;--dw-font-report:"Noto Sans Arabic", Arial, sans-serif;--dw-font-email:"IBM Plex Sans Arabic", Arial, "Segoe UI", sans-serif;--dw-line-height-body:1.7;--dw-font-numeric:tabular-nums;--dw-text-caption:12px;--dw-text-small:14px;--dw-text-body:16px;--dw-text-lead:18px;--dw-text-title-sm:20px;--dw-text-title:24px;--dw-text-display:30px;--dw-radius-tag:4px;--dw-radius-control:8px;--dw-radius-card:12px;--dw-radius-sheet:20px;--dw-radius-pill:999px;--dw-spacing-1:4px;--dw-spacing-2:8px;--dw-spacing-3:12px;--dw-spacing-4:16px;--dw-spacing-5:20px;--dw-spacing-6:24px;--dw-spacing-8:32px;--dw-spacing-10:40px;--dw-spacing-12:48px;--dw-elevation-control:0 1px 2px #17202a0f;--dw-elevation-card:0 8px 30px #17202a0d;--dw-elevation-overlay:0 20px 60px #17202a14}
:root{font-family:var(--dw-font-sans);--surface:var(--dw-color-surface,#fff);--bg:var(--dw-color-background,#f4f6f8);--fg:var(--dw-color-foreground,#17202a);--muted:var(--dw-color-muted,#52606d);--accent:var(--dw-color-accent,#1f7a8c);--accent-strong:var(--dw-color-accent-strong,#176b78);--border:var(--dw-color-border,#17202a1f);--danger:#b42318;--warning:#b54708;--warning-surface:#fffaeb;--shell-header-height:61px;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{min-height:100vh;margin:0;line-height:1.7}a{color:var(--accent-strong)}.muted{color:var(--muted)}code{font-family:ui-monospace,monospace}.page{max-width:1150px;margin:0 auto;padding:24px}.page-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 8px 30px #17202a0d}.auth-card{flex-direction:column;gap:12px;width:min(440px,92vw);display:flex}.shell-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shell-user{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.shell-user-name{white-space:nowrap}.shell-body{grid-template-columns:230px minmax(0,1fr);align-items:start;display:grid}.shell-nav{top:var(--shell-header-height);max-height:calc(100vh - var(--shell-header-height));border-inline-end:1px solid var(--border);background:var(--surface);min-height:calc(100vh - var(--shell-header-height));flex-direction:column;gap:2px;padding:16px 12px;display:flex;position:sticky;overflow-y:auto}.shell-nav a{color:var(--fg);border-inline-start:3px solid #0000;border-radius:8px;padding:7px 12px;font-weight:600;text-decoration:none}.shell-nav a:hover{background:var(--bg)}.shell-nav a[aria-current=page]{background:var(--bg);color:var(--accent-strong);border-inline-start-color:var(--accent)}.shell-nav-section{color:var(--muted);margin:12px 12px 4px;font-size:.78rem}.nav-toggle,.nav-scrim,.nav-drawer-actions{display:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{font-size:.92rem;font-weight:600}.field .hint,.card>.hint{color:var(--muted);margin:0;font-size:.8rem}.field .hint-error{color:var(--danger);font-weight:600}input[aria-invalid=true]{border-color:var(--danger)}.card>.hint{margin-top:8px}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:8px;width:100%;padding:9px 11px}input:focus,select:focus,textarea:focus,.btn:focus-visible,a:focus-visible,.tab:focus-visible,.membership-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.form-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.filters input{max-width:320px}.filters select{max-width:220px}.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-danger{border-color:var(--danger);color:var(--danger)}.row-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-edit{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.banner-warning{background:var(--warning-surface);color:var(--warning);border-block:1px solid var(--warning)}.banner-danger{background:var(--danger-surface,var(--warning-surface));color:var(--danger,var(--warning));border-block:1px solid var(--danger,var(--warning));font-weight:600}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%}.table th,.table td{text-align:start;border-bottom:1px solid var(--border);padding:10px 12px}.table th{color:var(--muted);font-size:.85rem}.pagination{align-items:center;gap:16px;margin-top:16px;display:flex}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{font:inherit;cursor:pointer;color:var(--muted);border:none;background:0 0;border-bottom:2px solid #0000;padding:8px 12px}.tab-active{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.detail{gap:16px;display:grid}.detail-grid{grid-template-columns:max-content 1fr;gap:6px 20px;margin:0;display:grid}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.overview-card{color:var(--fg);font-weight:600;text-decoration:none}.membership-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.membership-item{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.membership-item:disabled{opacity:.5;cursor:not-allowed}.state{color:var(--muted);align-items:center;gap:10px;padding:16px;display:flex}.state-error{color:var(--danger);background:#b423180d;border:1px solid #b423184d;border-radius:8px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pill{border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.8rem;display:inline-block}.pill-active{color:#1f7a3c;background:#1f7a3c1f}.pill-suspended{color:#8a6d10;background:#b478181f}.pill-archived,.pill-inactive,.pill-ended,.pill-revoked,.pill-left,.pill-canceled{color:var(--muted);background:#52606d1f}.pill-draft,.pill-provisioning,.pill-terminating,.pill-invited,.pill-pending{color:var(--accent-strong);background:#1f7a8c1f}.permission-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;margin:10px 0;display:grid}.permission-item{align-items:center;gap:8px;font-size:.9rem;display:flex}.permission-item input{width:auto}.role-select{flex-direction:column;gap:4px;display:flex}fieldset{border:1px solid var(--border);border-radius:8px;margin:0}.dialog-backdrop{z-index:100;background:#17202a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);width:min(460px,100%);color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 20px 50px #17202a40}.dialog-title{margin:0 0 8px;font-size:1.15rem}.dialog-message{white-space:pre-line;margin:0 0 16px}.dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.bell{position:relative}.bell-count{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:0 6px;font-size:.75rem;line-height:20px}.notification-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.notification-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.notification-item[data-unread=true]{border-inline-start:4px solid var(--accent)}.notification-item h2{margin:0;font-size:1rem}.notification-item p{margin:2px 0 0}.pill-tone-success{color:#1f7a3c;background:#1f7a3c1f}.pill-tone-danger{color:var(--danger);background:#b423181a}.pill-tone-warning{background:var(--warning-surface);color:var(--warning)}.pill-tone-info{color:var(--accent-strong);background:#1f7a8c1f}.notification-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.draft-banner{border:1px dashed var(--warning);background:var(--warning-surface);color:var(--warning);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-weight:700}.legal{max-width:820px}.legal h2{margin-top:24px;font-size:1.1rem}.public-footer{flex-wrap:wrap;justify-content:center;gap:14px;padding:8px 0 0;font-size:.85rem;display:flex}@media (max-width:900px){.shell-header{gap:10px;padding:10px 16px}.nav-toggle{display:inline-flex}.shell-user-name,.shell-user .btn-logout-all{display:none}.shell-body{display:block}.shell-nav{top:0;bottom:0;z-index:60;width:min(300px,85vw);min-height:0;max-height:none;display:none;position:fixed;inset-inline-start:0;box-shadow:0 0 40px #17202a40}.shell-nav[data-open=true]{display:flex}.nav-scrim[data-open=true]{z-index:50;background:#17202a59;border:0;padding:0;display:block;position:fixed;inset:0}.nav-drawer-actions{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:16px;padding:12px;display:flex}}@media (max-width:640px){.page{padding:16px}.form-grid,.detail-grid{grid-template-columns:1fr}.detail-grid dd{margin-bottom:8px}.filters input,.filters select{max-width:none}.page table{max-width:100%;display:block;overflow-x:auto}.page th,.page td{white-space:nowrap}}.brand{align-items:center;gap:8px;display:inline-flex}.brand-mark{color:var(--dw-color-primary,#0f766e);flex:none}.brand-lockup{color:var(--dw-color-primary,#0f766e);align-items:center;gap:10px;margin:0 0 16px;font-size:1.25rem;font-weight:700;display:flex}