.navbar{width:calc(100% - 32px);max-width:var(--content-max);height:var(--navbar-height);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-full);z-index:1000;transition:all var(--transition-base);background:#ffffffbf;border:1px solid #1e7bb814;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000008,0 0 0 1px #1e7bb814}.navbar-inner{padding:0 var(--space-6);align-items:center;gap:var(--space-6);height:100%;display:flex}.navbar-logo{align-items:center;gap:var(--space-2);font-family:var(--font-serif);letter-spacing:.02em;transition:opacity var(--transition-fast);flex-shrink:0;font-size:1.4rem;font-weight:600;display:flex}.navbar-logo:hover{opacity:.85}.logo-symbol{color:var(--color-gold);font-size:1.1rem;animation:12s linear infinite spin;display:inline-block}.navbar-links{align-items:center;gap:var(--space-1);display:flex}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--color-text-muted);transition:all var(--transition-fast);letter-spacing:.02em;font-size:13px;font-weight:600;display:flex}.nav-link:hover{color:var(--color-text);background:#1e7bb808}.nav-link.active{color:var(--color-gold);background:var(--color-gold-dim);border:1px solid #1e7bb833}.nav-link-admin{color:var(--color-gold)!important}.navbar-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.nav-icon-btn{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-text-muted);transition:all var(--transition-fast);background:#00000005;border:1px solid #0000000a;justify-content:center;align-items:center;display:flex;position:relative}.nav-icon-btn:hover{color:var(--color-text);background:#0000000a;border-color:#00000014}.user-menu-wrapper{position:relative}.user-menu-trigger{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#00000005;border:1px solid #0000000a;padding:4px 10px 4px 4px;display:flex}.user-menu-trigger:hover{border-color:var(--color-border-gold);background:#0000000a}.avatar-placeholder{background:linear-gradient(135deg, var(--color-gold), #7a5c1e);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.chevron.open{transform:rotate(180deg)}.user-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-lg);z-index:1010;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.dropdown-header{padding:var(--space-4) var(--space-4) var(--space-3)}.dropdown-name{font-size:14px;font-weight:600}.dropdown-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.dropdown-divider{background:var(--color-border);height:1px;margin:2px 0}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-muted);text-align:left;width:100%;transition:all var(--transition-fast);font-size:13px;display:flex}.dropdown-item:hover{background:var(--color-surface-2);color:var(--color-text)}.dropdown-item-gold{color:var(--color-gold)!important}.dropdown-item-gold:hover{background:var(--color-gold-dim)!important}.dropdown-item-danger:hover{color:var(--color-danger)!important;background:#e054541a!important}.mobile-menu-btn{color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius-full);transition:color var(--transition-fast);display:none}.mobile-menu-btn:hover{color:var(--color-text)}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1999;background:#12223466;animation:.25s forwards fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slideInRight{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.mobile-nav{padding:var(--space-5);background:var(--color-surface);border-left:1px solid var(--color-border);gap:var(--space-2);z-index:2000;box-sizing:border-box;flex-direction:column;width:290px;height:100vh;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 30px #00000026}.mobile-nav-header{width:100%;padding-bottom:var(--space-3);direction:rtl;justify-content:space-between;align-items:center;display:flex}.mobile-nav-close-btn{color:var(--color-text-muted);border-radius:var(--radius-full);background:var(--color-surface-2);width:32px;height:32px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.mobile-nav-close-btn:hover{color:var(--color-text);background:var(--color-surface-3)}.mobile-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);text-align:right;direction:rtl;font-size:14px;font-weight:500;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--color-surface-2);color:var(--color-gold)}.mobile-nav-gold{color:var(--color-gold)!important}@media (width<=768px){.navbar-links{display:none}.mobile-menu-btn{display:flex}.navbar-inner{height:60px;padding:0 var(--space-3);gap:var(--space-2)!important}.navbar-logo{font-size:1.15rem!important}.navbar-actions{gap:var(--space-2)!important}.navbar{background:var(--color-surface);width:100%;height:60px;box-shadow:var(--shadow-sm);border-top:none;border-left:none;border-right:none;border-radius:0;top:0;left:0;transform:none}}.galildevs-badge{-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;direction:rtl;background:#0a0f1e99;border:1px solid #06b6d438;border-radius:50px;align-items:center;gap:7px;height:28px;padding:5px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #06b6d40a;text-decoration:none!important}.galildevs-badge:hover{background:#0f172ad9;border-color:#06b6d473;transform:translateY(-1px);box-shadow:0 0 15px #06b6d41f,0 0 0 1px #8b5cf633}.badge-text-prefix{color:#ffffffb3;letter-spacing:-.01em;font-size:11px;font-weight:500}.badge-text-brand{background:linear-gradient(135deg,#22d3ee 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;font-family:Outfit,Inter,sans-serif;font-size:12px;font-weight:700}.badge-logo{justify-content:center;align-items:center;margin-left:1px;display:flex}@media (width<=768px){.desktop-only-badge{display:none!important}}.mobile-nav-footer{flex-direction:column;align-items:center;width:100%;padding:8px 0 4px;display:flex}.notif-menu-wrapper{display:inline-block;position:relative}.notif-badge{color:#fff;border:2px solid var(--color-surface);background:#f43f5e;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;animation:2.5s infinite pulse-ring;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #f43f5e66}@keyframes pulse-ring{0%{box-shadow:0 0 #f43f5e80}70%{box-shadow:0 0 0 6px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.notif-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:320px;max-height:420px;box-shadow:var(--shadow-lg);z-index:1010;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.notif-header{padding:var(--space-3) var(--space-4);direction:rtl;background:#00000003;justify-content:space-between;align-items:center;display:flex}.notif-header-title{color:var(--color-text);font-size:14px;font-weight:700}.notif-mark-all-btn{color:var(--color-gold);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:2px 6px;font-size:11px;font-weight:600}.notif-mark-all-btn:hover{background:var(--color-gold-dim);color:var(--color-gold-dark)}.notif-list{direction:rtl;max-height:360px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:5px}.notif-list::-webkit-scrollbar-track{background:0 0}.notif-list::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.notif-list::-webkit-scrollbar-thumb:hover{background:#00000026}.notif-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-faint);flex-direction:column;justify-content:center;align-items:center;display:flex}.notif-empty-icon{margin-bottom:var(--space-3);opacity:.35;color:var(--color-text-muted)}.notif-empty-text{font-size:13px;font-weight:500}.notif-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);text-align:right;direction:rtl;border-bottom:1px solid #00000008;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#1e7bb808}.notif-item:hover{background:var(--color-surface-2)}.notif-item-left{flex-shrink:0;margin-top:2px}.notif-type-icon{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notif-icon-message{color:var(--color-primary);background:#1e7bb814}.notif-icon-offer{color:var(--color-gold);background:#dc962814}.notif-icon-success{color:var(--color-success);background:#10b98114}.notif-icon-danger{color:var(--color-danger);background:#ef444414}.notif-item-body{flex-direction:column;flex-grow:1;gap:2px;display:flex;overflow:hidden}.notif-item-title{color:var(--color-text);margin:0;font-size:13px;font-weight:700}.notif-item-content{color:var(--color-text-muted);word-break:break-word;margin:0;font-size:12px;line-height:1.4}.notif-item-time{color:var(--color-text-faint);margin-top:1px;font-size:10px}.notif-item-actions{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;min-width:14px;display:flex}.notif-unread-dot{background:#3b82f6;border-radius:50%;width:7px;height:7px;margin-top:5px}.notif-delete-btn{color:var(--color-text-faint);opacity:0;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.notif-delete-btn:hover{color:var(--color-danger);background:#0000000d}.notif-item:hover .notif-delete-btn{opacity:1}@media (width<=768px){.desktop-only{display:none!important}.notif-dropdown{z-index:2010!important;width:calc(100% - 32px)!important;max-height:calc(100vh - 80px)!important;position:fixed!important;top:60px!important;left:16px!important;right:16px!important}.mobile-user-profile{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-4);text-align:right;direction:rtl;display:flex}.mobile-user-info{flex-direction:column;gap:2px;display:flex}.mobile-user-name{color:var(--color-text);margin:0;font-size:15px;font-weight:700}.mobile-user-email{color:var(--color-text-muted);margin:0;font-size:12px}}.friend-requests-section{direction:rtl;background:#1e7bb808;padding:12px 14px}.friend-requests-label{color:var(--color-gold);text-transform:uppercase;align-items:center;gap:6px;margin:0 0 10px;font-size:11px;font-weight:700;display:flex}.friend-request-card{background:var(--color-surface-2,#fff9);border:1px solid var(--color-border,#0000000a);border-radius:var(--radius-md,8px);text-align:right;direction:rtl;align-items:center;gap:12px;margin-bottom:8px;padding:10px;display:flex;box-shadow:0 2px 8px #00000005}.friend-request-card:last-child{margin-bottom:0}.friend-request-card .avatar,.friend-request-card .avatar-placeholder{border-radius:50%;flex-shrink:0;width:32px;height:32px}.friend-request-info{text-align:right;flex-direction:column;flex-grow:1;gap:2px;display:flex;overflow:hidden}.friend-request-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:700;overflow:hidden}.friend-request-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.friend-request-btns{flex-shrink:0;align-items:center;gap:6px;display:flex}.friend-request-btns button{cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast,.2s);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.fr-accept-btn{background:var(--color-success-dim,#10b9811a)!important;color:var(--color-success,#10b981)!important;border:1px solid #10b98133!important}.fr-accept-btn:hover{transform:scale(1.08);background:var(--color-success,#10b981)!important;color:#fff!important}.fr-decline-btn{background:var(--color-danger-dim,#ef44441a)!important;color:var(--color-danger,#ef4444)!important;border:1px solid #ef444433!important}.fr-decline-btn:hover{transform:scale(1.08);background:var(--color-danger,#ef4444)!important;color:#fff!important}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:10;direction:rtl;width:100%;margin-top:auto;position:relative}.footer-cta-banner{background:var(--color-gold-dim);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;width:100%}.footer-cta-content{max-width:var(--content-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.footer-cta-title{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.footer-cta-button{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-light) 100%);color:#fff;border-radius:var(--radius-full);transition:all var(--transition-fast);padding:8px 20px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 4px 10px #1e7bb826}.footer-cta-button:hover{transform:translateY(-1px);box-shadow:0 6px 15px #1e7bb840}.footer-main{max-width:var(--content-max);padding:48px var(--space-6) var(--space-5);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.footer-grid{grid-template-columns:1.8fr 1fr 1fr;gap:48px;display:grid}.footer-column{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.footer-column-about{max-width:360px}.footer-column-header{color:var(--color-text);border-bottom:2px solid var(--color-gold-dim);align-self:stretch;margin:0;padding-bottom:6px;font-size:.95rem;font-weight:800}.footer-about-text{color:var(--color-text-muted);text-align:right;margin:0;font-size:.82rem;line-height:1.7}.footer-contact-link{color:var(--color-gold-light);transition:color var(--transition-fast);font-size:.8rem;font-weight:600;text-decoration:none}.footer-contact-link:hover{color:var(--color-gold);text-decoration:underline}.footer-links-list{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.82rem;font-weight:500;text-decoration:none;display:block}.footer-link:hover{color:var(--color-gold-light);transform:translate(-2px)}.footer-divider{background:var(--color-border);width:100%;height:1px}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-right{align-items:center;display:flex}.footer-copyright{color:var(--color-text-faint);font-size:.8rem;font-weight:500}.footer-brand-name{color:var(--color-gold-light);font-weight:700}.footer-left{justify-content:flex-end;align-items:center;display:flex}.galil-unified-link{background:#1e7bb80a;border:1px solid #1e7bb82e;border-radius:50px;align-items:center;gap:7px;padding:5px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #1e7bb80a;text-decoration:none!important}.galil-unified-link:before{content:"";opacity:.4;background:linear-gradient(90deg,#0000 0%,#6ee7f714 40%,#7c3aed14 60%,#0000 100%) 0 0/300% 100%;animation:3s ease-in-out infinite galilShimmer;position:absolute;inset:0}.galil-unified-link:hover:before{opacity:.8;animation:1.4s ease-in-out infinite galilShimmer}.galil-unified-link:hover{background:#1e7bb814;border-color:#1e7bb859;transform:translateY(-1px);box-shadow:0 4px 18px #1e7bb81a,0 0 0 1px #7c3aed1a}@keyframes galilShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.galil-logo{filter:drop-shadow(0 0 4px #1e7bb866);align-items:center;transition:transform .3s,filter .3s;display:flex}.galil-unified-link:hover .galil-logo{filter:drop-shadow(0 0 7px #6ee7f799);transform:scale(1.1)}.galil-text{flex-direction:row;align-items:baseline;gap:5px;display:flex}.galil-built{color:var(--color-text-faint);letter-spacing:.03em;font-size:11px;font-weight:400;transition:color .3s}.galil-unified-link:hover .galil-built{color:var(--color-text-muted)}.galil-brand{letter-spacing:.08em;background:linear-gradient(90deg,#1e7bb8,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-size:12px;font-weight:800;transition:filter .3s}.galil-unified-link:hover .galil-brand{filter:brightness(1.2)drop-shadow(0 0 6px #1e7bb866)}@media (width<=900px){.footer-grid{gap:var(--space-5);grid-template-columns:1fr 1fr}.footer-column-about{grid-column:span 2}}@media (width<=600px){.footer-cta-content{text-align:center;gap:var(--space-2);flex-direction:column}.footer-grid{gap:var(--space-5);grid-template-columns:1fr}.footer-column-about{grid-column:span 1}.footer-column{text-align:center;align-items:center}.footer-column-header,.footer-about-text{text-align:center}.footer-bottom{align-items:center;gap:var(--space-3);flex-direction:column}.footer-right,.footer-left{justify-content:center}}:root{--color-bg:#f2f6fa;--color-surface:#fff;--color-surface-2:#e8eff5;--color-surface-3:#dce7f0;--color-border:#1e7bb814;--color-border-gold:#1e7bb838;--color-gold:#1e7bb8;--color-gold-light:#0e5fa3;--color-gold-dim:#1e7bb80f;--color-gold-glow:#1e7bb81f;--color-text:#122234;--color-text-muted:#4a5d6e;--color-text-faint:#889bb0;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--font-serif:"Playfair Display", "Cormorant Garamond", Georgia, serif;--font-sans:"Rubik", "Inter", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-full:9999px;--shadow-sm:0 2px 12px #00000008;--shadow-md:0 8px 30px #0000000d;--shadow-lg:0 16px 48px #00000014;--shadow-gold:0 0 20px #b890301a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:68px;--sidebar-width:260px;--content-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);direction:rtl;background-image:radial-gradient(circle at 10% 20%,#1e7bb80d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#1e7bb80a 0%,#0000 50%);background-attachment:fixed;max-width:100%;min-height:100vh;font-size:14px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-text);letter-spacing:-.01em;font-weight:700;line-height:1.3}h1{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3rem);font-weight:500}h2{font-size:clamp(1.4rem,3vw,1.85rem)}h3{font-size:clamp(1.1rem,2vw,1.35rem)}h4{font-size:1.1rem}.font-serif{font-family:var(--font-serif)}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px;font-weight:600}.glass{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);background:#ffffffc7;border:1px solid #1e7bb814;box-shadow:0 8px 32px #0e5fa308}.glass-gold{-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);background:#1e7bb808;box-shadow:0 8px 32px #1e7bb80d}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);letter-spacing:.03em;transition:all var(--transition-base);white-space:nowrap;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-gold), #155e8a);color:#fff;box-shadow:var(--shadow-gold)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-gold-light), #0b4f88);transform:translateY(-2px);box-shadow:0 0 32px #1e7bb866}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text);border-color:#ffffff26}.btn-danger{color:var(--color-danger);background:#e0545426;border:1px solid #e054544d}.btn-danger:hover{border-color:var(--color-danger);background:#e0545440}.btn-success{color:var(--color-success);background:#3ecf8e26;border:1px solid #3ecf8e4d}.btn-success:hover{border-color:var(--color-success);background:#3ecf8e40}.btn-sm{padding:var(--space-2) var(--space-4);font-size:13px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:16px}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--color-text-muted);letter-spacing:.02em;font-size:13px;font-weight:500}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-size:15px}.form-input::placeholder{color:var(--color-text-faint)}.form-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-gold-dim)}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;cursor:pointer}.form-error{color:var(--color-danger);font-size:12px}.badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-gold{background:var(--color-gold-dim);color:var(--color-gold-light);border:1px solid var(--color-border-gold)}.badge-success{color:var(--color-success);background:#3ecf8e1f;border:1px solid #3ecf8e40}.badge-danger{color:var(--color-danger);background:#e054541f;border:1px solid #e0545440}.badge-info{color:var(--color-info);background:#6ba8ff1f;border:1px solid #6ba8ff40}.badge-muted{background:var(--color-surface-3);color:var(--color-text-muted);border:1px solid var(--color-border)}.divider{background:var(--color-border);width:100%;height:1px}.divider-gold{background:linear-gradient(90deg, transparent, var(--color-border-gold), transparent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.container{max-width:var(--content-max);padding:0 var(--space-6);margin:0 auto}.page-wrapper{padding-top:calc(var(--navbar-height) + var(--space-8));padding-bottom:var(--space-16);min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.items-center{align-items:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.grid-auto{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-surface-3) 50%, var(--color-surface-2) 75%);border-radius:var(--radius-md);background-size:800px 100%;animation:1.4s infinite shimmer}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:fadeIn var(--transition-base) ease forwards}.animate-slideUp{animation:slideUp var(--transition-slow) ease forwards}.animate-scaleIn{animation:scaleIn var(--transition-base) ease forwards}.text-gold{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.avatar{object-fit:cover;background:var(--color-surface-3);border:2px solid var(--color-border);border-radius:50%;flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-md{width:44px;height:44px}.avatar-lg{width:60px;height:60px}.avatar-xl{border-width:3px;width:96px;height:96px}.avatar-placeholder{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-light));color:#fff;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.avatar-placeholder.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-placeholder.avatar-md{width:44px;height:44px;font-size:16px}.avatar-placeholder.avatar-lg{width:60px;height:60px;font-size:22px}.avatar-placeholder.avatar-xl{border-width:3px;width:96px;height:96px;font-size:32px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;padding:var(--space-8);box-shadow:var(--shadow-lg);max-height:90vh;animation:.25s scaleIn;overflow-y:auto}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:2000;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-3);min-width:260px;font-size:14px;font-weight:500;animation:.3s slideUp;display:flex}.toast-success{color:var(--color-success);background:#3ecf8e26;border:1px solid #3ecf8e4d}.toast-error{color:var(--color-danger);background:#e0545426;border:1px solid #e054544d}.toast-info{color:var(--color-info);background:#6ba8ff26;border:1px solid #6ba8ff4d}.tab-bar{gap:var(--space-1);background:var(--color-surface-2);border-radius:var(--radius-full);border:1px solid var(--color-border);scrollbar-width:none;padding:4px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);color:var(--color-text-muted);transition:all var(--transition-base);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:500}.tab-btn.active{background:var(--color-surface-3);color:var(--color-gold);box-shadow:var(--shadow-sm)}.tab-btn:hover:not(.active){color:var(--color-text)}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--navbar-height:60px}.container{padding:0 var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-auto{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.modal-box{padding:var(--space-6)}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}input,textarea,select,.form-input{font-size:16px!important}.tab-bar{border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.tab-btn{text-align:center;padding:var(--space-2) var(--space-3);white-space:normal;word-break:break-word;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;font-size:12px;display:inline-flex}.hide-mobile{display:none!important}}@media (width<=480px){.container{padding:0 var(--space-3)}}@keyframes shadow-rotate{0%{filter:drop-shadow(0 -2px 3px #c9a84ca6)}25%{filter:drop-shadow(2px 0 4px #c9a84cbf)}50%{filter:drop-shadow(0 2px 5px #c9a84ca6)}75%{filter:drop-shadow(-2px 0 4px #c9a84cbf)}to{filter:drop-shadow(0 -2px 3px #c9a84ca6)}}.spinning-bottle-icon{animation:3s ease-in-out infinite shadow-rotate}.app-layout{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-main-content{width:100%;padding-top:calc(var(--navbar-height) + 24px);flex:1 0 auto}