@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}:root{--app-font-family: Inter, Cairo, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--dir: 1}:root[dir=rtl]{--app-font-family: Cairo, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Tahoma, sans-serif;--dir: -1}:root[dir=rtl] *{letter-spacing:normal!important}:root[dir=rtl] .icon-dir{transform:scaleX(-1)}:root[dir=rtl] select{background-position:left 10px center!important}.ltr{direction:ltr;unicode-bidi:isolate}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--app-font-family);font-size:14px;font-weight:400;color:#ededed;background:#0a0a0a;line-height:1.5;min-height:100vh}a{color:#3b82f6;text-decoration:none;transition:all .1s ease}a:hover{color:#2563eb}img,svg{display:block;max-width:100%}button,input,textarea,select{font-family:inherit}:root{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:#666}.text-secondary{color:#a1a1a1}.text-success{color:#22c55e}.text-danger{color:#ef4444}.text-warning{color:#f59e0b}.text-accent{color:#3b82f6}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:500;border:1px solid transparent}.badge--success{background:#22c55e1a;color:#22c55e;border-color:#22c55e33}.badge--danger{background:#ef44441a;color:#ef4444;border-color:#ef444433}.badge--warning{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.badge--info{background:#06b6d41a;color:#06b6d4;border-color:#06b6d433}.badge--neutral{background:#1a1a1a;color:#a1a1a1;border-color:#2a2a2a}.divider{height:1px;background:#2a2a2a;border:none;margin:16px 0}.page-container{padding:32px;max-width:1400px}@media(max-width:767px){.page-container{padding:20px}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header__title{font-family:var(--app-font-family);font-size:22px;font-weight:600;color:#ededed;letter-spacing:-.02em;line-height:1.25}.page-header__subtitle{font-size:13px;color:#666;margin-top:4px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:13px;font-weight:500;color:#a1a1a1}.form-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.form-field textarea,.form-field select{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#ededed;font-size:14px;font-family:var(--app-font-family);padding:10px 16px;transition:all .1s ease;appearance:none}.form-field input:not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,.form-field textarea::placeholder,.form-field select::placeholder{color:#666}.form-field input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,.form-field textarea:hover,.form-field select:hover{border-color:#3a3a3a}.form-field input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.form-field textarea:focus,.form-field select:focus{outline:none;box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px #3b82f6;border-color:#3b82f6;background:#222}.form-field input:not([type=checkbox]):not([type=radio]):not([type=file]).is-invalid,.form-field textarea.is-invalid,.form-field select.is-invalid{border-color:#ef4444}.form-field input:not([type=checkbox]):not([type=radio]):not([type=file]).is-invalid:focus,.form-field textarea.is-invalid:focus,.form-field select.is-invalid:focus{box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px #ef4444}.form-field input:not([type=checkbox]):not([type=radio]):not([type=file])[type=checkbox],.form-field input:not([type=checkbox]):not([type=radio]):not([type=file])[type=radio],.form-field textarea[type=checkbox],.form-field textarea[type=radio],.form-field select[type=checkbox],.form-field select[type=radio]{appearance:auto;width:1rem;height:1rem;min-width:1rem;padding:0;border:none;border-radius:0;background:none;accent-color:#3b82f6;flex-shrink:0;cursor:pointer}.form-field input:not([type=checkbox]):not([type=radio]):not([type=file]):disabled,.form-field textarea:disabled,.form-field select:disabled{opacity:.5;cursor:not-allowed}.form-field input[type=checkbox],.form-field input[type=radio]{accent-color:#3b82f6;width:1rem;height:1rem;flex-shrink:0;cursor:pointer}.form-field .field-error{font-size:11px;color:#ef4444;display:flex;align-items:center;gap:4px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--app-font-family);font-size:14px;font-weight:500;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .1s ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px #3b82f6}.btn-primary{background:#3b82f6;color:#fff;padding:10px 20px}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--app-font-family);font-size:14px;font-weight:500;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .1s ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-ghost:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px #3b82f6}.btn-ghost{background:transparent;color:#a1a1a1;border-color:#2a2a2a;padding:8px 16px}.btn-ghost:hover:not(:disabled){background:#1a1a1a;color:#ededed;border-color:#3a3a3a}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--app-font-family);font-size:14px;font-weight:500;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .1s ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-danger:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-danger:focus-visible{outline:none;box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px #3b82f6}.btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef444433;padding:8px 16px}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.btn-sm{padding:6px 12px!important;font-size:11px!important}.btn-lg{padding:12px 24px!important;font-size:15px!important}.btn-block{width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fade-in .2s ease forwards}.animate-fade-in-up{animation:fade-in-up .25s ease forwards}