:root{--color-bg: #0a0e1a;--color-bg-2: #0f1525;--color-surface: #141928;--color-surface-2: #1c2338;--color-surface-3: #232c42;--color-border: rgba(255, 255, 255, .07);--color-border-2: rgba(255, 255, 255, .12);--color-primary: #6366f1;--color-primary-hover: #4f52d8;--color-primary-muted: rgba(99, 102, 241, .15);--color-primary-glow: rgba(99, 102, 241, .3);--color-accent: #22d3ee;--color-accent-muted: rgba(34, 211, 238, .1);--color-success: #10b981;--color-success-muted: rgba(16, 185, 129, .12);--color-warning: #f59e0b;--color-warning-muted: rgba(245, 158, 11, .12);--color-error: #ef4444;--color-error-muted: rgba(239, 68, 68, .12);--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-disabled: #334155;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--sidebar-width: 240px;--header-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Heebo,Inter,system-ui,sans-serif;font-size:15px;line-height:1.6;background:var(--color-bg);color:var(--color-text);direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-accent{color:var(--color-accent)}.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}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-primary-glow)}50%{box-shadow:0 0 20px 4px var(--color-primary-glow)}}.attachment-block{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:1rem;margin-bottom:1rem}.attachment-block__heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.attachment-block__heading h3{color:var(--color-text);font-size:.92rem}.attachment-block__heading span,.attachment-loading{color:var(--color-text-muted);font-size:.8rem}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.attachment-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-2);color:var(--color-text-secondary);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease}.attachment-card:hover{border-color:var(--color-primary)}.attachment-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.attachment-card img{grid-column:1/-1;display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--color-bg)}.attachment-card__name,.attachment-card__size{padding:.55rem .65rem;font-size:.78rem}.attachment-card__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card__size{color:var(--color-text-muted);direction:ltr}@media(max-width:760px){.attachment-grid{grid-template-columns:1fr}}