@charset "UTF-8";:root{--violet-900: #1a0033;--violet-800: #2d0052;--violet-700: #4f008c;--violet-600: #6a00b8;--violet-500: #7a1fd0;--brand: #4c008a;--brand-ink: #3d006f;--gold: #f5a623;--magenta: #b8007a;--ink: #1d283a;--ink-2: #475467;--muted: #6b7280;--muted-2: #9aa1ac;--line: #e6e5ee;--line-2: #dcdfe4;--surface: #ffffff;--bg: #f5f4fa;--bg-2: #faf9fd;--green: #0e9f6e;--green-bg: #e6f6ef;--amber: #d98a00;--amber-bg: #fdf3e2;--red: #e02424;--red-bg: #fdecec;--blue: #2563eb;--blue-bg: #e8eefc;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(16, 12, 40, .06), 0 1px 3px rgba(16, 12, 40, .05);--shadow: 0 4px 18px rgba(30, 20, 70, .07);--shadow-lg: 0 18px 44px rgba(30, 20, 70, .14);--font: "Inter", system-ui, -apple-system, sans-serif;--font-head: "Plus Jakarta Sans", "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-head);margin:0;letter-spacing:-.02em}.logo-tile{display:grid;place-items:center;background:linear-gradient(150deg,#7a1fd0,#4c008a);color:#fff;border-radius:26%;box-shadow:0 8px 22px #4c008a73,inset 0 1px #ffffff40;font-family:var(--font-head);font-weight:800;letter-spacing:-.06em;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .05s,box-shadow .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-ink)}.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--line-2)}.btn-ghost:hover{background:#fff;border-color:var(--brand);color:var(--brand)}.btn-soft{background:#4c008a12;color:var(--brand)}.btn-soft:hover{background:#4c008a21}.btn-approve{background:var(--green-bg);color:#0a7a54}.btn-approve:hover{background:#d5f0e3}.btn-reject{background:var(--red-bg);color:#c01c1c}.btn-reject:hover{background:#fbdcdc}.btn-sm{height:34px;padding:0 12px;font-size:13px;border-radius:9px}.input{width:100%;height:46px;padding:0 14px;font-size:14px;font-family:var(--font);color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:12px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--muted-2)}.input:focus{outline:none;border-color:var(--violet-600);box-shadow:0 0 0 4px #6a00b81f}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px 22px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-green{background:var(--green-bg);color:#0a7a54}.badge-amber{background:var(--amber-bg);color:#a86400}.badge-red{background:var(--red-bg);color:#c01c1c}.badge-blue{background:var(--blue-bg);color:#1d4ed8}.badge-gray{background:#eef0f4;color:#526077}.badge-violet{background:#4c008a14;color:var(--brand)}.progress{height:7px;border-radius:9999px;background:#ececf3;overflow:hidden}.progress>span{display:block;height:100%;border-radius:9999px;background:var(--brand)}.progress.green>span{background:var(--green)}.progress.amber>span{background:var(--amber)}.progress.red>span{background:var(--red)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:middle}table.data tbody tr{transition:background .12s}table.data tbody tr:hover{background:var(--bg-2)}table.data tbody tr:last-child td{border-bottom:none}td .strong,.t-strong{color:var(--ink);font-weight:600}.muted{color:var(--muted)}.mono-code{font-variant-numeric:tabular-nums;letter-spacing:.01em}.spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.list-head h1{font-size:24px;font-weight:800;color:var(--ink)}.list-head .sub{margin-top:4px;font-size:14px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar .search{position:relative;flex:1;min-width:220px;max-width:340px}.toolbar .search .input{height:42px;padding-left:38px}.toolbar .search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-2);pointer-events:none}.seg{display:inline-flex;background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:3px;gap:2px}.seg button{border:none;background:transparent;cursor:pointer;padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:background .12s,color .12s}.seg button:hover{color:var(--brand)}.seg button.active{background:var(--brand);color:#fff}.mini-stats{display:flex;gap:22px;flex-wrap:wrap}.mini-stats .ms-num{font-family:var(--font-head);font-weight:800;font-size:20px;color:var(--ink)}.mini-stats .ms-lbl{font-size:12px;color:var(--muted)}.empty{padding:48px;text-align:center;color:var(--muted);font-size:14px}.rating{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--ink)}.rating .star{color:var(--gold)}.avatar-sm{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:var(--brand);flex:none}.cell-user{display:flex;align-items:center;gap:10px}[dir=rtl] body{font-family:"Segoe UI","Tahoma","Cairo","Tajawal",var(--font)}[dir=rtl],[dir=rtl] table.data th,[dir=rtl] table.data td{text-align:right}[dir=rtl] .toolbar .search svg{left:auto;right:12px}[dir=rtl] .toolbar .search .input{padding-left:14px;padding-right:38px}[dir=rtl] .list-head{flex-direction:row-reverse}[dir=rtl] .mono-code{direction:ltr;unicode-bidi:embed;display:inline-block}
