:root{--color-primary: #10b981;--color-primary-text: #34d399;--color-primary-dark: #059669;--color-bg: #0a0a0a;--color-surface: #111111;--color-surface-2: #161616;--color-text: #e5e5e5;--color-muted: #737373;--color-destructive: #ef4444;--status-planned: #3b82f6;--status-in-progress: #f59e0b;--status-complete: #10b981;--status-pending: #737373}body[data-auth-state=pending]>div>main,body[data-auth-state=pending]>div>aside{visibility:hidden}body[data-auth-state=pending] #mobile-nav{visibility:hidden}body[data-auth-state=pending]:after{content:"";position:fixed;inset:0;z-index:60;background:#0a0a0a;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><circle cx='20' cy='20' r='16' fill='none' stroke='%231f2937' stroke-width='3'/><circle cx='20' cy='20' r='16' fill='none' stroke='%2310b981' stroke-width='3' stroke-linecap='round' stroke-dasharray='80' stroke-dashoffset='60'><animateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.8s' repeatCount='indefinite'/></circle></svg>");background-repeat:no-repeat;background-position:center}body[data-auth-state=authed]:after,body[data-auth-state=open]:after{display:none}.admin-card{background:var(--color-surface, #111);border:1px solid rgba(16,185,129,.2);position:relative;transition:border-color .2s,transform .2s}.admin-card:hover{border-color:#10b98180}.status-badge{font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 8px;border:1px solid;text-transform:uppercase;border-radius:2px;display:inline-block}.status-published{color:#10b981;border-color:#10b98180;background:#10b9811a}.status-draft{color:#eab308;border-color:#eab30880;background:#eab3081a}.status-scheduled{color:#3b82f6;border-color:#3b82f680;background:#3b82f61a}.btn-admin{font-family:JetBrains Mono,monospace;font-size:12px;padding:9px 16px;min-height:38px;border:1px solid rgba(16,185,129,.4);color:#e5e7eb;transition:all .2s;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.btn-admin:hover{border-color:#10b981;color:#10b981;background:#10b9810d}.btn-admin-primary{background:#10b98126;border-color:#10b981;color:#10b981}.btn-admin-primary:hover{background:#10b98140}.btn-admin-danger{border-color:#ef444466;color:#f87171}.btn-admin-danger:hover{border-color:#ef4444;background:#ef44441a;color:#f87171}.card{background:#111;border:1px solid rgba(16,185,129,.15);border-radius:8px;padding:16px 20px;transition:border-color .2s}.card:hover{border-color:#10b9814d}.input-field{background:#0d0d0d;border:1px solid #333;color:#e5e7eb;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;border-radius:4px;width:100%;transition:border-color .2s}.input-field:focus{outline:none;border-color:#10b981}.input-field::placeholder{color:#737373}.text-primary-on-surface{color:#34d399}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lightbox{position:fixed;inset:0;z-index:200;background:#000000e6;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fade-in .2s ease}.media-gallery{display:flex;flex-wrap:wrap;gap:8px}.media-gallery img,.media-gallery video{border-radius:6px;border:1px solid #333;cursor:pointer;transition:opacity .2s}.media-gallery img:hover,.media-gallery video:hover{opacity:.8}.media-picker{font-family:JetBrains Mono,monospace}.media-picker .hidden{display:none}.btn-primary{background:transparent;border:2px solid rgb(16,185,129);color:#10b981;padding:12px 32px;font-family:JetBrains Mono,monospace;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.btn-primary:before{content:"";position:absolute;top:0;inset-inline-start:-100%;width:100%;height:100%;background:#10b981;transition:all .3s ease;z-index:-1}.btn-primary:hover{color:#0a0a0a}.btn-primary:hover:before{inset-inline-start:0}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:2px solid rgb(115,115,115);color:#e5e5e5;padding:10px 20px;font-family:JetBrains Mono,monospace;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-secondary:hover{border-color:#10b981;color:#10b981}.btn-danger{background:transparent;border:2px solid rgb(239,68,68);color:#ef4444;padding:8px 16px;font-family:JetBrains Mono,monospace;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-danger:hover{background:#ef4444;color:#0a0a0a}.btn-icon{background:transparent;border:1px solid #333;color:#737373;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center}.btn-icon:hover{border-color:#ef4444;color:#ef4444}.pulse-glow{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #10b9814d}50%{box-shadow:0 0 20px #10b98199}}.cursor{display:inline-block;width:10px;height:1.2em;background-color:#10b981;animation:blink 1s infinite;margin-inline-start:2px;vertical-align:middle}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.post-actions,.app-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.post-action-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;min-height:40px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .18s ease;line-height:1;white-space:nowrap}.post-action-btn svg{flex-shrink:0}.post-action-btn:disabled{opacity:.5;cursor:not-allowed}.post-action-edit{background:#3b82f61a;border-color:#3b82f666;color:#93c5fd}.post-action-edit:hover{background:#3b82f633;border-color:#3b82f6;color:#bfdbfe;transform:translateY(-1px)}.post-action-view{background:#7373731a;border-color:#7373734d;color:#d4d4d8}.post-action-view:hover{background:#73737333;border-color:#737373;color:#f4f4f5;transform:translateY(-1px)}.post-action-publish{background:#10b98126;border-color:#10b981;color:#6ee7b7;font-weight:600}.post-action-publish:hover{background:#10b9814d;border-color:#34d399;color:#a7f3d0;transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.post-action-delete{background:#ef444414;border-color:#ef44444d;color:#f87171}.post-action-delete:hover{background:#ef44442e;border-color:#ef4444;color:#fca5a5;transform:translateY(-1px)}@media(max-width:640px){.post-actions,.app-actions{width:100%}.post-action-btn{flex:1;justify-content:center;padding:10px 8px}.post-action-btn span{font-size:13px}}.input-admin{width:100%;background:#0d0d0d;border:1px solid rgb(75 85 99);color:#e5e7eb;padding:11px 14px;min-height:44px;font-family:Tajawal,sans-serif;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s;border-radius:6px}.input-admin:hover{border-color:#6b7280}.input-admin:focus{outline:none;border-color:#10b981;background:#0a0a0a;box-shadow:0 0 0 3px #10b9811f}.input-admin::placeholder{color:#737373}.input-admin-lg{font-size:17px!important;padding:14px 16px!important;min-height:52px!important;font-weight:600}textarea.input-admin{min-height:90px;resize:none;line-height:1.7;overflow:hidden;font-family:Tajawal,sans-serif}.input-admin.ltr,input.input-admin[type=url],input.input-admin[type=email]{direction:ltr;text-align:left;font-family:JetBrains Mono,monospace;font-size:14px}.field-group{padding:18px 20px;border:1px solid rgb(55 65 81);border-radius:8px;background:#0d0d0d66;transition:border-color .2s,background .2s}.field-group:hover{border-color:#4b5563;background:#0d0d0d99}.field-group:focus-within{border-color:#10b98199;background:#10b98108}.field-label{display:block;font-family:JetBrains Mono,monospace;font-size:12px;color:#10b981;margin-bottom:7px;font-weight:500}.field-label .req{color:#10b981;margin-right:2px}.field-label .opt{color:#737373;font-size:10px;font-weight:400;margin-right:6px}.field-hint{font-size:11px;color:#737373;margin-top:5px;font-family:Tajawal,sans-serif}.field-error{font-size:11px;color:#f87171;margin-top:5px;font-family:Tajawal,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#10b98180}.list-item{transition:all .2s}.list-item:hover{transform:translate(-2px)}.section-divider{border-color:#10b9811a}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#10b9810a,#10b9811f,#10b9810a);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:4px;border:1px solid rgba(16,185,129,.08)}.skeleton-text{height:12px;margin-bottom:6px;border-radius:3px;background:linear-gradient(90deg,#7373731a,#73737340,#7373731a);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite}.post-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #10b9811a;border-color:#10b98180}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:4px;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;border:1px solid currentColor;white-space:nowrap}.status-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-planned{color:#3b82f6}.status-in-progress{color:#f59e0b}.status-complete{color:#10b981}.status-pending{color:#737373}.chip{padding:6px 14px;border:1px solid #333;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:12px;color:#737373;background:transparent;cursor:pointer;transition:all .3s ease}.chip:hover{border-color:#10b981;color:#10b981}.chip.active{border-color:#10b981;color:#10b981;background:#10b9811a}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:start;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid #1f1f1f;white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid #161616;font-size:14px;vertical-align:middle}.data-table tr.row{cursor:pointer;transition:background .2s ease}.data-table tr.row:hover{background:#10b9810a}.data-table tr.row.selected{background:#10b98114}.drawer-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(2px);z-index:90;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:560px;background:#0a0a0a;border-left:2px solid rgb(16,185,129);z-index:100;display:flex;flex-direction:column;animation:drawer-slide-in .3s ease;box-shadow:-10px 0 40px #00000080}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.bubble{max-width:85%;padding:10px 14px;border-radius:8px;border:1px solid #333;font-size:14px;line-height:1.6;word-break:break-word}.bubble-admin{background:#10b98114;border-color:#10b981;margin-inline-end:auto}.bubble-user{background:#111;margin-inline-start:auto}.skeleton{background:linear-gradient(90deg,#111 25%,#1a1a1a,#111 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toggle{position:relative;display:inline-block;width:38px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;cursor:pointer;inset:0;background:#333;border-radius:999px;transition:.3s}.toggle .slider:before{content:"";position:absolute;height:16px;width:16px;inset-inline-start:3px;bottom:3px;background:#737373;border-radius:50%;transition:.3s}.toggle input:checked+.slider{background:#10b9814d}.toggle input:checked+.slider:before{transform:translate(16px);background:#10b981}[dir=rtl] .toggle input:checked+.slider:before{transform:translate(-16px)}.fb-card{background:#111;border:1px solid rgba(16,185,129,.2);border-radius:8px;overflow:hidden}.fb-stat{background:#111;border:1px solid rgba(16,185,129,.15);border-radius:8px;padding:16px 20px;transition:border-color .2s}.fb-stat:hover{border-color:#10b98166}.fb-stat .label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#737373;margin-bottom:6px}.fb-stat .value{font-size:28px;font-weight:700;font-family:JetBrains Mono,monospace;line-height:1}