*{margin:0;padding:0}body{position:relative;min-height:100vh;background:#0d0249;color:#fff;font-family:Outfit}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.loading p{text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:#374151;padding:2rem}:root{--admin-bg-color: #1a0867;--card-bg-color: #240c83;--primary-color: #ffffff;--accent-color: #79a6ff;--dark-accent-hover: #5070ff;--border-color: #3812b1;--shadow-color: rgba(0, 0, 0, .4)}.admin{background-color:transparent;padding:10px;display:block;width:100%;box-sizing:border-box}.render-view{padding-top:0}.admin-container{display:flex;flex-direction:column;gap:25px;width:100%;max-width:100%;box-sizing:border-box;padding:15px;background-color:var(--card-bg-color);border-radius:10px;box-shadow:0 8px 20px var(--shadow-color);border-left:5px solid var(--accent-color);position:relative;margin:10px auto 10px 0;transition:none}.admin-item{padding:0;margin:0}.admin-item h3{margin:0}.admin-item a{display:block;padding:15px 20px;font-size:.8em;font-weight:400;color:var(--primary-color);background-color:var(--admin-bg-color);text-decoration:none;border-radius:6px 0 0 6px;transition:all .3s ease;text-align:left;box-sizing:border-box}.admin-item a:hover{background-color:var(--accent-color);color:var(--card-bg-color);transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.admin-nav-footer{display:flex;justify-content:center;margin-top:30px}.admin-nav-footer{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px;width:100%}.admin-go-back{background-color:var(--admin-bg-color);color:var(--primary-color);border:1px solid var(--border-color);padding:5px 10px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:50px}.admin-go-back:hover{background-color:var(--accent-color);color:var(--card-bg-color);transform:translateY(-2px)}.admin-go-home{background-color:var(--card-bg-color);border:1px solid var(--accent-color);color:var(--accent-color)}.admin-go-home:hover{background-color:var(--accent-color);color:var(--card-bg-color)}.admin .test-message{font-size:1.1em;color:var(--primary-color);text-align:center;margin-top:30px}.admin-footer-info{max-width:600px;margin:20px auto;padding:15px;background-color:var(--admin-bg-color);border-radius:8px;box-shadow:0 2px 5px var(--shadow-color);border-top:1px solid var(--border-color)}.admin-footer-info p{font-size:.9em;color:#bdbdff;text-align:center}@media(max-width:768px){.admin{padding:8px;width:100%;overflow-x:hidden;box-sizing:border-box}.admin-container{width:100%!important;max-width:100%;box-sizing:border-box;gap:14px;padding:16px;border-left-width:4px;margin:10px 0!important;position:relative;left:0}.admin-item a{font-size:.8em;padding:14px 16px;border-radius:6px 0 0 6px;box-sizing:border-box;text-transform:capitalize}.admin-item a:hover{transform:none!important;box-shadow:none!important}.admin-nav-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;width:100%;box-sizing:border-box}.admin-go-back{flex:1;padding:5px 10px;font-size:.9rem;min-width:0;box-sizing:border-box}.admin-go-back:hover{transform:none!important}.admin-footer-info{width:100%;max-width:100%;margin:15px 0;padding:12px;box-sizing:border-box}.admin-footer-info p{font-size:.8em}}.profile{background-color:transparent;padding:20px}.profile>p{font-size:1.1em;color:var(--primary-color);text-align:center;margin-top:30px;padding:10px}.profile>div{max-width:600px;margin:20px auto;padding:15px;background-color:var(--admin-bg-color);border-radius:8px;box-shadow:0 2px 5px #0006;border-top:1px solid var(--border-color)}.profile>div p{font-size:.9em;color:#bdbdff;text-align:left;margin-bottom:8px}.profile>div p strong{color:var(--accent-color)}.profile-tabs-container{position:sticky;overflow:hidden}.profile-tabs-container:before,.tenant-tabs-left-rail:before{content:"➔";position:absolute;top:0;left:0;bottom:0;width:var(--sidebar-width, 175px);box-sizing:border-box;background:linear-gradient(90deg,var(--admin-bg-color) 85%,var(--color-primary) 100%);color:var(--color-text-body);font-size:1rem;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;justify-content:flex-end;padding-right:3px;z-index:200;opacity:1;pointer-events:auto;transition:opacity .25s ease,transform .25s ease}.tenant-tabs-left-rail:before{background:linear-gradient(90deg,var(--color-bg-card) 85%,var(--accent-color) 100%);width:var(--sidebar-width, 175px)}.profile-tabs-container:hover:before,.profile-tabs-container:focus-within:before,.profile-tabs-container.is-swiped:before,.profile-tabs-container.is-pinned:before,.tenant-tabs-left-rail:hover:before,.tenant-tabs-left-rail:focus-within:before,.tenant-tabs-left-rail.is-swiped:before,.tenant-tabs-left-rail.is-pinned:before{opacity:0;pointer-events:none}:root{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-bg-main: #0f172a;--color-bg-card: #1e293b;--color-bg-tabs-hover: #1e293b;--color-bg-tabs: #44608d;--color-text-header: #f8fafc;--color-text-body: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-border-active: var(--color-primary)}.profile-view-wrapper{min-height:100vh;color:var(--color-text-body)}.profile-main-content{display:flex;align-items:flex-start;max-width:80rem;margin:0 auto;padding:.2rem 1.5rem;position:relative}.profile-tabs-container{display:flex;flex-direction:column;gap:8px;padding:0;width:var(--sidebar-width, 175px);scrollbar-width:none;background-color:var(--admin-bg-color);flex-shrink:0;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:100;margin-left:calc((var(--sidebar-width, 175px) - 15px) * -1);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.profile-tabs-container::-webkit-scrollbar{display:none;width:0}.profile-tabs-container:hover,.profile-tabs-container:focus-within{margin-left:0}.profile-tabs-container.is-pinned{margin-left:0!important;border-right:1px solid var(--color-border)}.tab-link{display:block;width:100%;text-align:left;padding:14px 20px;font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;border-right:none;border-radius:6px 0 0 6px;transition:all .2s ease;box-sizing:border-box}.tab-link:hover{color:var(--color-text-header);background-color:var(--color-bg-tabs-hover);border-radius:5px 0 0 5px}.tab-link.active{color:var(--color-primary);background-color:var(--color-bg-tabs);border-radius:5px 0 0 5px;position:relative;z-index:2;margin-right:-1px}.render-view-card{border-radius:0;flex:1;flex-shrink:1;min-width:0;width:100%;box-sizing:border-box;transition:transform .3s cubic-bezier(.4,0,.2,1)}.profile-tabs-container:hover+.render-view-card,.profile-tabs-container:focus-within+.render-view-card{transform:translate(0)}.profile-tabs-container.is-pinned+.render-view-card{transform:translate(0)!important}.tab-link{position:relative}.saved-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary);animation:pulse-dot 2s infinite;pointer-events:none}.profile-rail-resizer-handle{width:6px;cursor:col-resize;align-self:stretch;position:relative;z-index:15;margin-left:-3px;margin-right:-3px;background-color:transparent;transition:background-color .15s ease}.profile-rail-resizer-handle:hover,.profile-rail-resizer-handle.is-profile-dragging{background-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}@keyframes pulse-dot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.7}}@media(max-width:768px){.profile-main-content{padding:0;display:flex;width:100%}.profile-tabs-container{position:sticky;top:20px;height:calc(100vh - 104px);width:var(--sidebar-width, 160px);background-color:var(--admin-bg-color);padding:20px 0 0;margin-right:0;max-height:none;overflow-y:auto;scrollbar-width:none;margin-left:calc((var(--sidebar-width, 160px) - 10px) * -1);z-index:100;transition:margin-left .2s cubic-bezier(.4,0,.2,1)}.profile-tabs-container:hover,.profile-tabs-container:focus-within,.profile-tabs-container.is-swiped{margin-left:0!important}.profile-tabs-container.is-pinned,.profile-tabs-container.is-swiped{margin-left:0!important;border-right:1px solid var(--color-border);box-shadow:4px 0 15px #0006}.render-view-card{width:100%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.profile-tabs-container:hover+.render-view-card,.profile-tabs-container:focus-within+.render-view-card{transform:translate(0)}.profile-tabs-container.is-pinned+.render-view-card,.profile-tabs-container.is-swiped+.render-view-card{transform:translate(0)!important;margin-left:15px}.profile-rail-resizer-handle{display:none!important}}.tenant-workspace-layout{display:flex;min-height:calc(100vh - 64px);width:100%;max-width:1360px;margin:5px auto;background-color:transparent;align-items:flex-start;padding:0 20px;box-sizing:border-box;position:relative;-webkit-user-select:var(--is-dragging-select, auto);user-select:var(--is-dragging-select, auto)}.tenant-desktop-vertical-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:200px;margin:0 auto;max-width:600px}.tenant-desktop-tile-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:180px;height:180px;padding:20px;background-color:var(--card-bg-color);border:2px solid var(--border-color);text-decoration:none;transition:all .2s ease;box-sizing:border-box;flex-direction:column;justify-content:center;text-align:center}.tenant-desktop-tile-link:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.tenant-desktop-icon-wrapper{width:50px;height:50px;background-color:var(--admin-bg-color);color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:1.25rem;font-weight:700;border:1px solid var(--border-color)}.tenant-desktop-tile-label{font-size:.8rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.tenant-tabs-left-rail{display:flex;flex-direction:column;gap:0px;padding:5px 0 0;width:var(--sidebar-width, 175px);flex-shrink:0;-webkit-user-select:none;user-select:none;position:sticky;top:5px;z-index:10;background-color:var(--color-bg-card);max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:none;margin-left:calc((var(--sidebar-width, 175px) - 15px) * -1);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.tenant-rail-resizer-handle{width:6px;cursor:col-resize;align-self:stretch;position:relative;z-index:15;margin-left:-3px;margin-right:-3px;background-color:transparent;transition:background-color .15s ease}.tenant-rail-resizer-handle:hover,.tenant-rail-resizer-handle.is-dragging{background-color:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.tenant-tabs-left-rail::-webkit-scrollbar{display:none;width:0}.tenant-tabs-left-rail::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.tenant-tabs-left-rail:hover,.tenant-tabs-left-rail:focus-within{margin-left:0}.tenant-tabs-left-rail.is-pinned{margin-left:0!important;border-right:1px solid var(--border-color)}.tenant-side-tab-button{display:block;width:100%;text-align:left;padding:14px 20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#bdbdff;text-decoration:none;background-color:var(--admin-bg-color);border-right:none;border-radius:0;transition:all .15s ease;box-sizing:border-box}.tenant-side-tab-button:hover{color:var(--primary-color);background-color:var(--border-color);border-radius:6px 0 0 6px;border-left:1px solid var(--accent-color)!important;transition:all .3s ease}.tenant-side-tab-button.active-tab{color:var(--primary-color)!important;background-color:var(--card-bg-color)!important;border-left:1px solid var(--accent-color)!important;position:relative;z-index:2;margin-right:-1px;border-radius:6px 0 0 6px}.tenant-canvas-container{position:relative;flex:1;background-color:var(--card-bg-color);border-radius:0 8px 8px 0;padding:0;min-height:calc(100vh - 104px);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tenant-tabs-left-rail:hover+.tenant-canvas-container,.tenant-tabs-left-rail:focus-within+.tenant-canvas-container{transform:translate(0)}.tenant-tabs-left-rail.is-pinned+.tenant-canvas-container{transform:translate(0)!important}.tenant-return-tab-wrapper{width:100%;margin-bottom:0}.tenant-desktop-return-tab-btn{border:none;width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:5px 20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-tabs);color:var(--color-text-muted);border-right:none;border-radius:0;cursor:pointer;transition:all .15s ease}.tenant-desktop-return-tab-btn:hover{background-color:var(--color-bg-tabs-hover);border-radius:6px 0 0 6px;border-left:1px solid var(--accent-color)!important;transition:all .3s ease}.tenant-rail-pin-control{width:100%;display:flex;align-items:center;justify-content:space-between;padding:5px 20px;background-color:var(--color-bg-tabs);border:1px dashed var(--border-color);color:var(--color-text-body);font-size:.65rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s ease;box-sizing:border-box;margin-bottom:0}.tenant-rail-pin-control:hover{color:var(--primary-color);border-color:var(--accent-color);background-color:var(--color-bg-card);border-radius:4px 0 0 4px}.tenant-rail-pin-control.active-pinned{background-color:var(--active-bg);color:var(--accent-color);border:1px solid var(--accent-color)!important;border-right:1px solid var(--card-bg-color)!important;border-radius:4px 0 0 4px}@media(max-width:768px){.tenant-workspace-layout{padding:0;display:flex;width:100%}.tenant-tabs-left-rail{position:sticky;top:5px;height:calc(100vh - 104px);width:var(--sidebar-width, 160px);background-color:var(--color-bg-card);padding:5px 0 0;margin-right:0;max-height:none;overflow-y:auto;scrollbar-width:none;margin-left:calc((var(--sidebar-width, 160px) - 10px) * -1);z-index:100;transition:margin-left .2s cubic-bezier(.4,0,.2,1)}.tenant-tabs-left-rail.is-pinned,.tenant-tabs-left-rail.is-swiped{margin-left:0!important;border-right:1px solid var(--border-color);box-shadow:4px 0 15px #0006}.tenant-tabs-left-rail:hover,.tenant-tabs-left-rail:focus-within,.tenant-tabs-left-rail.is-swiped{margin-left:0!important}.tenant-canvas-container{flex-shrink:0;width:100%;border-radius:0;border-left:none;position:relative;z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1)}.tenant-tabs-left-rail:hover+.tenant-canvas-container,.tenant-tabs-left-rail:focus-within+.tenant-canvas-container{transform:translate(0)}.tenant-tabs-left-rail.is-pinned+.tenant-canvas-container,.tenant-tabs-left-rail.is-swiped+.tenant-canvas-container{transform:translate(0)!important;margin-left:15px}}:root{--nav-bg: #0f172a;--nav-bg-scrolled: #1e293b;--nav-secondary: #111827;--accent-primary: #38bdf8;--accent-hover: #7dd3fc;--active-bg: rgba(56, 189, 248, .15);--text-main: #f8fafc;--text-muted: #94a3b8;--nav-border: #334155;--divider: rgba(148, 163, 184, .3);--admin-red: #ef4444;--admin-glow: #ef444480;--admin-glow-soft: #ef444433;--cart-item: #2ecc71;--lib-bg-glass: #14141499;--lib-border-wheat: #f5deb326;--lib-scrolled-shadow: #00000066;--lib-secondary-border: rgba(255, 255, 255, .05);--signout-hover-bg: rgba(239, 68, 68, .05)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 5%;background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border);position:relative;z-index:1100;box-sizing:border-box;width:100%;max-width:100vw}.logo{display:flex;align-items:center;flex-shrink:0}.logo a img{transition:transform .3s ease}.logo a:hover img{transform:scale(1.05)}.nav-menu{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:clamp(12px,1.5vw,24px)}.nav-menu li{display:flex;align-items:center;white-space:nowrap;flex-shrink:0}.nav-menu li a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:clamp(.75rem,1.1vw,1.1rem);transition:all .3s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nav-menu li a:hover{color:var(--accent-primary)}.nav-menu li a.admin-btn{color:var(--admin-red);border:1px solid var(--admin-red);padding:clamp(3px,.5vw,6px) clamp(8px,1vw,14px);border-radius:4px;font-weight:700;text-decoration:none;transition:all .3s ease-in-out}.nav-menu li a.admin-btn.pulse-glow{animation:admin-glow 2s infinite alternate}.nav-menu li a.admin-btn.pulse-glow:hover{background-color:var(--admin-red);color:var(--text-main)!important;box-shadow:0 0 15px var(--admin-red)}.nav-menu li a.admin-btn.is-active{opacity:.6;cursor:default;pointer-events:none;border:1px solid var(--admin-red)!important;animation:none!important;box-shadow:none!important;filter:saturate(.5)}@keyframes admin-glow{0%{box-shadow:0 0 4px var(--admin-glow-soft)}to{box-shadow:0 0 12px var(--admin-glow)}}.nav-menu li a.sign-out-btn{color:var(--text-muted);border:1px solid transparent;padding:clamp(3px,.5vw,6px) clamp(8px,1vw,14px);border-radius:4px;transition:all .3s ease}.nav-menu li a.sign-out-btn:hover{color:var(--admin-red);border:1px solid var(--admin-red);background-color:var(--signout-hover-bg);cursor:pointer}.nav-menu li a.profile-btn{color:var(--text-muted);border:1px solid transparent;padding:clamp(3px,.5vw,6px) clamp(8px,1vw,14px);border-radius:4px;font-weight:500;transition:all .3s ease-in-out;text-decoration:none}.nav-menu li a.profile-btn:hover{color:var(--accent-primary);border:1px solid var(--accent-primary);background-color:var(--active-bg);box-shadow:0 2px 8px var(--active-bg)}.nav-menu li a.profile-btn.is-active{color:var(--accent-primary);border:1px solid var(--accent-primary);opacity:.8}.user-actions-group{display:flex;align-items:center;gap:clamp(8px,1vw,14px);padding-left:clamp(10px,1.5vw,20px);margin-left:clamp(5px,1vw,10px);border-left:1px solid var(--divider)}.library-nav-container{position:sticky;top:20px;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:auto;transition:all .4s ease-in-out;width:100%;max-width:100%;margin:0 0 20px;background:var(--lib-bg-glass);border-radius:0 0 12px 12px;padding:15px;border:1px solid var(--lib-border-wheat);box-sizing:border-box;overflow:hidden}.library-nav-container.scrolled{background-color:var(--nav-bg-scrolled);box-shadow:0 4px 15px var(--lib-scrolled-shadow)}.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);margin-bottom:15px}.breadcrumb-link{cursor:pointer;transition:color .2s ease}.breadcrumb-link:hover{color:var(--accent-hover)}.breadcrumb-link.active{color:var(--text-main);font-weight:500}.bc-sep{color:var(--divider)}.library-nav-workspace{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.library-search-panel{width:100%;box-sizing:border-box}.library-sidebar-accordion{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.sidebar-accordion-group{width:100%;border:1px solid var(--nav-border);background-color:var(--nav-secondary);border-radius:6px;overflow:hidden;transition:border-color .2s ease}.sidebar-accordion-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:color .2s ease,background-color .2s ease}.sidebar-accordion-trigger::-webkit-details-marker{display:none}.sidebar-accordion-trigger:hover{color:var(--text-main);background-color:#ffffff05}.sidebar-accordion-arrow{font-size:.65rem;color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease}.sidebar-accordion-group[open]{border-color:var(--accent-primary)}.sidebar-accordion-group[open] .sidebar-accordion-arrow{transform:rotate(180deg);color:var(--accent-primary)}.sidebar-accordion-content{display:flex;flex-direction:column;padding:6px;background-color:#0003;border-top:1px solid var(--nav-border);gap:4px;animation:sidebarPanelFadeIn .25s ease-out forwards}@keyframes sidebarPanelFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-action-btn{display:block;width:100%;text-align:left;background:transparent;border:none;padding:10px 12px;font-size:.75rem;font-weight:500;color:var(--text-muted);border-radius:4px;cursor:pointer;text-decoration:none;box-sizing:border-box;transition:background-color .15s ease,color .15s ease}.sidebar-action-btn:hover{background-color:var(--active-bg);color:var(--accent-hover)}.sidebar-action-btn.active{background-color:var(--active-bg);color:var(--accent-primary);font-weight:700}.search-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-input{width:100%;min-width:0;box-sizing:border-box;display:block;background:var(--nav-secondary);border:1px solid var(--nav-border);color:var(--text-main);padding:8px 15px;border-radius:20px;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:var(--accent-primary)}.search-clear-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;line-height:1;z-index:2}.search-clear-btn:hover{color:var(--accent-primary);background-color:var(--active-bg);transform:scale(1.1)}.search-input:focus+.search-clear-btn{color:var(--text-main)}.menu-toggle{display:none;background:transparent;border:none;color:var(--text-muted);font-size:1.35rem;padding:6px;cursor:pointer;transition:color .25s ease,transform .25s ease;line-height:1;-webkit-user-select:none;user-select:none}.menu-toggle:hover,.menu-toggle:focus{color:var(--accent-primary);transform:rotate(90deg)}.cart-container{position:relative;display:inline-flex;align-items:center}.cart-btn{position:relative;display:flex;align-items:center;gap:5px;background:var(--lib-secondary-border);padding:5px 12px;border-radius:20px;transition:transform .2s}.cart-count{background:var(--admin-red);color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:50%;min-width:18px;text-align:center}.cart-total{font-size:.85rem;color:var(--cart-item)}.clear-cart-mini{position:absolute;top:-6px;right:-6px;background:var(--nav-secondary);border:1px solid var(--nav-border);color:var(--text-muted);font-size:.55rem;width:14px;height:14px;border-radius:50%;cursor:pointer;opacity:.7;transition:all .2s ease-in-out;line-height:1;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 1px 4px #0000004d}.clear-cart-mini:hover{opacity:1;color:var(--admin-red);border-color:var(--admin-red);transform:scale(1.1)}.cart-btn:hover{transform:scale(1.05)}.nav-menu li a .btn-text{display:inline}@media(min-width:986px)and (max-width:1100px){.library-nav-container{max-width:100%;padding:10px 20px}}@media(min-width:986px){.search-clear-btn{right:8px;font-size:12px}}@media(max-width:985px){body{padding-bottom:0}.menu-toggle{display:block;z-index:1200}.navbar .nav-menu{display:none;position:absolute;top:100%;right:2%;left:auto;width:auto;max-width:96vw;background-color:var(--nav-bg);border:1px solid var(--nav-border);border-radius:8px;flex-direction:row;flex-wrap:nowrap;padding:8px 12px;gap:10px;align-items:center;box-shadow:0 4px 20px #0006;box-sizing:border-box}.navbar .nav-menu.open{display:flex}.navbar .nav-menu .nav-text,.navbar .nav-menu .btn-text{display:none!important}.user-actions-group{display:flex;flex-direction:row;align-items:center;padding-left:10px;margin-left:4px;gap:10px;border-left:1px solid var(--divider)}.nav-menu li a.profile-btn,.nav-menu li a.admin-btn,.nav-menu li a.sign-out-btn,.nav-menu li a.nav-btn,.navbar .nav-menu .nav-btn{padding:6px 8px!important;font-size:.9rem!important;line-height:1;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.cart-btn{padding:6px 10px;font-size:.85rem;min-height:36px}.cart-count{font-size:.65rem;padding:1px 4px;min-width:14px}.library-nav-container{position:sticky!important;top:0!important;bottom:auto!important;left:0;width:100%!important;margin:0!important;border-radius:0 0 15px 15px;padding:12px 15px;z-index:1001}}.address-form-container{display:contents;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.detail-entry{display:flex;flex-direction:column;gap:8px}.editable-input,.address-form-container select{width:100%;height:44px;background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);color:var(--white);padding:0 15px;border-radius:6px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.editable-input:focus,.address-form-container select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3498db33}.static-value{color:var(--white);font-size:1rem;margin:0;padding:8px 0;min-height:44px;display:flex;align-items:center}@media(max-width:768px){.address-form-container{grid-template-columns:1fr}.detail-entry.full-width{grid-column:span 1}.editable-input,.address-form-container select{height:50px}}.transition-shield{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;justify-content:center;align-items:center;pointer-events:all;will-change:opacity,backdrop-filter}.shield-blur-cast{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#18181bd9,#0c0c0efa);z-index:-1}.shield-brand-container{display:flex;flex-direction:column;align-items:center;gap:28px;will-change:transform,opacity}.logo-glow-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.logo-glow-wrapper:before{content:"";position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(226,168,87,.15) 0%,transparent 70%);border-radius:50%;animation:corePulse 3s ease-in-out infinite}.shield-watermark{width:85px;height:85px;object-fit:contain;z-index:1}.spinner-track{position:relative;width:40px;height:40px}.pulse-ring-ambient,.pulse-ring-active{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent}.pulse-ring-ambient{border-color:#ffffff0d}.pulse-ring-active{border-top-color:#e2a857;border-right-color:#e2a8574d;animation:structuralRotate .65s cubic-bezier(.4,0,.2,1) infinite}.transition-shield.is-entering{animation:layerFadeIn .4s cubic-bezier(.25,1,.5,1) forwards}.transition-shield.is-entering .shield-brand-container{animation:contentScaleIn .4s cubic-bezier(.25,1,.5,1) forwards}.transition-shield.is-exiting{animation:layerFadeOut .25s cubic-bezier(.25,0,.3,1) forwards}.transition-shield.is-exiting .shield-brand-container{animation:contentScaleOut .25s cubic-bezier(.25,0,.3,1) forwards}@keyframes layerFadeIn{0%{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);visibility:hidden}}@keyframes layerFadeOut{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@keyframes contentScaleIn{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes contentScaleOut{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes structuralRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes corePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}:root{--primary-text: #ffffff;--secondary-text: #bdbdff;--bg-dark-primary: #0d0249;--bg-dark-secondary: #240c83;--accent-color: #79a6ff;--border-color: #3812b1;--input-bg: #1a0867;--success-color: #4CAF50;--error-color: #F44336;--shadow-heavy: #000000cc;--glow-accent-soft: #79a6ff66;--hover-overlay: rgba(255, 255, 255, .05);--title-gradient-mid: #4facfe;--title-gradient-end: #00f2fe;--contact-brand-gradient: linear-gradient(110deg, var(--accent-color) 15%, var(--title-gradient-mid) 25%, var(--title-gradient-end) 60%);--transition-standard: .3s cubic-bezier(.4, 0, .2, 1)}.contact{display:flex;flex-direction:column;align-items:center;gap:0px;margin:0 auto;padding:0;width:100%;min-height:80vh;overflow-x:hidden;box-sizing:border-box}.contact-title{text-align:center}.contact-title h1{font-size:clamp(36px,8vw,56px);font-weight:700;color:var(--primary-text);text-transform:uppercase;letter-spacing:2px}.contact-title hr{height:4px;border:none;background:var(--contact-brand-gradient);width:100px;margin:10px auto;border-radius:2px}.contact-sections{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;background:var(--bg-dark-secondary);padding:40px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 15px 30px var(--shadow-heavy);width:clamp(300px,90%,820px);box-sizing:border-box}.contact-left{display:flex;flex-direction:column;gap:20px;flex:1 1 280px;max-width:340px;min-width:0}.contact-left h1{font-size:28px;font-weight:700;background:var(--contact-brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{color:var(--secondary-text);font-size:15px;line-height:1.6;opacity:.9}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-detail{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--secondary-text);transition:var(--transition-standard)}.contact-detail:hover{color:var(--primary-text);transform:translate(8px)}.contact-right{display:flex;flex-direction:column;gap:15px;flex:1.2 1 300px;min-width:0;max-width:100%;box-sizing:border-box}.form-group{display:flex;flex-direction:column;gap:6px;width:100%}.form-row{display:flex;gap:12px;width:100%}.contact-right label{color:var(--accent-color);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.contact-right input,.contact-right select,.contact-right textarea{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--primary-text);padding:8px 12px;font-size:14px;border-radius:4px;font-family:inherit;transition:var(--transition-standard);width:100%;box-sizing:border-box}.contact-right input:focus,.contact-right select:focus,.contact-right textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 10px var(--glow-accent-soft)}.contact-right textarea{min-height:80px;resize:vertical}.form-action-group{display:flex;gap:12px;margin-top:10px}.submit{flex:2;background:var(--contact-brand-gradient);color:var(--bg-dark-primary);border:none;padding:10px 25px;font-size:15px;font-weight:700;border-radius:25px;cursor:pointer;transition:var(--transition-standard)}.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 15px var(--accent-color);filter:brightness(1.1)}.reset-btn{flex:1;background:transparent;border:1px solid var(--border-color);color:var(--secondary-text);padding:10px 15px;font-size:13px;border-radius:25px;cursor:pointer;transition:var(--transition-standard)}.reset-btn:hover{background:var(--hover-overlay);border-color:var(--accent-color);color:var(--primary-text)}.input-error{border-color:var(--error-color)!important}.success-modal{max-width:500px;text-align:center;border:2px solid var(--accent-color);box-shadow:0 0 30px var(--glow-accent-soft)}.success-title{background:var(--contact-brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;margin-bottom:10px}@media(max-width:768px){.contact{padding:0 10px}.contact-sections{padding:20px;max-width:100%;margin:10px;gap:30px}.contact-right{min-width:0;width:100%}.form-row{flex-direction:column}.contact-left{min-width:0;width:100%;text-align:center}.contact-detail{justify-content:center}}:root{--primary-text: #ffffff;--secondary-text: #bdbdff;--bg-dark-primary: #0d0249;--bg-dark-secondary: #240c83;--accent-color: #79a6ff;--dark-accent-hover: #5070ff;--success-color: #4CAF50;--error-color: #F44336;--border-color: #3812b1;--table-header-bg: #1a0867;--input-bg: #1a0867;--update-color: #ffc107;--view-color: #007bff;--color-primary: #007bff;--color-primary-dark: #0056b3;--color-success: #28a745;--color-success-dark: #1e7e34;--color-danger: #dc3545;--color-danger-dark: #c82333;--mask-black: #000000;--shelf-floor-color: #2a2a2a;--shelf-bg-tint: rgba(255, 255, 255, .02);--shadow-light: #00000080;--shadow-heavy: #000000cc;--glow-accent-soft: #79a6ff66;--back-to-top-bg: #1a1a1a;--shadow-button: #0000004d;--modal-overlay-inner: #0d0249b3;--modal-overlay-outer: #000000e6;--modal-shadow: rgba(0, 0, 0, .5);--hr-opacity-color: rgba(56, 18, 177, .5);--title-gradient-mid: #4facfe;--title-gradient-end: #00f2fe}.library{min-height:100vh;position:relative;background-color:var(--bg-dark-primary);color:var(--primary-text);max-width:100%;margin:0;padding:10px;width:100%;box-sizing:border-box}.loading-state{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--secondary-text)}.shelf-container{scroll-margin-top:20px;width:100%;margin-bottom:20px;position:relative;padding-bottom:0;content-visibility:visible}.shelf-container h1{font-size:1.5rem;font-weight:700;color:var(--secondary-text);margin-bottom:20px;border-left:4px solid var(--accent-color);padding-left:15px;scroll-margin-top:0px;text-transform:uppercase;letter-spacing:2px}.media-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,15vw,160px),1fr));gap:0px;width:100%;margin-bottom:20px;padding:20px;border-bottom:2px solid var(--border-color);border-bottom:8px solid var(--shelf-floor-color);background:var(--shelf-bg-tint);border-radius:4px;position:relative;box-sizing:border-box}.media-formatting{display:flex;flex-direction:column;text-align:center;gap:8px;padding:10px;background:none;border:none;box-sizing:border-box;transition:transform .3s ease}.media-cover-wrapper{width:100%;max-width:150px;margin:0 auto;aspect-ratio:2 / 3;background-color:var(--bg-dark-secondary);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 15px var(--shadow-light);cursor:pointer;position:relative;transition:all .3s ease}.media-formatting img{width:100%;height:100%;aspect-ratio:2 / 3;object-fit:cover}.media-formatting:hover .media-cover-wrapper{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 30px var(--shadow-heavy),0 0 10px var(--accent-color),0 0 20px var(--glow-accent-soft);filter:brightness(1.1) contrast(1.1);border-color:var(--accent-color)}.media-formatting h2{font-size:1rem;font-weight:700;text-align:center;margin:8px 0 2px;line-height:1.2;background:linear-gradient(110deg,var(--accent-color) 15%,var(--title-gradient-mid) 25%,var(--title-gradient-end) 60%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:filter .3s ease}.media-formatting h3{font-size:.9rem;font-weight:600;color:var(--secondary-text);margin:0;text-align:center}.media-formatting h4{font-size:.7rem;font-weight:500;color:var(--primary-text);opacity:.6;text-transform:uppercase;letter-spacing:.5px;margin:2px 0 0;text-align:center}.media-formatting h3+h4{margin-top:4px}.media-description{font-size:.8rem;color:var(--primary-text);opacity:.8;align-items:center;text-align:justify;margin-top:5px}.media-description p{margin-bottom:5px;line-height:1.4}.media-readmore{background:transparent;border:none;color:var(--secondary-text);font-size:.75rem;cursor:pointer;margin-top:5px;padding:0;font-family:inherit}.media-readmore:hover{color:var(--primary-text);text-decoration:underline}.media-formatting:hover h2{filter:brightness(1.2);filter:drop-shadow(0 0 5px var(--accent-color))}.back-to-top{position:fixed;bottom:40px;width:50px;height:50px;border-radius:50%;background-color:var(--accent-color);color:var(--back-to-top-bg);border:none;cursor:pointer;font-size:24px;font-weight:700;box-shadow:0 4px 15px var(--shadow-button);z-index:9999;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,0,0);pointer-events:auto}.back-to-top:hover{transform:translateY(-5px);background-color:var(--primary-text);box-shadow:0 0 20px var(--accent-color)}html{scroll-behavior:smooth}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;color:var(--secondary-text)}.empty-state h2{font-size:1.8rem;margin-bottom:10px;color:var(--primary-text);opacity:.9}.empty-state p{font-size:1rem;max-width:400px;margin-bottom:25px;opacity:.7;line-height:1.5}.clear-search-btn{background:var(--bg-dark-secondary);border:1px solid var(--accent-color);color:var(--accent-color);padding:10px 24px;cursor:pointer;border-radius:4px;font-weight:600;transition:all .3s ease}.clear-search-btn:hover{background:var(--accent-color);color:var(--bg-dark-primary);box-shadow:0 0 15px var(--accent-color)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999!important;isolation:isolate;background:radial-gradient(circle,var(--modal-overlay-inner) 0%,var(--modal-overlay-outer) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-dark-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:720px;max-height:calc(100vh - 160px);display:flex;flex-direction:column;padding:30px;position:relative;box-shadow:0 20px 50px var(--shadow-heavy);box-sizing:border-box;overflow:hidden;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-body{display:flex;gap:30px;min-width:0;max-height:100%;overflow:hidden}.modal-image{flex-shrink:0 1 auto}.modal-image img{width:200px;max-width:100%;max-height:calc(100vh - 140px);aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px var(--modal-shadow)}.modal-info{flex:1;display:flex;flex-direction:column;min-width:0}.modal-description{max-height:calc(100vh - 320px);overflow-y:auto;margin:15px 0;line-height:1.6;color:var(--primary-text);padding-right:8px}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--secondary-text);font-size:2rem;cursor:pointer}.modal-description::-webkit-scrollbar{width:6px}.modal-description::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.modal-read-more{margin-top:auto;background-color:var(--accent-color);color:var(--bg-dark-primary);border:none;padding:10px 20px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.modal-read-more:hover{background-color:var(--primary-text);box-shadow:0 0 15px var(--accent-color);transform:translateY(-2px)}.modal-info hr{border:0;border-top:1px solid var(--border-color);margin:15px 0;opacity:.5}@media(min-width:1300px){.back-to-top{right:auto;left:calc(50% + 530px)}}@media(min-width:769px)and (max-width:1300px){.modal-overlay{padding:40px;z-index:999999!important;width:100vw;height:100vh}.modal-content{width:85%;max-width:720px;max-height:calc(100vh - 80px);padding:24px;display:flex;flex-direction:column}.modal-body{gap:24px;max-height:100%;overflow:hidden}.modal-image img{width:160px;max-height:calc(100vh - 160px)}.modal-info{display:flex;flex-direction:column;min-width:0}.modal-description{max-height:calc(100vh - 280px);font-size:.9rem;line-height:1.5;padding-right:10px;overflow-y:auto}}@media(min-width:769px)and (max-width:1300px){.modal-overlay{padding:40px;z-index:999999!important;width:100vw;height:100vh}.modal-content{width:90%;max-width:660px;max-height:calc(100vh - 80px);padding:24px;display:flex;flex-direction:column}.modal-body{gap:24px;max-height:100%;overflow:hidden}.modal-image img{width:160px;max-height:calc(100vh - 160px)}.modal-info{display:flex;flex-direction:column;min-width:0}.modal-description{max-height:calc(100vh - 280px);font-size:.9rem;line-height:1.5;padding-right:10px;overflow-y:auto}}@media(max-width:768px){.library{padding:0 15px;box-sizing:border-box;overflow-x:clip;mask-image:none;-webkit-mask-image:none}.back-to-top{bottom:30px;left:auto!important;right:20px;width:40px;height:40px;font-size:18px;opacity:.9;position:fixed!important}.back-to-top:active{opacity:1}.media-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0px;justify-content:center;padding-bottom:50px;width:100%;box-sizing:border-box}.media-formatting h2{font-size:.9rem}.media-formatting h3{font-size:.8rem}.modal-overlay{padding:10px}.modal-body{flex-direction:column;align-items:center;gap:20px}.modal-content{width:100%;padding:24px 20px 20px;max-height:calc(100vh - 20px)}.modal-image img{width:140px}.modal-info{text-align:center}.modal-description{max-height:200px;padding-right:0}.modal-read-more{align-self:center;width:100%;max-width:240px}}:root{--primary-text: #ffffff;--secondary-text: #bdbdff;--bg-dark-primary: #0d0249;--bg-dark-secondary: #240c83;--accent-color: #79a6ff;--dark-accent-hover: #5070ff;--success-color: #28a745;--error-color: #dc3545;--border-color: #3812b1;--table-header-bg: #1a0867;--input-bg: #1a0867;--update-color: #ffc107;--view-color: #79a6ff;--color-primary: #79a6ff;--color-primary-dark: #5070ff;--color-success: #28a745;--color-success-dark: #1e7e34;--color-danger: #dc3545;--color-danger-dark: #a12323;--color-danger-border: #801b1b;--color-danger-disabled: #663333;--color-text-light: #ffffff;--success-hover: #218838;--disabled-bg: #4a4a4a;--error-bg-dark: #4a1c1c;--success-bg-dark: #1c4a1c;--view-btn-hover: #0056b3;--update-btn-hover: #e6b200;--shadow-main: #00000080;--shadow-table: rgba(0, 0, 0, .6);--shadow-accent: rgba(121, 166, 255, .15);--shadow-accent-light: rgba(121, 166, 255, .2);--hover-overlay-light: rgba(121, 166, 255, .1);--preview-bg: rgba(0, 0, 0, .2);--table-row-hover: rgba(56, 18, 177, .31)}.media-type{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:40px;margin:20px auto;width:95%;max-width:100%;background-color:var(--bg-dark-secondary);padding:60px;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 10px 40px var(--shadow-main);box-sizing:border-box}.media-split-container{display:flex;width:100%;gap:60px;align-items:flex-start}.media-visual-pane{flex:0 0 350px;display:flex;flex-direction:column;gap:20px}.media-cover-frame{position:relative;overflow:hidden;border-radius:12px}.media-price-overlay{position:absolute;top:15px;right:15px;background:var(--bg-dark-primary);color:var(--accent-color);padding:8px 15px;border-radius:8px;font-weight:800;font-size:1.1rem;border:1px solid var(--border-color);box-shadow:0 4px 15px var(--shadow-main);z-index:2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.media-cover-frame img{width:100%;border-radius:12px;box-shadow:0 20px 40px var(--shadow-table);border:1px solid var(--border-color)}.media-action-bar{display:flex;flex-direction:column;gap:12px}.media-back-btn,.admin-edit-toggle{padding:12px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);background:var(--table-header-bg);color:var(--primary-text);text-align:center}.media-back-btn:hover{background:var(--dark-accent-hover);border-color:var(--accent-color)}.admin-edit-toggle.editing{background:var(--color-danger);border-color:var(--color-danger-border)}.media-buy-btn{width:100%;padding:8px 10px;background:var(--success-color);color:var(--primary-text);border:1px solid var(--color-success-dark);border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.media-buy-btn:hover{background:var(--success-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--success-bg-dark);border-color:var(--accent-color)}.media-buy-btn:active{transform:translateY(0);box-shadow:0 2px 10px var(--shadow-main)}.media-buy-btn:disabled{background:var(--disabled-bg);border-color:var(--border-color);cursor:not-allowed;opacity:.7;transform:none}.media-info-pane{flex:1;min-width:0}.media-title-area h1{font-size:3rem;color:var(--primary-text);margin:0;line-height:1.1;word-wrap:break-word}.media-creator-sub{font-size:1.5rem;color:var(--secondary-text);margin:10px 0;font-weight:400}.media-badge{display:inline-block;padding:6px 14px;background:var(--accent-color);border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-top:5px;color:var(--bg-dark-primary)}.media-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:40px}.detail-entry label{display:block;font-size:.75rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px}.detail-entry p{font-size:1.2rem;color:var(--primary-text);word-break:break-word}.media-full-description{width:100%;margin-top:40px}.media-full-description h2{font-size:1.6rem;color:var(--primary-text);margin-bottom:10px}.description-separator{height:2px;background:linear-gradient(to right,var(--accent-color),transparent);margin-bottom:25px}.text-content{line-height:1.8;color:var(--secondary-text);font-size:1.1rem;white-space:pre-wrap;max-width:100%}.edit-input-title{background:var(--input-bg);border:1px dashed var(--accent-color);color:var(--primary-text);font-size:2.5rem;width:100%;box-sizing:border-box;padding:10px;margin-bottom:10px}.edit-field{background:var(--input-bg);border:1px solid var(--border-color);color:var(--primary-text);padding:12px;width:100%;border-radius:6px;box-sizing:border-box}.edit-area-description{width:100%;min-height:200px;background:var(--input-bg);border:1px solid var(--border-color);color:var(--primary-text);padding:20px;font-family:inherit;line-height:1.6;border-radius:8px;resize:vertical;box-sizing:border-box}.save-footer{margin-top:30px;display:flex;justify-content:flex-end;gap:20px}.revert-btn{background:transparent;border:1px solid var(--update-color);color:var(--update-color);padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-save-btn{background:var(--success-color);color:var(--primary-text);border:none;padding:12px 40px;border-radius:6px;font-weight:600;cursor:pointer}.confirm-save-btn:hover:not(:disabled){background:var(--success-hover);box-shadow:0 0 15px var(--success-color)}.confirm-save-btn:disabled{background:var(--disabled-bg);cursor:not-allowed}.media-availability-zone{margin-top:40px;padding-top:30px;border-top:1px solid var(--border-color);width:100%}.availability-card label{display:block;font-size:.75rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px}.tenant-navigator-select{width:100%;max-width:400px;background:var(--input-bg);border:1px solid var(--border-color);color:var(--primary-text);padding:12px;border-radius:6px;font-size:1rem;cursor:pointer}.tenant-navigator-select:focus{outline:none;border-color:var(--accent-color)}.branch-availability-list{list-style:none;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}.branch-tag{background:var(--table-header-bg);color:var(--accent-color);padding:6px 14px;border-radius:4px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color)}.branch-tag:hover{border-color:var(--accent-color);background:var(--hover-overlay-light)}.no-availability{color:var(--secondary-text);font-style:italic;font-size:.95rem}.tenant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-top:10px}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.location-icon{font-size:1.2rem}.status-text{font-weight:600;color:var(--success-color)}.tenant-tier-container{background:var(--bg-dark-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.tenant-access-row{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;list-style:none;transition:background .2s ease}.tenant-access-row:hover{border-color:var(--accent-color);background:var(--hover-overlay-light);box-shadow:0 4px 12px var(--shadow-main)}.tenant-access-row strong{color:var(--primary-text);font-size:1rem}.tenant-access-row span{font-size:.8rem;color:var(--accent-color);background:var(--bg-dark-primary);padding:4px 8px;border-radius:4px;text-transform:uppercase;font-weight:600}.tenant-access-row::-webkit-details-marker{display:none}.action-cluster{display:flex;align-items:center;gap:20px}.dropdown-arrow{color:var(--accent-color);font-size:.8rem;transition:transform .3s ease}details[open] .dropdown-arrow{transform:rotate(180deg)}.branch-inline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:20px;background:var(--bg-dark-primary);border-top:1px solid var(--border-color)}.branch-tag-card{background:var(--table-header-bg);border:1px solid var(--border-color);padding:12px 15px;border-radius:8px;cursor:pointer;transition:all .2s ease}.branch-tag-card:hover{border-color:var(--accent-color);background:var(--hover-overlay-light)}.branch-tag-card.active-context{border-color:var(--accent-color);box-shadow:inset 0 0 8px var(--shadow-accent)}.branch-detail{display:flex;flex-direction:column;gap:4px}.branch-name{color:var(--primary-text);font-weight:600;font-size:.9rem}.branch-stock{color:var(--secondary-text);font-size:.8rem}.jump-icon{background:var(--bg-dark-primary);color:var(--accent-color);border:1px solid var(--border-color);padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.jump-icon:hover{background:var(--accent-color);color:var(--bg-dark-primary)}.media-version-gate{margin-top:25px;display:flex;flex-direction:column;gap:12px}.version-label{font-size:.75rem!important;text-transform:uppercase;color:var(--secondary-text);letter-spacing:1px;margin:0}.version-options{display:flex;gap:12px;flex-wrap:wrap}.version-selector-btn{display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-dark-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;min-width:140px}.version-selector-btn:hover:not(:disabled){border-color:var(--accent-color);background:var(--table-row-hover);transform:translateY(-2px)}.version-selector-btn.active{background:var(--accent-color);border-color:var(--accent-color);cursor:default}.version-icon{font-size:1.4rem}.version-info{display:flex;flex-direction:column}.v-type{font-size:.95rem;font-weight:700;color:var(--primary-text)}.version-selector-btn.active .v-type,.version-selector-btn.active .v-meta{color:var(--bg-dark-primary)}.v-meta{font-size:.75rem;color:var(--secondary-text);opacity:.8}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-left:25px;gap:15px;margin-top:15px}.related-item-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:30px;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--border-color);border-radius:8px;position:relative;border:none}.related-cover-wrapper{width:100%;max-width:150px;aspect-ratio:2 / 3;background-color:var(--bg-dark-secondary);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 15px var(--shadow-light);cursor:pointer;transition:all .3s ease}.related-cover-wrapper:hover{transform:translateY(-4px);border-color:var(--accent-color)}.related-cover-wrapper img{width:100%;height:100%;object-fit:contain}.related-type-badge{position:absolute;top:5px;right:5px;background:var(--bg-dark-primary);color:var(--accent-color);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:700;border:1px solid var(--border-color)}.related-meta{padding:10px}.related-meta strong{display:block;font-size:.85rem;color:var(--primary-text);margin-bottom:2px;display:-webkit-box;-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.related-meta p{font-size:.75rem;color:var(--secondary-text);margin:0;text-transform:uppercase;letter-spacing:.5px}@media(max-width:1100px){.media-type{padding:30px;width:90%}.media-split-container{flex-direction:column;align-items:center}.media-visual-pane{flex:0 0 auto;width:100%;max-width:300px}.media-title-area h1{font-size:2.2rem;text-align:center}.media-info-pane{width:100%;text-align:center}.media-creator-sub{text-align:center}.save-footer{justify-content:center;flex-direction:column;align-items:center;gap:20px}.confirm-save-btn,.revert-btn{width:fit-content;min-width:160px;height:44px;padding:0 25px}.media-availability-zone{text-align:center}.branch-availability-list{justify-content:center}.tenant-navigator-select{max-width:100%}}:root{--bg-dark-primary: #1a1a1a;--bg-dark-secondary: #2d2d2d;--preview-bg: #252525;--accent-color: #3498db;--update-color: #f39c12;--success-green: #2ecc71;--success-green-disabled: #27ae60;--error-red: #e74c3c;--shadow-main: rgba(0, 0, 0, .5);--hover-overlay-light: rgba(255, 255, 255, .1);--edit-overlay: rgba(0, 0, 0, .6);--border-subtle: #444444;--debug-opacity: .6;--white: #ffffff;--disabled-bg: #555555;--toast-success-bg: #d4edda;--toast-success-text: #155724;--toast-success-border: #28a745;--toast-error-bg: #f8d7da;--toast-error-text: #721c24;--toast-error-border: #dc3545}.media{width:100%;min-height:100vh;transition:filter .3s ease}.processing-blur{filter:blur(4px);pointer-events:none}.media-split-container{display:flex;gap:40px;align-items:flex-start}.media-visual-pane{flex:0 0 320px;top:20px}.media-info-pane{flex:1}.media-cover-frame{overflow:hidden;position:relative;border-radius:12px;background:var(--bg-dark-secondary)}.media-cover-frame img{width:100%;height:auto;display:block}.profile-avatar-overlay{width:120px;height:120px;margin:-60px auto 0;position:relative;z-index:5;border-radius:50%;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--bg-dark-secondary);box-shadow:0 4px 15px var(--shadow-main);background:var(--bg-dark-primary);transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease;transform-origin:bottom center}.avatar-img:hover{transform:scale(1.1) translateY(-2px);filter:brightness(85%);border-color:var(--accent-color)}.edit-hint-overlay{position:absolute;bottom:0;left:0;width:100%;background:var(--edit-overlay);color:var(--white);font-size:.75rem;padding:8px 0;text-align:center;pointer-events:none;text-transform:uppercase;letter-spacing:1px}.media-action-bar{margin-top:25px;width:100%}.edit-actions-group{display:flex;gap:10px;width:100%;align-items:center}.media-back-btn,.save-btn,.network-register-btn{flex:1;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cancel-btn{background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);color:var(--white)}.save-btn{background:var(--success-green);color:var(--white);border:none;box-shadow:0 0 15px var(--success-green)}.save-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px var(--success-green)}.save-btn:disabled{background:var(--success-green-disabled);opacity:.6;cursor:not-allowed;box-shadow:none;filter:grayscale(.3)}.revert-btn{flex:0 0 44px;height:44px;width:44px;border:1px solid var(--update-color);color:var(--update-color);border-radius:6px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px var(--update-color)}.revert-btn:hover:not(:disabled){background:var(--update-color);color:var(--bg-dark-primary)}.revert-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--disabled-bg);color:var(--disabled-bg)}.network-register-btn{background:var(--success-green);color:var(--white);border:none;box-shadow:0 0 15px var(--success-green)}.network-register-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px var(--success-green)}.network-register-btn:disabled{background:var(--success-green-disabled);opacity:.6;cursor:not-allowed;box-shadow:none;filter:grayscale(.3)}.media-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.detail-entry.full-width{grid-column:span 2}.tenant-stats-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--preview-bg);padding:20px;border-radius:10px}.editable-input{width:100%;height:44px;background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);color:var(--white);padding:0 15px;border-radius:6px}.toast-notification{position:fixed;top:20px;right:20px;padding:1rem 2rem;border-radius:8px;z-index:9999;box-shadow:0 4px 12px var(--shadow-main);animation:slideIn .3s ease-out;min-width:250px}.toast-notification.success{background-color:var(--toast-success-bg);color:var(--toast-success-text);border-left:5px solid var(--toast-success-border)}.toast-notification.error{background-color:var(--toast-error-bg);color:var(--toast-error-text);border-left:5px solid var(--toast-error-border)}@media(max-width:768px){.media-split-container{flex-direction:column;align-items:center}.media-visual-pane{width:100%;flex:none}.media-details-grid{grid-template-columns:1fr}.detail-entry.full-width{grid-column:span 1}.edit-actions-group{flex-direction:column;align-items:center;gap:20px}.media-back-btn,.save-btn,.revert-btn{width:100%;flex:none;height:50px}.profile-avatar-overlay{margin:-60px auto 20px}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.debug-footer{margin-top:80px;opacity:var(--debug-opacity)}