:root{--primary:#e11d48;--primary-hover:#be123c;--primary-light:#e11d4814;--primary-glow:#e11d4840;--primary-color-rgb:225, 29, 72;--accent-alert:#dc2626;--accent-job:#d97706;--accent-job-bg:#d9770614;--accent-aid:#059669;--accent-aid-bg:#05966914;--accent-warning:#ea580c;--accent-info:#0891b2;--accent-success:#059669;--accent-success-bg:#05966914;--bg-color:#faf9f7;--background:#faf9f7;--surface:#fff;--surface-elevated:#fff;--surface-dim:#f3f1ee;--text-main:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--border:#1c19171a;--border-subtle:#1c19170f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-arabic:"Cairo", "Inter", system-ui, sans-serif;--shadow-sm:0 1px 3px #1c19170f, 0 1px 2px #1c19170a;--shadow-md:0 4px 12px #1c191712, 0 2px 4px #1c19170a;--shadow-lg:0 12px 32px #1c19171a, 0 4px 8px #1c19170d;--shadow-glow-primary:0 4px 20px #e11d4833;--shadow-glow-aid:0 4px 16px #05966926;--shadow-glow-job:0 4px 16px #d9770626;--glass-bg:#ffffffd9;--glass-bg-strong:#fffffffa;--glass-blur:blur(24px);--glass-border:#fff6;--glass-border-strong:#fff9;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--header-height:60px;--bottom-nav-height:70px;--z-base:0;--z-tab-bar:10;--z-header:20;--z-fab:50;--z-dropdown:80;--z-bottom-sheet:100;--z-overlay:150;--z-modal:200;--z-toast:300;--z-confirm:400;--z-onboarding:500;--sidebar-width:260px;--sidebar-collapsed-width:72px;--content-max-width:720px;--panel-width:340px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000000a}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-strong);box-shadow:0 8px 32px #0000000f}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#1c19170a 25%,#1c191714 50%,#1c19170a 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.fab{bottom:calc(var(--bottom-nav-height) + 16px);background:linear-gradient(135deg, var(--primary) 0%, #fb7185 100%);color:#fff;cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;right:16px;box-shadow:0 8px 24px #e11d4866}.fab:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 12px 28px #e11d4880}.fab:active{transform:scale(.95)}[dir=rtl] .fab{left:16px;right:auto}.margin-start-auto{margin-inline-start:auto}.margin-end-auto{margin-inline-end:auto}.padding-start-md{padding-inline-start:var(--space-md)}.padding-end-md{padding-inline-end:var(--space-md)}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.items-center,.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-slide-up{animation:fadeSlideUp .4s var(--ease-out-expo) both}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes heartBounce{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes urgentPulse{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 6px #dc262600}}.experimental-badge{color:#f97316;text-transform:uppercase;letter-spacing:.5px;background:#f973161a;border:1px solid #f9731633;border-radius:6px;justify-content:center;align-items:center;margin-inline-start:8px;padding:2px 6px;font-size:.65rem;font-weight:800;line-height:1;display:inline-flex}.experimental-badge.footer{color:#fffc;background:#ffffff1a;border:1px solid #fff3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-color:#0e0e1b;--background:#0e0e1b;--surface:#17172c;--surface-elevated:#20203b;--surface-dim:#1d1d35;--text-main:#f5f5f7;--text-secondary:#a0a0c0;--text-muted:#6b6b8a;--border:#ffffff14;--border-subtle:#ffffff0a;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0006, 0 2px 4px #0003;--shadow-lg:0 12px 32px #00000080, 0 4px 8px #0000004d;--shadow-glow-primary:0 4px 20px #e11d4859;--shadow-glow-aid:0 4px 16px #05966940;--shadow-glow-job:0 4px 16px #d9770640;--glass-bg:#17172cbf;--glass-bg-strong:#17172cf2;--glass-border:#ffffff0f;--glass-border-strong:#ffffff1f;--primary-light:#e11d4826;--accent-job-bg:#d9770626;--accent-aid-bg:#05966926;--accent-success-bg:#05966926}body{background-color:var(--bg-color);color:var(--text-main)}}:root[data-theme=dark]{--bg-color:#0e0e1b;--background:#0e0e1b;--surface:#17172c;--surface-elevated:#20203b;--surface-dim:#1d1d35;--text-main:#f5f5f7;--text-secondary:#a0a0c0;--text-muted:#6b6b8a;--border:#ffffff14;--border-subtle:#ffffff0a;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0006, 0 2px 4px #0003;--shadow-lg:0 12px 32px #00000080, 0 4px 8px #0000004d;--shadow-glow-primary:0 4px 20px #e11d4859;--shadow-glow-aid:0 4px 16px #05966940;--shadow-glow-job:0 4px 16px #d9770640;--glass-bg:#17172cbf;--glass-bg-strong:#17172cf2;--glass-border:#ffffff0f;--glass-border-strong:#ffffff1f;--primary-light:#e11d4826;--accent-job-bg:#d9770626;--accent-aid-bg:#05966926;--accent-success-bg:#05966926}:root[data-theme=dark] body{background-color:var(--bg-color);color:var(--text-main)}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select,:root[data-theme=dark] .glass-input{color:#f5f5f7!important;background-color:#ffffff0d!important;border-color:#ffffff14!important}:root[data-theme=dark] .type-selector{background-color:#ffffff0d}:root[data-theme=dark] .type-btn{color:#6b6b8a}:root[data-theme=dark] .tabs-header button{color:#6b6b8a!important}:root[data-theme=dark] .tabs-header button.active{color:var(--primary)!important;border-bottom-color:var(--primary)!important}:root[data-theme=dark] .tab-btn.active{color:var(--primary)!important}:root[data-theme=dark] .chip:not(.active){color:#a0a0c0;background-color:#ffffff0d;border-color:#ffffff14}@media (width>=1024px){.feed-posts-grid{gap:var(--space-md);padding:0 var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.feed-posts-grid>.feed-widget-wrapper,.feed-posts-grid>.poll-card-wrapper{grid-column:1/-1}.feed-tab{padding:10px 16px;font-size:.85rem}.stories-bar-scroll{padding:0 var(--space-sm)}.post-card{transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1c19171a,0 4px 8px #1c19170d}.post-card:active{transform:translateY(-1px)}.post-actions .action-btn{opacity:.7;transition:opacity .2s,color .2s}.post-card:hover .post-actions .action-btn{opacity:1}.header{padding:0 var(--space-lg)}.header .menu-btn,.header .icon-btn:first-child{display:none}.header .search-area,.global-search-wrapper{flex:1;max-width:480px}.menu-overlay{display:none!important}.bottom-sheet-overlay{justify-content:center;align-items:center}.bottom-sheet-content{border-radius:var(--radius-xl);max-width:560px;max-height:80vh;animation:scaleIn .3s var(--ease-out-expo);margin:0}.bottom-sheet-handle{display:none}.confirm-overlay .confirm-dialog{border-radius:var(--radius-xl);max-width:440px}.toast-container{bottom:auto;top:var(--space-lg);max-width:380px;inset-inline-start:auto;inset-inline-end:var(--space-lg)}.premium-modal-overlay{align-items:center}.premium-modal{border-radius:var(--radius-xl);max-width:560px;max-height:85vh}.auth-page{max-width:480px;padding:var(--space-2xl) var(--space-xl);margin:0 auto}.map-container,.map-page{max-width:none!important}.groups-grid,.jobs-list,.events-list{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.profile-page{max-width:640px;margin:0 auto}.settings-page{max-width:600px;margin:0 auto}.services-grid{grid-template-columns:repeat(3,1fr)!important}.create-page{max-width:640px;padding:var(--space-lg);margin:0 auto}.messages-container.desktop-split{height:calc(100dvh - var(--header-height));flex-direction:row;max-width:none!important}.messages-container.desktop-split .conversations-panel{border-inline-end:1px solid var(--border);flex-shrink:0;width:360px;height:100%;overflow-y:auto}.messages-container.desktop-split .chat-panel{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.notifications-dropdown{width:400px;max-height:70vh}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.conversation-item{transition:background .15s,transform .15s}.conversation-item:hover{background:#00000008;transform:translate(2px)}[dir=rtl] .conversation-item:hover{transform:translate(-2px)}.chip{transition:all .15s}.chip:hover{box-shadow:var(--shadow-sm);transform:scale(1.03)}.premium-category-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (width>=1440px){.feed-posts-grid{grid-template-columns:repeat(2,1fr)}.groups-grid,.jobs-list,.events-list{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(4,1fr)!important}}body{background-color:var(--bg-color);min-height:100dvh;font-family:var(--font-sans);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background-image:radial-gradient(at 20% 0,#e11d480d 0%,#0000 50%),radial-gradient(at 80% 100%,#fb71850a 0%,#0000 50%);background-size:200% 200%;margin:0;padding:0;animation:60s ease-in-out infinite backgroundShift;overflow-x:hidden}[dir=rtl] body{font-family:var(--font-arabic)}@keyframes backgroundShift{0%{background-position:0 0}25%{background-position:100%}50%{background-position:50% 100%}75%{background-position:0%}to{background-position:0 0}}::-webkit-scrollbar{display:none}*{scrollbar-width:none}#root{background-color:var(--bg-color);width:100%;min-height:100dvh;position:relative}@media (width>=600px) and (width<=1023px){#root{width:100%;box-shadow:none;border-radius:0}}@media (width>=1024px){#root{width:100%;box-shadow:none;border-radius:0;flex-direction:row;display:flex}.app-container.desktop-layout{flex-direction:row;height:100dvh}.desktop-main-column{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;overflow:hidden}.desktop-main-column .main-content{max-width:var(--content-max-width);width:100%;padding-bottom:var(--space-xl);margin:0 auto}::-webkit-scrollbar{width:6px;display:block}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}}@media (width>=1440px){.desktop-main-column .main-content{max-width:860px}}.app-container{flex-direction:column;width:100%;min-width:0;height:100dvh;display:flex;position:relative;overflow:hidden}.app-container:before,.app-container:after{content:"";filter:blur(60px);z-index:0;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate orbFloatGlobal;position:absolute}.app-container:before{background:#e11d4814;width:300px;height:300px;top:-50px;left:-50px}.app-container:after{background:#fb71850d;width:250px;height:250px;animation-delay:-6s;bottom:20%;right:-50px}@keyframes orbFloatGlobal{0%{transform:translate(0)scale(1)}to{transform:translate(30px,40px)scale(1.1)}}.mobile-main-column{flex-direction:column;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.main-content{padding-bottom:calc(var(--bottom-nav-height) + 20px);-webkit-overflow-scrolling:touch;flex:1;min-width:0;overflow:hidden auto}.page-transition{animation:.25s ease-out pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn,button.btn-primary,button.btn-secondary,.btn-primary,.btn-secondary{border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn,.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #fb7185 100%);color:#fff;box-shadow:0 4px 14px #e11d4840,inset 0 1px #0000001a}.btn:hover,.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, #e11d48 100%);transform:translateY(-1px);box-shadow:0 6px 20px #e11d4873,inset 0 1px #00000014}.btn:active,.btn-primary:active{transform:scale(.97)translateY(0);box-shadow:0 2px 8px #e11d484d}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-main);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-md);border-color:#0000001a;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97)}.btn-outline{color:var(--primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);background:0 0;border:1.5px solid #e11d484d;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn-outline:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-1px)}.btn-outline:active{transform:scale(.97)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn-ghost:hover{color:var(--text-main);background:#0000000a}.btn-ghost:active{transform:scale(.97)}.btn-danger{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.btn-danger:active{transform:scale(.97)}.btn-success{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.btn-success:active{transform:scale(.97)}.btn-sm{gap:5px;padding:6px 14px;font-size:.75rem}.btn-lg{padding:14px 28px;font-size:1rem}.icon-btn{width:40px;height:40px;color:var(--text-main);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:#0000000a}.icon-btn:active{transform:scale(.92)}.chip{border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.chip:hover{color:var(--text-main);background:#0000000a}.chip.active{background:var(--primary-light);color:var(--primary);border-color:#e11d484d}input,textarea,select{color:var(--text-main);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e11d481f}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-bold{font-weight:700}.splash-screen{background:linear-gradient(135deg,#f8f6f3 0%,#ede8e3 50%,#f8f6f3 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;animation:.4s ease-in 1.4s forwards splashFadeOut;display:flex}.splash-logo-ring{background:conic-gradient(var(--primary), #f43f5e, #ec4899, var(--primary));border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;padding:3px;animation:1.5s linear infinite splashRingSpin;display:flex}.splash-logo{background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:1s ease-in-out infinite alternate splashPulse;display:flex}.splash-logo span{background:linear-gradient(135deg, var(--primary), #fb7185);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.splash-title{color:var(--text-main);font-size:1.6rem;font-weight:800;animation:.6s ease-out .3s both fadeSlideUp}.splash-subtitle{color:var(--text-muted);font-size:.9rem;animation:.6s ease-out .5s both fadeSlideUp}.splash-dots{gap:8px;animation:.5s ease-out .7s both fadeIn;display:flex}.splash-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite splashDotBounce}.splash-dot:nth-child(2){animation-delay:.2s}.splash-dot:nth-child(3){animation-delay:.4s}@keyframes splashRingSpin{to{transform:rotate(360deg)}}@keyframes splashPulse{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes splashDotBounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes splashFadeOut{to{opacity:0;pointer-events:none}}.creation-progress-bar{background:var(--border);height:4px;margin-bottom:var(--space-md);border-radius:2px;overflow:hidden}.creation-progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent-success));height:100%;transition:width .4s var(--ease-out-expo);border-radius:2px}.premium-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-illustration{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.empty-circle-1{background:linear-gradient(135deg,#e11d4826,#fb71851a);border-radius:50%;animation:3s ease-in-out infinite pulse;position:absolute;inset:0}.empty-circle-2{background:linear-gradient(135deg,#e11d4833,#fb718526);border-radius:50%;animation:3s ease-in-out .3s infinite pulse;position:absolute;inset:16px}.empty-icon-wrapper{z-index:1;animation:scaleIn .5s var(--ease-spring);position:relative}.premium-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0006;justify-content:center;align-items:flex-end;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;inset:0}.premium-modal{-webkit-backdrop-filter:blur(30px);background:#ffffffd9;border-top:1px solid #fff9;border-radius:32px 32px 0 0;flex-direction:column;gap:1.5rem;width:100%;max-width:500px;max-height:90dvh;padding:2rem 1.5rem;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow-y:auto;box-shadow:0 -10px 40px #0000001a}.premium-modal-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.premium-modal-header h3{color:#1a1a2e;align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:800;display:flex}.premium-icon-btn{cursor:pointer;color:#1a1a2e;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.premium-icon-btn:hover{background:#0000001a}.premium-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e63946,#b01a2e);border:none;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #e639464d}.premium-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e6394666}.premium-submit-btn:disabled{box-shadow:none;cursor:not-allowed;background:#ccc;transform:none}.premium-form-section{flex-direction:column;gap:10px;display:flex}.premium-form-section label{color:#1a1a2e;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.premium-form-section label svg{color:#e63946}.premium-form-section label .optional{color:#666;background:#0000000d;border-radius:12px;margin-left:6px;padding:2px 8px;font-size:.75rem;font-weight:500}[dir=rtl] .premium-form-section label .optional{margin-left:0;margin-right:6px}.premium-form{flex-direction:column;gap:1.25rem;display:flex}.premium-form-group{flex-direction:column;gap:8px;display:flex}.premium-label{color:#1a1a2e;align-items:center;gap:8px;margin-bottom:2px;font-size:.95rem;font-weight:700;display:flex}.premium-select{color:#1a1a2e;cursor:pointer;appearance:none;background:#ffffffb3 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 16px center/16px no-repeat;border:1px solid #0000001a;border-radius:16px;width:100%;padding:14px 40px 14px 16px;font-family:inherit;font-size:.95rem;transition:all .3s}.premium-select:hover{background-color:#ffffffd9}.premium-select:focus{background:#fff;border-color:#e63946;outline:none;box-shadow:0 0 0 4px #e639461a}[dir=rtl] .premium-select{text-align:right;background-position:16px;padding-left:40px;padding-right:16px}.premium-input{color:#1a1a2e;background:#ffffffb3;border:1px solid #0000001a;border-radius:16px;width:100%;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .3s}.premium-input:focus{background:#fff;border-color:#e63946;outline:none;box-shadow:0 0 0 4px #e639461a}.premium-textarea{resize:none}.premium-category-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.premium-category-btn{color:#666;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff9;border:2px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 8px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #00000008}.premium-category-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #0000000d}.premium-category-btn.active{background:var(--cat-bg);color:var(--cat-color);border-color:var(--cat-color);box-shadow:0 8px 20px var(--cat-shadow);transform:translateY(-2px)}.premium-category-btn svg{transition:all .3s}.premium-category-btn.active svg{filter:drop-shadow(0 2px 4px #0000001a);transform:scale(1.15)}[dir=rtl] .premium-input{text-align:right}[dir=rtl] .premium-input[dir=ltr]{text-align:left}.input-icon-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon-wrapper .input-icon{color:var(--text-muted);pointer-events:none;position:absolute}[dir=ltr] .input-icon-wrapper .input-icon{left:12px}[dir=rtl] .input-icon-wrapper .input-icon{right:12px}[dir=ltr] .input-icon-wrapper .premium-input,[dir=ltr] .input-icon-wrapper .premium-select{padding-left:36px}[dir=rtl] .input-icon-wrapper .premium-input,[dir=rtl] .input-icon-wrapper .premium-select{padding-right:36px}.address-link{cursor:pointer;transition:all .2s var(--ease-smooth,ease);width:fit-content;text-decoration:none}.address-link:hover{transform:translate(4px);color:var(--primary)!important}[dir=rtl] .address-link:hover{transform:translate(-4px)}.red-pulse{animation:1.2s cubic-bezier(.66,0,0,1) infinite pulse-dot;box-shadow:0 0 #ef4444b3}@keyframes pulse-dot{to{box-shadow:0 0 0 10px #ef444400}}.font-size-large{font-size:110%!important}.font-size-xlarge{font-size:125%!important}@keyframes sosPulse{0%,to{transform:scale(1);box-shadow:0 4px 18px #dc26268c}50%{transform:scale(1.06);box-shadow:0 4px 28px #dc2626d9,0 0 0 8px #dc262626}}.toast-container{top:calc(var(--header-height) + var(--space-md));z-index:var(--z-toast);gap:var(--space-sm);pointer-events:none;flex-direction:column;width:calc(100% - 40px);max-width:380px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-item{align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(24px);animation:toastSlideIn var(--duration-normal) var(--ease-out-expo) forwards;pointer-events:auto;border-radius:16px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 8px 24px #00000014}.toast-success{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.toast-error{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.toast-info{color:#fb7185;background:#e11d4833;border:1px solid #e11d484d}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1}.toast-close{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-container{background:var(--surface);border-radius:var(--radius-lg);width:350px;max-width:90vw;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);z-index:100;flex-direction:column;margin-top:.5rem;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:absolute;top:100%;right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.notif-dropdown-header h3{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.notif-dropdown-actions{gap:.25rem;display:flex}.icon-btn-small{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn-small:hover{background:var(--surface-dim);color:var(--primary)}.notif-dropdown-list{max-height:400px;overflow-y:auto}.notif-dropdown-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.notif-dropdown-item{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex;position:relative}.notif-dropdown-item:hover{background:var(--surface-dim)}.notif-dropdown-item.unread{background:var(--primary-light)}.notif-avatar-wrapper{flex-shrink:0;position:relative}.notif-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.notif-avatar-placeholder{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.notif-type-badge{background:var(--surface);border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #0000001a}.notif-content{flex:1;min-width:0}.notif-title{color:var(--text-secondary);margin:0 0 .25rem;font-size:.9rem;line-height:1.3}.notif-dropdown-item.unread .notif-title{color:var(--text-main);font-weight:600}.notif-source-name{color:var(--text-main);font-weight:700}.notif-time{color:var(--primary);font-size:.75rem;font-weight:500}.notif-unread-dot{color:var(--primary);flex-shrink:0}.notif-dropdown-item-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.mark-read-btn{opacity:0;transition:opacity .2s,background .2s,color .2s}.notif-dropdown-item:hover .mark-read-btn{opacity:1}.mark-read-btn:hover{background:var(--surface-dim);color:var(--primary)}.notif-dropdown-footer{text-align:center;border-top:1px solid var(--border);padding:.75rem}.notif-dropdown-footer .btn-text{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}.notif-dropdown-footer .btn-text:hover{text-decoration:underline}@media (width<=768px){.notif-dropdown-container{top:var(--header-height);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;border-left:none;border-right:none;width:100%;max-width:none;margin-top:0;position:fixed;left:0;right:0;box-shadow:0 10px 30px #00000026}}.global-search-wrapper{max-width:400px;z-index:var(--z-dropdown);flex:1;margin:0 16px;position:relative}.global-search-form{background-color:var(--surface-dim);border:1px solid #0000;border-radius:20px;align-items:center;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.global-search-form.active{background-color:var(--glass-bg);border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.search-icon{color:var(--text-muted);margin-right:8px}.global-search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:.95rem}.global-search-input::placeholder{color:var(--text-muted)}.clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.clear-btn:hover{background-color:var(--surface-dim);color:var(--text-main)}.global-search-dropdown{border:1px solid var(--border-subtle);border-radius:16px;max-height:400px;padding:12px 0;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.search-section{margin-bottom:12px}.search-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:0 16px 8px;font-size:.75rem;font-weight:600;display:block}.search-result-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background-color .2s;display:flex}.search-result-item:hover{background-color:#0000000a}.result-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.result-avatar.fallback{justify-content:center;align-items:center;display:flex}.result-icon-box{background-color:var(--surface-dim);width:36px;height:36px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.result-info{flex-direction:column;display:flex;overflow:hidden}.result-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.result-subtext{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.view-all-results-btn{border:1px solid var(--border-subtle);width:calc(100% - 32px);color:var(--primary);cursor:pointer;background-color:#0000;border-radius:12px;margin:8px 16px 0;padding:10px;font-weight:500;transition:all .2s}.view-all-results-btn:hover{background-color:var(--primary-light);border-color:var(--primary)}@media (width<=768px){.global-search-wrapper{margin:0;position:static}.global-search-dropdown{width:auto;left:16px;right:16px}}.voice-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:6px;transition:all .3s;display:flex}.voice-search-btn:hover{color:var(--primary);background-color:#ffffff0d}.voice-search-btn.listening{animation:1.5s infinite pulse-mic;color:#ef4444!important;background-color:#ef444426!important}@keyframes pulse-mic{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.header{height:var(--header-height);padding:0 var(--space-md);justify-content:flex-start;align-items:center;gap:var(--space-sm);z-index:var(--z-header);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(40px);will-change:transform;border-bottom:1px solid #e11d481a;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s;position:sticky;top:0}[data-header-hidden=true] .header{opacity:0;pointer-events:none;transform:translateY(-100%)}.header-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--primary), #ff4d6d);color:#0000;filter:drop-shadow(0 2px 10px #e11d4833);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:900;position:relative}.header-title:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:50%;height:100%;animation:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.icon-btn{color:var(--text-main);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.icon-btn:active{background:#00000008;transform:scale(.95)}.lang-btn{color:var(--primary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out-expo);background:#e11d481a;border:1px solid #e11d4833;padding:4px 12px;font-family:inherit;font-size:.875rem;font-weight:800;box-shadow:0 2px 8px #e11d481a}.lang-btn:active{transform:scale(.92)}.header-actions{display:flex}.marketplace-shortcut{color:#8b5cf6!important;border-radius:var(--radius-full)!important;background:#8b5cf61a!important;padding:6px!important;transition:all .2s!important}.marketplace-shortcut:active{transform:scale(.9);background:#8b5cf633!important}.notif-btn{position:relative}.notif-dot{background:var(--accent-alert);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.625rem;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:4px;right:4px}.menu-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) ease-out;background:#00000080;position:fixed;inset:0}.menu-drawer{border-radius:0 var(--radius-lg) var(--radius-lg) 0;width:280px;max-width:80%;animation:slideInLeft var(--duration-normal) var(--ease-out-expo);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0}[dir=rtl] .menu-drawer{border-radius:var(--radius-lg) 0 0 var(--radius-lg);animation:slideInRight var(--duration-normal) var(--ease-out-expo);left:auto;right:0}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-drawer-header{padding:var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.menu-drawer-header h3{color:var(--primary);margin:0;font-size:1.125rem;font-weight:800}.menu-nav{padding:var(--space-md) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.menu-nav-item{align-items:center;gap:var(--space-md);padding:14px var(--space-lg);color:var(--text-main);cursor:pointer;transition:background var(--duration-fast) ease;text-align:start;background:0 0;border:none;font-family:inherit;font-size:.9375rem;font-weight:500;display:flex}.menu-nav-item:active{background:#e11d4814}.menu-footer{padding:var(--space-lg);border-top:1px solid var(--border)}.menu-user-profile{border-bottom:1px solid var(--border);cursor:pointer;background:#e11d4808;align-items:center;gap:12px;padding:20px;transition:background .2s;display:flex}.menu-user-profile:active{background:#e11d4814}.menu-avatar{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:48px;height:48px}.menu-avatar-fallback{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.menu-user-info{flex-direction:column;display:flex}.menu-user-name{color:var(--text-main);font-size:1rem;font-weight:700}.menu-user-role{color:var(--primary);font-size:.8rem;font-weight:600}.menu-category{margin-bottom:12px}.menu-category-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:16px 20px 8px;font-size:.75rem;font-weight:700}.menu-item-icon{color:var(--text-muted);transition:color .2s}.menu-nav-item:active .menu-item-icon{color:var(--primary)}.bottom-tab-bar{width:calc(100% - 20px);max-width:400px;height:60px;z-index:var(--z-tab-bar);-webkit-backdrop-filter:blur(32px)saturate(160%);background:#fffffff5;border:1px solid #0000000d;border-radius:20px;flex-direction:row;justify-content:center;align-items:stretch;padding:0 2px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 .5px 1px #00000008,0 4px 14px #0000000f,0 12px 28px #0000000a}.tab-btn{color:#b8b3ae;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:0;transition:color .2s;display:flex;position:relative}.tab-btn:active:not(.primary){transition:transform .1s;transform:scale(.92)}.tab-btn.active{color:var(--primary)}.tab-btn.active:not(.primary):before{content:"";animation:pillReveal .3s var(--ease-spring) both;z-index:-1;background:#e11d480f;border-radius:14px;position:absolute;inset:6px}.tab-icon-wrapper{width:24px;height:24px;transition:transform .25s var(--ease-spring);justify-content:center;align-items:center;display:flex;position:relative}.tab-btn.active:not(.primary) .tab-icon-wrapper{transform:translateY(-1px)scale(1.05)}.tab-label{letter-spacing:.01em;white-space:nowrap;font-size:10px;font-weight:500;line-height:1;font-family:var(--font-arabic), var(--font-sans);transition:all .2s}.tab-btn.active .tab-label{color:var(--primary);font-weight:700}.tab-btn.primary{color:#0000;flex:0 0 64px;margin:0 8px}.tab-btn.primary .tab-icon-wrapper{color:#fff;width:46px;height:46px;transition:all .3s var(--ease-spring);background:linear-gradient(140deg,#e11d48 0%,#f43f5e 50%,#fb7185 100%);border-radius:16px;transform:translateY(-16px);box-shadow:0 4px 12px #e11d484d,0 1px 3px #e11d481f,inset 0 1px 1px #ffffff40}.tab-btn.primary:after{content:"";filter:blur(3px);background:#e11d4814;border-radius:50%;width:26px;height:6px;transition:opacity .2s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tab-btn.primary:before{display:none!important}.tab-btn.primary:hover .tab-icon-wrapper{transform:translateY(-18px)scale(1.04);box-shadow:0 6px 18px #e11d485c,0 2px 6px #e11d4829,inset 0 1px 1px #ffffff4d}.tab-btn.primary:active .tab-icon-wrapper{transition-duration:.1s;transform:translateY(-12px)scale(.9);box-shadow:0 2px 8px #e11d4838,0 1px 2px #e11d481a}.tab-btn.primary.active .tab-icon-wrapper{transform:translateY(-16px)scale(1.06);box-shadow:0 6px 22px #e11d4866,0 2px 8px #e11d482e,inset 0 1px 1px #ffffff4d}.tab-btn.primary:active:after{opacity:0}.tab-badge{color:#fff;min-width:15px;height:15px;animation:badgePop .4s var(--ease-spring);background:#dc2626;border-radius:9999px;justify-content:center;align-items:center;padding:0 3px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-2px;right:-5px;box-shadow:0 0 0 2px #fffffff2}@keyframes pillReveal{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.fab-container{bottom:calc(var(--bottom-nav-height) + 16px);z-index:var(--z-fab);pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;right:16px}[dir=rtl] .fab-container{left:16px;right:auto}.scroll-top-btn{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-main);box-shadow:var(--shadow-md);cursor:pointer;pointer-events:auto;opacity:0;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(100px)}.scroll-top-btn.visible{opacity:1;transform:translateY(0)}.scroll-top-btn:active{transform:scale(.92)}.desktop-sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(30px);border-inline-end:1px solid var(--border);height:100dvh;padding:var(--space-md) var(--space-sm);gap:var(--space-xs);transition:width .3s var(--ease-out-expo);z-index:var(--z-header);background:#ffffffeb;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.desktop-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{padding:var(--space-sm) var(--space-sm);margin-bottom:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:10px;transition:background .2s;display:flex}.sidebar-logo:hover{background:#00000008}.sidebar-logo-img{object-fit:contain;border-radius:12px;flex-shrink:0;width:40px;height:40px;box-shadow:0 4px 12px #00000014}.sidebar-logo-text{background:linear-gradient(135deg, var(--primary), #fb7185);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.sidebar-create-btn{margin:0 var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary) 0%, #fb7185 100%);color:#fff;cursor:pointer;transition:all .3s var(--ease-out-expo);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 16px #e11d484d}.sidebar-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e11d4866}.sidebar-create-btn:active{transform:scale(.97)}.collapsed .sidebar-create-btn{margin:0 auto var(--space-md);border-radius:50%;width:48px;height:48px;padding:12px}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#0000001a transparent;flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.sidebar-section{flex-direction:column;gap:2px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-md) var(--space-sm) var(--space-xs);white-space:nowrap;font-size:.7rem;font-weight:700}.sidebar-divider{background:var(--border);height:1px;margin:var(--space-sm) var(--space-sm)}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:start;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:var(--text-main);background:#0000000a}.sidebar-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:700}.sidebar-nav-item.active .sidebar-icon-wrapper{color:var(--primary)}.collapsed .sidebar-nav-item{justify-content:center;padding:10px}.sidebar-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.sidebar-badge{color:#fff;background:var(--accent-alert);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-8px}[dir=rtl] .sidebar-badge{left:-8px;right:auto}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;margin-top:auto;padding:10px 12px;transition:background .2s;display:flex}.sidebar-user:hover{background:#0000000a}.sidebar-user-avatar{background:linear-gradient(135deg, var(--primary), #fb7185);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.sidebar-user-role{font-size:.75rem}.collapsed .sidebar-user{justify-content:center}.sidebar-collapse-btn{top:50%;border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);z-index:5;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset-inline-end:-14px;transform:translateY(-50%)}.sidebar-collapse-btn:hover{background:var(--surface-dim);color:var(--text-main);box-shadow:var(--shadow-md)}[dir=rtl] .sidebar-collapse-btn svg{transform:scaleX(-1)}.confirm-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-confirm);background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s confirmOverlayIn;display:flex;position:fixed;inset:0}@keyframes confirmOverlayIn{0%{opacity:0}to{opacity:1}}.confirm-overlay.closing{animation:.15s forwards confirmOverlayOut}@keyframes confirmOverlayOut{0%{opacity:1}to{opacity:0}}.confirm-dialog{background:var(--glass-bg,#ffffffeb);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle,#00000014);border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-lg,0 16px 48px #00000026);width:100%;max-width:360px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) confirmDialogIn}@keyframes confirmDialogIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-overlay.closing .confirm-dialog{animation:.15s forwards confirmDialogOut}@keyframes confirmDialogOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.confirm-icon{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.confirm-title{color:var(--text-main,#1a1a1a);text-align:center;margin:0 0 8px;font-size:1.1rem;font-weight:700}.confirm-message{color:var(--text-secondary,#6b7280);text-align:center;margin:0 0 24px;font-size:.9rem;line-height:1.5}.confirm-actions{gap:10px;display:flex}.confirm-btn{border-radius:var(--radius-md,12px);cursor:pointer;border:none;flex:1;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .15s}.confirm-btn:active{transform:scale(.97)}.confirm-btn-cancel{background:var(--surface-dim,#f4f4f5);color:var(--text-main,#1a1a1a)}.confirm-btn-cancel:hover{background:var(--surface-elevated,#e5e5e5)}.confirm-btn-confirm{color:#fff;background:#ef4444}.confirm-btn-confirm:hover{background:#dc2626}@media (prefers-color-scheme:dark){.confirm-dialog{background:#1e1e1ef2}.confirm-btn-cancel{color:#ffffffe6;background:#ffffff1a}}.offline-badge{color:#fff;z-index:var(--z-toast);pointer-events:none;background-color:#ef4444;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 4px 12px #ef444466}.offline-badge.visible{transform:translate(-50%)translateY(0)}[dir=rtl] .offline-badge{flex-direction:row-reverse}.baraka-toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)}.baraka-toast{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#e11d48f2,#be123cf2);border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards barakaSlideIn,.5s ease-in 2.5s forwards barakaFadeOut;display:flex;box-shadow:0 8px 32px #e11d4866,0 2px 8px #0000001a,inset 0 1px #fff3}.baraka-toast-icon{font-size:1.2rem;animation:.6s .3s barakaBounce}.baraka-toast-text{letter-spacing:.5px}.baraka-toast-sparkle{font-size:1rem;animation:1s ease-in-out .2s barakaSpin}@keyframes barakaSlideIn{0%{opacity:0;transform:translateY(-30px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes barakaFadeOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.8)}}@keyframes barakaBounce{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}@keyframes barakaSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.3)}to{transform:rotate(360deg)scale(1)}}