@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:wght@700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-main: #121212;--bg-surface: #1a1a1c;--bg-card: rgba(30, 30, 30, .7);--accent-gold: #D4AF37;--accent-gold-hover: #A67C00;--accent-gold-glow: rgba(212, 175, 55, .2);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-dim: #6b7280;--border-subtle: rgba(255, 255, 255, .1);--border-glow: rgba(212, 175, 55, .4);--glass-blur: 16px;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{margin:0;padding:0;background-color:var(--bg-main);color:var(--text-primary);font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,.font-serif{font-family:Playfair Display,serif}.app-container{display:flex;height:100vh;width:100vw;background:var(--bg-main);position:relative;overflow:hidden}.app-container:before{content:"";position:fixed;top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(197,160,89,.06) 0%,transparent 70%);pointer-events:none;z-index:0;animation:ambient-drift 20s ease-in-out infinite alternate}.app-container:after{content:"";position:fixed;bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(197,160,89,.04) 0%,transparent 70%);pointer-events:none;z-index:0;animation:ambient-drift 25s ease-in-out infinite alternate-reverse}@keyframes ambient-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,3%) scale(1.1)}to{transform:translate(-3%,-5%) scale(.95)}}.sidebar{width:320px;background:#121212cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;z-index:40;position:relative;overflow:hidden}.glass-panel{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.active-gold{background:#d4af371a!important;border-color:#d4af37!important;color:#d4af37!important;box-shadow:0 0 15px #d4af3726}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(197,160,89,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.sidebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%);pointer-events:none;z-index:0}.sidebar-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:12px;position:relative;z-index:1}.sidebar-header:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:.2}.sidebar-content{flex:1;overflow-y:auto;padding:10px 12px;position:relative;z-index:1}.sidebar-card{background:linear-gradient(135deg,#ffffff05,#ffffff02);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar-card:hover{background:linear-gradient(135deg,#ffffff09,#ffffff04);border-color:#ffffff21;box-shadow:0 4px 24px #0003,0 0 0 1px #ffffff08,inset 0 1px #ffffff0a;transform:translateY(-1px)}.sidebar-card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:opacity .4s ease}.sidebar-card:hover:before{background:linear-gradient(90deg,transparent,rgba(197,160,89,.2),transparent)}.sidebar-card:after{content:"";position:absolute;top:-30px;right:-30px;width:80px;height:80px;background:radial-gradient(circle,rgba(197,160,89,.06) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.sidebar-card:hover:after{opacity:1}.section-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.04)}.section-header-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.06)}.section-header-title{font-family:Outfit,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80}.sidebar-content::-webkit-scrollbar{width:3px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#c5a05926;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#c5a0594d}.main-stage{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(197,160,89,.04) 0%,transparent 50%),radial-gradient(circle at center,#0a0a0f,#020205)}.main-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 0%,transparent 70%)}.gallery-panel{width:420px;background:#12121299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;position:relative}.gallery-panel:before{display:none}.card-glass{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;transition:all var(--transition-smooth)}.card-glass:hover{border-color:var(--text-dim)}.btn-primary{background:var(--text-primary);color:var(--bg-main);padding:12px 24px;border-radius:8px;font-weight:500;font-family:Inter,sans-serif;letter-spacing:.02em;border:none;cursor:pointer;transition:all var(--transition-smooth)}.btn-primary:hover:not(:disabled){background:#e5e5e5;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.input-modern{background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;color:var(--text-primary);width:100%;outline:none;transition:all .3s cubic-bezier(.2,.8,.2,1);font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-modern:focus{border-color:#c5a0594d;background:#00000080;box-shadow:0 0 0 3px #c5a0590d,0 4px 16px #0003}.input-modern::placeholder{color:#fff3;font-size:12px;letter-spacing:.05em}.dropzone-container{border:1px dashed rgba(255,255,255,.06);background:#0000004d;border-radius:10px;padding:12px;text-align:center;transition:all .4s cubic-bezier(.2,.8,.2,1);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropzone-container:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0%,rgba(197,160,89,.03) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.dropzone-container:hover{border-color:#c5a05926;background:#ffffff05;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff08}.dropzone-container:hover:before{opacity:1}.gold-text-gradient{background:linear-gradient(135deg,#fff,#e8d5b0,#c5a059 60%,#b8860b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shimmer-text{background:linear-gradient(90deg,#c5a059,#e8d5b0,#fff,#e8d5b0,#c5a059);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:200% center}}.glow-point{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--accent-gold-glow) 0%,transparent 70%);pointer-events:none;z-index:1}.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.loader-strip{width:100%;height:2px;background:#ffffff0a;border-radius:5px;overflow:hidden;position:relative}.loader-strip-fill{position:absolute;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);animation:slide-indefinite 2s infinite cubic-bezier(.4,0,.2,1)}@keyframes slide-indefinite{0%{transform:translate(-100%)}to{transform:translate(350%)}}.particle{position:absolute;width:2px;height:2px;background:var(--accent-gold);border-radius:50%;pointer-events:none;opacity:0;animation:float-particle linear infinite}@keyframes float-particle{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.6;transform:scale(1)}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh) scale(.5)}}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(197,160,89,.12) 50%,transparent 100%);border:none;margin:4px 8px}.scroll-area::-webkit-scrollbar{width:3px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:#c5a0591f;border-radius:10px}.scroll-area::-webkit-scrollbar-thumb:hover{background:#c5a05940}.status-dot{position:relative}.status-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:inherit;opacity:.3;animation:status-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes status-ping{0%{transform:scale(1);opacity:.3}75%,to{transform:scale(2.5);opacity:0}}.badge-glow{position:relative}.badge-glow:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--accent-gold),transparent);opacity:.1;z-index:-1;filter:blur(4px)}.hover-lift{transition:all var(--transition-smooth)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}@media(max-width:1400px){.gallery-panel{width:350px}}@media(max-width:1100px){.sidebar{width:260px}}@media(max-width:768px){.sidebar-header,.sidebar-content{padding:20px}}