@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--background: #0a0a0f;--background-secondary: #13131a;--surface-color: #1a1a24;--primary-color: #f0b429;--primary-hover-color: #d99e1e;--text-primary: #f1f1f3;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--text-on-primary: #0a0a0f;--menu-bg: #08080d;--menu-text: #a0a0b0;--menu-text-active: #f0b429;--border-color: #2a2a35;--box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--box-shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--error-color: #f87171;--success-color: #34d399;--warning-color: #fbbf24;--info-color: #60a5fa;--accent-purple: #8b5cf6;--border-radius: 8px;--sidebar-width: 260px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background-color:var(--background)}body,#root{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}.app-content{padding-left:var(--sidebar-width);padding-top:var(--header-height);padding-bottom:0;transition:padding-left .25s ease;width:100%;flex-grow:1;display:flex;flex-direction:column}.app-content.menu-closed{padding-left:0}.container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem;width:100%;flex-grow:1}@media screen and (max-width:960px){.app-content,.app-content.menu-closed{padding-left:0}.container{padding:1rem}.page-container{gap:1rem}}@media screen and (max-width:640px){.container{padding:.75rem}input,select,textarea{max-width:100%}}.page-container{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.page-container h1{font-size:1.5rem;font-weight:700;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin:0}.grid-container{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.grid-container{grid-template-columns:450px 1fr}}.form-card,.list-card{background-color:var(--surface-color);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);transition:box-shadow .2s ease,border-color .2s ease;min-width:0;overflow:hidden}.form-card:hover,.list-card:hover{box-shadow:var(--box-shadow-lg);border-color:#3a3a48}.list-card h2{font-size:1.1rem;margin-bottom:1.25rem}form{display:flex;flex-direction:column;gap:1rem}form h2,form h3{text-align:left;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:.25rem;font-size:1.15rem;color:var(--text-primary);font-weight:600}form label{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem;display:block}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=tel],textarea,select{width:100%;padding:.55rem .75rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease;height:40px}textarea{height:auto;min-height:80px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #f0b42933,0 0 12px #f0b4291a}input:disabled,select:disabled{background-color:#12121a;color:var(--text-muted);cursor:not-allowed;border-color:var(--border-color)}select option{background-color:var(--surface-color);color:var(--text-primary)}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent;outline:none;white-space:nowrap}button[type=submit],.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary);border-color:var(--primary-color)}button[type=submit]:hover,.btn-primary:hover{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color);box-shadow:0 0 16px #f0b42940}button[type=button],.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}button[type=button]:hover,.btn-secondary:hover{background-color:#ffffff0d;border-color:#3a3a48}.btn-destructive{background-color:#f871711a;color:var(--error-color);border:1px solid rgba(248,113,113,.2)}.btn-destructive:hover{background-color:var(--error-color);color:#fff;border-color:var(--error-color);box-shadow:0 0 12px #f871714d}.btn-ghost{padding:.4rem;background:transparent;color:var(--text-secondary);border-radius:6px}.btn-ghost:hover{background-color:#ffffff0f;color:var(--text-primary)}button:active{transform:scale(.97)}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(5px);padding:.35rem .65rem;background:var(--surface-color);color:var(--text-primary);font-size:11px;font-weight:500;text-transform:none;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;z-index:1000;box-shadow:0 4px 16px #0006;border:1px solid var(--border-color);pointer-events:none}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}[data-tooltip]:after{content:"";position:absolute;bottom:110%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--surface-color) transparent transparent transparent;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none}[data-tooltip]:hover:after{opacity:1;visibility:visible}.list-card ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}.list-card li{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:background-color .15s ease,border-color .15s ease}.list-card li:hover{background-color:#ffffff08;border-color:#3a3a48}.list-card li>div:first-child{flex-grow:1}.list-card li>div:last-child{display:flex;gap:.35rem}.error-message{background-color:#f8717114;color:var(--error-color);padding:.75rem 1rem;border-radius:var(--border-radius);text-align:center;font-weight:500;font-size:.875rem;border:1px solid rgba(248,113,113,.15)}.footer{background-color:var(--background-secondary);color:var(--text-muted);padding:1rem 2rem;text-align:center;border-top:1px solid var(--border-color)}.pagination{display:flex;justify-content:center;gap:.35rem;margin-top:1.5rem;list-style-type:none;padding:0}.pagination a{padding:.4rem .85rem;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);text-decoration:none;cursor:pointer;background-color:var(--surface-color);transition:all .15s ease;font-size:.8125rem;font-weight:500}.pagination a:hover{background-color:#ffffff0f;border-color:#3a3a48}.pagination .active a{background-color:var(--primary-color);color:var(--text-on-primary);border-color:var(--primary-color);box-shadow:0 0 10px #f0b42933}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#f0b4294d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f0b42980}::-webkit-scrollbar-track{background:#13131a}*{scrollbar-color:rgba(240,180,41,.3) #13131a;scrollbar-width:thin}.swal2-popup{background:#1a1a24!important;color:#f1f1f3!important;border:1px solid #2a2a35!important;border-radius:16px!important}.swal2-title{color:#f1f1f3!important}.swal2-html-container{color:#a0a0b0!important}.swal2-icon{border-color:#2a2a35!important}.swal2-icon.swal2-question{border-color:#3b82f6!important;color:#60a5fa!important}.swal2-icon.swal2-warning{border-color:#f59e0b!important;color:#fbbf24!important}.swal2-icon.swal2-success{border-color:#10b981!important}.swal2-icon.swal2-success .swal2-success-line-long,.swal2-icon.swal2-success .swal2-success-line-tip{background-color:#34d399!important}.swal2-icon.swal2-success .swal2-success-ring{border-color:#34d3994d!important}.swal2-icon.swal2-error{border-color:#ef4444!important}.swal2-icon.swal2-error .swal2-x-mark-line-left,.swal2-icon.swal2-error .swal2-x-mark-line-right{background-color:#f87171!important}.swal2-actions .swal2-cancel{background-color:#2a2a35!important;color:#a0a0b0!important}div.swal2-popup .swal2-styled:focus{box-shadow:none!important}.app-header{position:fixed;top:0;left:0;width:100%;height:56px;background:#13131a;border-bottom:1px solid #2a2a35;box-shadow:0 1px 12px #f0b4290a;z-index:1001;display:flex;align-items:center;padding:0 1.25rem}.header-container{display:flex;align-items:center;width:100%}.header-left{display:flex;align-items:center;gap:1rem;z-index:2;flex-shrink:0}.menu-toggle-header{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hamburger-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:36px;height:36px;border-radius:8px;transition:background-color .15s ease}.hamburger-line{display:block;width:18px;height:2px;background:#6b6b7b;border-radius:1px;transition:background-color .15s ease}.menu-toggle-header:hover .hamburger-icon{background-color:#ffffff0f}.menu-toggle-header:hover .hamburger-line{background:#f1f1f3}.menu-toggle-header:active .hamburger-icon{background-color:#ffffff1a}.header-title-link{position:absolute;left:50%;transform:translate(-50%);text-decoration:none;z-index:1}.header-title{font-size:1rem;font-weight:800;margin:0;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(110deg,#fceeb5,#f5d76e,#d4af37,#b8860b,#fceeb5);background-size:200% auto;color:#000;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(212,175,55,.3));position:relative;display:inline-block;animation:shineGoldTitle 6s linear infinite}@keyframes shineGoldTitle{to{background-position:200% center}}.header-right{display:flex;align-items:center;gap:.75rem;margin-left:auto;z-index:2}.header-datetime{display:flex;align-items:center;gap:.4rem}.datetime-icon{width:14px;height:14px;color:#6b6b7b;flex-shrink:0}.datetime-text{font-size:.75rem;font-weight:400;color:#6b6b7b;white-space:nowrap}.header-user{display:flex;align-items:center;gap:.5rem;padding:.25rem .6rem .25rem .25rem;border-radius:20px;transition:background-color .15s ease;cursor:default}.header-user:hover{background-color:#ffffff0a}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 2px #8b5cf64d}.user-initials{font-size:.65rem;font-weight:600;color:#fff;letter-spacing:.5px}.user-email{font-size:.75rem;font-weight:400;color:#a0a0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.header-logo-link{display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);padding:1px;margin-left:.25rem;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f5d76e,#d4af37 40%,#b8860b,#8b6914);border:2px solid rgba(245,215,110,.5);box-shadow:0 0 10px #d4af374d,0 0 20px #d4af371a,inset 0 1px 2px #fff3;position:relative;overflow:hidden}.header-logo-link:before{content:"";position:absolute;top:-30%;left:-30%;width:60%;height:60%;background:radial-gradient(ellipse at center,rgba(255,255,255,.22) 0%,transparent 70%);pointer-events:none;border-radius:50%}.header-logo-link:hover{opacity:1;transform:scale(1.08);border-color:#f5d76e;box-shadow:0 0 16px #d4af3780,0 0 32px #d4af3733,0 0 48px #d4af3714,inset 0 1px 3px #ffffff40}.header-logo-image{height:48px;width:48px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}@media screen and (max-width:1024px){.header-datetime{display:none}.user-email{max-width:120px}}@media screen and (max-width:768px){.app-header{padding:0 .75rem}.header-title{font-size:.8rem;letter-spacing:1px}.user-email{display:none}.header-user{padding:.25rem;border-radius:50%}.header-logo-image{height:30px;width:30px}.header-logo-link{padding:4px}.header-right{gap:.5rem}.hamburger-icon{width:44px;height:44px}.hamburger-line{width:20px}}@media screen and (max-width:480px){.header-title-link{position:static;transform:none;flex-grow:1;text-align:center}.header-title{display:none}}.navbar{position:fixed;top:56px;left:0;height:calc(100vh - 56px);background:#08080d;display:flex;flex-direction:column;z-index:1000;transition:transform .25s ease;width:260px;transform:translate(0);border-right:1px solid rgba(255,255,255,.04)}.navbar.closed{transform:translate(-100%)}.navbar-container{display:flex;flex-direction:column;width:100%;height:100%}.sidebar-brand{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.sidebar-logo-badge{display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1px;background:radial-gradient(circle at 40% 35%,#f5d76e,#d4af37 40%,#b8860b,#8b6914);border:1px solid rgba(245,215,110,.5);box-shadow:0 0 10px #d4af3733;flex-shrink:0}.sidebar-logo-badge img{height:32px;width:32px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.sidebar-brand-accent{font-size:1.05rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#fceeb5,#f5d76e 30%,#d4af37 70%,#b8860b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{flex-grow:1;list-style:none;padding:.5rem 0;margin:0;overflow-y:overlay;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(240,180,41,.2) transparent}.nav-menu::-webkit-scrollbar{width:5px}.nav-menu::-webkit-scrollbar-thumb{background:#f0b42933;border-radius:10px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#f0b42966}.menu-title{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;color:#f0b429;cursor:pointer;transition:all .2s ease;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap;gap:.5rem;margin-top:.25rem;-webkit-user-select:none;user-select:none}.menu-title:hover{color:#fbbf24;background-color:#f0b42914}.menu-title-text{flex:1}.submenu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.submenu.active{max-height:2000px}.dropdown-link{display:flex;align-items:center;padding:.65rem 1.25rem .65rem 2.25rem;color:#a0a0b0d9;text-decoration:none;transition:all .2s ease;font-size:.8125rem;font-weight:400;white-space:nowrap;border-left:3px solid transparent;position:relative}.dropdown-link:hover{color:#f1f1f3;background-color:#ffffff0d;padding-left:2.5rem}.dropdown-link.active{color:#f0b429;font-weight:600;border-left-color:#f0b429;background-color:#f0b42914;box-shadow:inset 5px 0 15px #f0b42908}.subnav-arrow{transition:transform .2s ease;font-size:.65rem;color:#6b6b7b;flex-shrink:0}.subnav-arrow.open{transform:rotate(180deg)}.menu-footer{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.04);flex-shrink:0}.nav-links-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem;background-color:transparent;border:1px solid rgba(248,113,113,.15);color:#f87171;text-align:center;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s ease;white-space:nowrap}.nav-links-button:hover{background-color:#f8717114;border-color:#f871714d;color:#fca5a5;box-shadow:0 0 12px #f8717114}.nav-links-button:active{transform:scale(.97)}@media screen and (max-width:960px){.navbar{width:100%;background:#111827fa;z-index:1001}}.footer{background-color:#0a0a0f;border-top:1px solid #2a2a35;padding:.75rem 2rem;margin-top:auto;position:relative;z-index:10}.footer-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:.75rem;color:#6b6b7b;font-weight:400}.footer-version{font-size:.7rem;color:#3a3a48;font-weight:500}@media screen and (max-width:640px){.footer{padding:.75rem 1rem}.footer-inner{flex-direction:column;gap:.25rem;text-align:center}.footer-copyright,.footer-version{text-align:center}}.error-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.error-modal-content{background:var(--surface-color);color:var(--on-surface-color);padding:25px;border-radius:var(--border-radius);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--box-shadow);font-family:Courier New,Courier,monospace}.error-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:15px}.error-modal-header h2{margin:0;color:var(--error-color)}.error-modal-close{background:none;border:none;font-size:2rem;color:#aaa;cursor:pointer}.error-modal-body h4{color:var(--primary-color);margin-top:20px}.error-modal-body pre{background-color:var(--background-color);padding:15px;border-radius:4px;white-space:pre-wrap;word-wrap:break-word}.home-container{display:flex;flex-direction:column;padding:0;max-width:1400px;margin:0 auto}.home-section{margin-top:.5rem;margin-bottom:2rem}.home-section-title{font-size:.8rem;font-weight:600;color:#a0a0b0;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #2a2a35;display:flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.5px}.home-section-title svg{color:#6b6b7b;font-size:1rem}.home-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-top:.25rem}.home-card{position:relative;background:#1a1a24;padding:1.25rem 1.25rem 1.25rem 3.5rem;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:all .3s cubic-bezier(.19,1,.22,1);border:1px solid #2a2a35;overflow:hidden;min-height:90px}.card-icon-container{position:absolute;top:50%;left:1rem;transform:translateY(-50%);font-size:1.1rem;color:#f0b429;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f0b4291a;z-index:2;transition:all .3s ease}.card-watermark{position:absolute;right:-10px;bottom:-10px;font-size:5rem;color:#f0b42900;z-index:1;pointer-events:none;transition:all .4s ease;opacity:0;transform:rotate(-10deg) scale(.8)}.home-card h2{font-size:.9rem;margin:0 0 .2rem;color:#f1f1f3;font-weight:600;line-height:1.3;z-index:2;transition:color .3s ease}.home-card p{color:#6b6b7b;font-size:.75rem;line-height:1.4;margin:0;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.home-card:hover{border-color:#f0b429;box-shadow:0 8px 30px #f0b4291f,0 0 0 1px #f0b42926,inset 0 0 60px #f0b42908;transform:translateY(-4px);background:#1e1e2a}.home-card:hover .card-icon-container{background:#f0b429;color:#0a0a0f;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px #f0b4294d}.home-card:hover h2{color:#f0b429}.home-card:hover p{color:#a0a0b0}.home-card:hover .card-watermark{opacity:1;color:#f0b4290f;transform:rotate(-10deg) scale(1)}.home-card:active{transform:translateY(-2px);box-shadow:0 4px 15px #f0b42914}@media(max-width:960px){.home-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:640px){.home-cards{grid-template-columns:1fr}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#0a0a0f}.login-box{background:#1a1a24;padding:3rem;border-radius:8px;box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;text-align:center;width:100%;max-width:400px;border:1px solid #2a2a35}.login-title{margin-bottom:2rem;color:#f0b429;font-weight:700;font-size:2rem}.login-box h2{margin-bottom:1rem;color:#f1f1f3;font-weight:600}.login-box p{margin-bottom:1.5rem;color:#a0a0b0;line-height:1.6}.login-box input{width:100%;padding:14px;margin-bottom:1rem;border:1px solid #2a2a35;border-radius:6px;box-sizing:border-box;background-color:#13131a;color:#f1f1f3;font-size:1rem;transition:border-color .3s,box-shadow .3s}.login-box input:focus{outline:none;border-color:#f0b429;box-shadow:0 0 0 3px #f0b42926}.login-box button{width:100%;padding:14px;background-color:#f0b429;color:#0a0a0f;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:background-color .2s,transform .2s}.login-box button:hover{background-color:#d99e1e;filter:none}.login-box button:active{transform:translateY(1px)}.login-error{color:#f87171;margin-top:1rem;font-weight:700}.pe-container{display:flex;flex-direction:column;padding:1rem 3rem 3rem;max-width:1400px;margin:0 auto;font-family:Inter,sans-serif;color:#f1f1f3;animation:fadeIn .6s ease-out}.pe-header{text-align:center;margin-bottom:3rem}.pe-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;color:#f0b429;margin-bottom:1rem;letter-spacing:-.02em}.pe-subtitle{font-size:1.1rem;color:#a0a0b0;max-width:800px;margin:0 auto;line-height:1.6}.pe-section{margin-bottom:4rem}.pe-section-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;color:#f0b429;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(240,180,41,.2);display:flex;align-items:center;gap:.75rem}.pe-section-title svg{color:#f0b429;font-size:1.8rem}.pe-section-desc{font-size:1rem;color:#a0a0b0;margin-bottom:2rem;line-height:1.6}.pe-grid-2{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.pe-grid-2{grid-template-columns:repeat(2,1fr)}}.pe-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.pe-card{background:#1a1a24;border:1px solid #2a2a35;border-radius:16px;padding:1.75rem;box-shadow:0 4px 15px #0000004d;transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.pe-card:hover{transform:translateY(-5px);border-color:#f0b429;box-shadow:0 15px 35px #f0b4291a}.pe-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#f0b429,transparent);opacity:0;transition:opacity .4s ease}.pe-card:hover:before{opacity:1}.pe-card-icon{font-size:2rem;color:#f0b429;margin-bottom:1rem;background:#f0b4291a;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .4s ease}.pe-card:hover .pe-card-icon{background:#f0b429;color:#0a0a0f;transform:scale(1.05) rotate(-5deg)}.pe-card-title{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:#f1f1f3;margin-bottom:.75rem}.pe-card-text{font-size:.95rem;color:#a0a0b0;line-height:1.5;flex-grow:1}.pe-card-list{list-style-type:none;padding:0;margin:0}.pe-card-list li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.95rem;color:#a0a0b0}.pe-card-list li:before{content:"•";color:#f0b429;position:absolute;left:0;font-weight:700}.pe-kpi-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.pe-kpi-box{background:linear-gradient(135deg,#1a1a24,#13131a);border:1px solid #2a2a35;color:#f1f1f3;padding:2rem 1.5rem;border-radius:16px;text-align:center;box-shadow:0 10px 25px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.pe-kpi-box:hover{transform:translateY(-5px);box-shadow:0 15px 35px #f0b42926;border-color:#f0b429}.pe-kpi-value{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700;color:#f0b429;margin-bottom:.5rem}.pe-kpi-label{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;letter-spacing:.5px;color:#f1f1f3}.pe-kpi-desc{font-size:.85rem;color:#6b6b7b;line-height:1.4}.pe-footer-quote{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(240,180,41,.2)}.pe-quote-text{font-family:Playfair Display,serif;font-size:1.25rem;font-style:italic;color:#a0a0b0;max-width:900px;margin:0 auto;line-height:1.8}@media(max-width:768px){.pe-container{padding:1rem 1.5rem 2rem}.pe-title{font-size:2.2rem}.pe-section-title{font-size:1.5rem}}.tg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tg-modal{background:#1a1a24;border:1px solid #2a2a35;border-radius:12px;width:95%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:tg-slide-up .3s ease-out}@keyframes tg-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.tg-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #2a2a35}.tg-modal-header h3{margin:0;font-size:.95rem;color:#f1f1f3}.tg-close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#6b6b7b;line-height:1;padding:0}.tg-close-btn:hover{color:#f1f1f3}.tg-modal-actions{display:flex;justify-content:center;gap:10px;padding:12px 16px;border-top:1px solid #2a2a35;background:#13131a;border-radius:0 0 12px 12px}.tg-print-btn{display:flex;align-items:center;gap:6px;padding:8px 22px;background:#f0b429;color:#0a0a0f;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;letter-spacing:.5px;transition:all .2s}.tg-print-btn:hover{background:#d99e1e;transform:translateY(-1px);box-shadow:0 4px 12px #f0b4294d}.tg-cancel-btn{padding:8px 22px;background:transparent;color:#a0a0b0;border:1px solid #2a2a35;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.tg-cancel-btn:hover{background:#ffffff0d;border-color:#3a3a48}.tg-guide{padding:0;font-family:Segoe UI,Arial,sans-serif;color:#1a1a1a;font-size:11px;background:#fff}.tg-brand-header{background:#fff;color:#1a1a1a;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #b8960c}.tg-brand-left{display:flex;align-items:center;gap:6px}.tg-brand-logo{width:24px;height:24px;object-fit:contain}.tg-brand-name{font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1a1a1a}.tg-brand-tagline{font-size:.45rem;letter-spacing:1px;color:#b8960c;text-transform:uppercase;margin-top:0}.tg-brand-right{text-align:right}.tg-carrier-name{font-size:.65rem;font-weight:600;color:#b8960c;letter-spacing:1px}.tg-guide-date{font-size:.5rem;color:#777;margin-top:1px}.tg-order-banner{background:#fff;color:#1a1a1a;text-align:center;padding:3px;font-weight:700;font-size:.7rem;letter-spacing:2px;border-bottom:1px solid #b8960c}.tg-sections{padding:6px 12px;display:flex;flex-direction:column;gap:4px}.tg-section{border:1px solid #ddd;border-radius:3px;overflow:hidden}.tg-section-title{background:#f8f8f8;padding:2px 8px;font-size:.55rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#555;border-bottom:1px solid #ddd}.tg-section-body{padding:4px 8px}.tg-row{display:flex;justify-content:space-between;margin-bottom:1px;font-size:.65rem;line-height:1.25}.tg-row:last-child{margin-bottom:0}.tg-label{font-weight:600;color:#555;flex-shrink:0;margin-right:6px}.tg-value{text-align:right;color:#1a1a1a;word-break:break-word}.tg-value.address{max-width:200px}.tg-items-table{width:100%;border-collapse:collapse;font-size:.6rem}.tg-items-table th{text-align:left;padding:2px 6px;border-bottom:1px solid #b8960c;font-weight:700;color:#333;font-size:.55rem;text-transform:uppercase;letter-spacing:.3px}.tg-items-table td{padding:2px 6px;border-bottom:1px solid #eee;color:#444}.tg-total-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#fff;color:#1a1a1a;font-weight:700;font-size:.65rem;letter-spacing:.5px;border-radius:0 0 3px 3px;border-top:1px solid #b8960c}.tg-barcode-area{text-align:center;padding:6px 12px;border-top:1px dashed #ccc}.tg-barcode-area p{font-size:.5rem;color:#999;margin-bottom:2px;text-transform:uppercase;letter-spacing:1px}.tg-guide-number{font-size:1rem;font-weight:800;letter-spacing:3px;color:#1a1a1a;font-family:Courier New,monospace}.tg-footer{text-align:center;padding:4px;border-top:1px solid #eee;font-size:.45rem;color:#aaa;letter-spacing:1px}.guide-btn{background-color:#f0b4291a;color:#f0b429;padding:8px;border:none;border-radius:4px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.guide-btn:hover{background-color:#f0b42933}.guide-btn:disabled{background-color:#1f1f2a;color:#6b6b7b;cursor:not-allowed}@media print{.tg-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tg-modal{background:#fff;border:none;box-shadow:none;max-width:100%;max-height:none;border-radius:0}.tg-modal-header,.tg-modal-actions{display:none!important}.tg-guide{background:#fff;color:#1a1a1a}}.header-actions{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn{background:none;border:none;font-size:1rem;color:#a0a0b0;cursor:pointer;display:flex;align-items:center;gap:8px}.back-btn:hover{color:#f1f1f3}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.detail-card{background-color:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:25px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000000d;border:1px solid var(--border-color);border-top:1px solid #2a2a35;border-left:1px solid #2a2a35}.detail-card.full-width{grid-column:1 / -1}.detail-card h3{margin-top:0;margin-bottom:20px;color:var(--primary-color);border-bottom:1px solid var(--border-color);padding-bottom:10px}.detail-card p{margin:10px 0;color:var(--text-secondary);line-height:1.5}.detail-card strong{color:var(--text-primary);min-width:120px;display:inline-block}.status-control{display:flex;align-items:center;gap:15px;background:#13131a;padding:20px;border-radius:6px}.form-input{padding:10px;background-color:#1a1a24;border:1px solid #2a2a35;color:var(--text-primary);border-radius:var(--border-radius);font-size:1rem;min-width:200px}.save-btn{background-color:#10b981;color:#fff;padding:10px 20px;font-weight:600;gap:8px}.save-btn:hover{background-color:#059669}.save-btn:disabled{background-color:#10b9814d;cursor:not-allowed}.product-cell{display:flex;align-items:center;font-weight:500}.product-thumb{border-radius:4px;border:1px solid #2a2a35}.loc-search-bar{position:relative;display:flex;align-items:center;background:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:14px;padding:0 1rem;transition:border-color .3s,box-shadow .3s}.loc-search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #d4af371f}.loc-search-icon{color:var(--text-secondary);font-size:1.1rem;flex-shrink:0}.loc-search-input{flex:1;border:none!important;background:transparent!important;padding:.85rem .8rem!important;font-size:.9rem;color:var(--text-primary);outline:none;box-shadow:none!important;border-radius:0!important}.loc-search-clear{background:#0000000f;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);padding:0;transition:all .2s}.loc-search-clear:hover{background:#0000001f;color:var(--text-primary)}.loc-summary{display:flex;gap:1rem}.loc-summary-item{font-size:.82rem;color:var(--text-secondary);font-weight:500}.loc-loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:.9rem}.loc-accordion{display:flex;flex-direction:column;gap:.5rem}.loc-dept-card{background:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:border-color .3s,box-shadow .3s}.loc-dept-card:hover{border-color:#d4af3740}.loc-dept-card.expanded{border-color:#d4af3759;box-shadow:0 4px 20px #d4af3714}.loc-dept-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.loc-dept-header:hover{background:#d4af370a}.loc-dept-left{display:flex;align-items:center;gap:.7rem}.loc-dept-chevron{color:var(--primary-color);display:flex;align-items:center;font-size:1.1rem;transition:transform .2s}.loc-dept-name{font-weight:600;font-size:.92rem;color:var(--text-primary)}.loc-dept-right{display:flex;align-items:center;gap:.6rem}.loc-dept-badge{font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:20px;background:#d4af37;color:#1a1a1a;letter-spacing:.3px}.loc-bulk-btn{width:30px;height:30px;padding:0;border:none;border-radius:8px;background:#d4af37;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-weight:700}.loc-bulk-btn:hover{background:#e6c34a;color:#1a1a1a;box-shadow:0 2px 8px #d4af374d}.loc-bulk-edit{display:flex;align-items:center;gap:.3rem}.loc-bulk-input{width:120px!important;padding:.35rem .5rem!important;font-size:.82rem!important;border:1px solid var(--primary-color)!important;border-radius:8px!important;background:#fff9!important;text-align:right}.loc-cities-panel{border-top:1px solid var(--border-color);animation:loc-slide-down .25s ease-out}@keyframes loc-slide-down{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.loc-cities-loading,.loc-cities-empty{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.85rem}.loc-cities-table{width:100%;border-collapse:collapse;font-size:.85rem}.loc-cities-table thead th{padding:.65rem 1.2rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);background:#00000005;border-bottom:1px solid var(--border-color)}.loc-cities-table tbody tr{transition:background-color .15s}.loc-cities-table tbody tr:hover{background:#d4af3708}.loc-cities-table tbody tr.inactive-row{opacity:.5}.loc-cities-table tbody td{padding:.6rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle}.loc-city-name{font-weight:500;color:var(--text-primary)}.loc-cost-display{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.3rem .6rem;border-radius:8px;transition:background .2s;font-weight:600;color:var(--text-primary)}.loc-cost-display:hover{background:#d4af3714}.loc-edit-icon{opacity:0;color:var(--primary-color);transition:opacity .2s}.loc-cost-display:hover .loc-edit-icon{opacity:1}.loc-inline-edit{display:flex;align-items:center;gap:.3rem}.loc-currency{font-weight:600;color:var(--text-secondary);font-size:.85rem}.loc-cost-input{width:90px!important;padding:.35rem .5rem!important;font-size:.85rem!important;border:1px solid var(--primary-color)!important;border-radius:8px!important;background:#fff9!important;text-align:right}.loc-save-btn,.loc-cancel-btn{width:26px;height:26px;padding:0;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.loc-save-btn{background:#10b9811f;color:#10b981}.loc-save-btn:hover{background:#10b981;color:#fff}.loc-cancel-btn{background:#ef44441a;color:#ef4444}.loc-cancel-btn:hover{background:#ef4444;color:#fff}.loc-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.loc-toggle input{display:none}.loc-toggle-slider{position:relative;width:36px;height:20px;background:#b0b0b0;border-radius:20px;transition:background .3s;flex-shrink:0}.loc-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px #00000026}.loc-toggle input:checked+.loc-toggle-slider{background:#d4af37}.loc-toggle input:checked+.loc-toggle-slider:before{transform:translate(16px)}.loc-toggle-label{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.loc-toggle input:checked~.loc-toggle-label{color:#b8860b}.report-stock-container{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.kpi-card{padding:24px;display:flex;align-items:center;gap:16px;background:#12121299;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:12px;box-shadow:0 8px 32px #0000004d;transition:transform .3s ease}.kpi-icon{width:48px;height:48px;border-radius:12px;background:#f0b4291a;color:#f0b429;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.kpi-info h3{font-size:.85rem;color:#a0a0b0;margin:0 0 4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.report-section{margin-bottom:40px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:1.25rem;color:#f1f1f3;font-weight:600}.glass-panel{background:#1a1a2480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px}.report-page-container{padding:20px;background-color:transparent;min-height:100vh}.glass-panel{background:#12121299;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:12px;box-shadow:0 8px 32px #0000004d}.report-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:flex-start;margin-bottom:24px;padding:16px 20px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px;max-width:220px}.filter-group label{font-size:.85rem;font-weight:500;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.filter-group input{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;font-family:inherit;transition:all .2s}.filter-group input:focus{outline:none;border-color:#d4af37;background:#ffffff14}.filter-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.filter-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.btn-search{padding:11px 24px;background:linear-gradient(135deg,#d4af37,#a88728);color:#000;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-search:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.btn-search:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.kpi-card{padding:24px;display:flex;align-items:center;gap:16px;transition:transform .3s ease}.kpi-card:hover{transform:translateY(-5px)}.kpi-icon{width:48px;height:48px;border-radius:12px;background:#d4af371a;color:#d4af37;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.kpi-info h3{font-size:.85rem;color:#a0a0a0;margin:0 0 4px;font-weight:500}.kpi-value{font-size:1.8rem;font-weight:700;color:#fff;margin:0}.kpi-value.highlight{color:#d4af37}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.chart-span-2{grid-column:span 2}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-span-2{grid-column:span 1}}.chart-card{padding:24px;display:flex;flex-direction:column}.chart-card h3{font-size:1rem;color:#e0e0e0;margin:0 0 20px;font-weight:500;letter-spacing:.5px}.chart-wrapper{height:300px;width:100%;position:relative}.pie-wrapper{height:350px}.custom-tooltip{background:#121212e6;border:1px solid rgba(212,175,55,.3);padding:12px 16px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000080}.tooltip-label{color:#a0a0a0;font-size:.85rem;margin:0 0 4px}.tooltip-value{color:#d4af37;font-size:1.1rem;font-weight:600;margin:0}.no-data-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-style:italic}.report-table-container{padding:24px;overflow-x:auto}.section-title{font-size:1.1rem;color:#fff;margin:0 0 20px;font-weight:500}.dark-theme-table{width:100%;border-collapse:separate;border-spacing:0}.dark-theme-table th{background:#0003;color:#a0a0a0;font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:1px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.dark-theme-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.02);color:#d0d0d0;vertical-align:middle}.dark-theme-table tbody tr:hover td{background:#ffffff05}.fw-500{font-weight:500;color:#fff}.fw-600{font-weight:600}.text-muted{color:#888}.gold-text{color:#d4af37}.item-list-compact{list-style:none;padding:0;margin:0;font-size:.85rem;display:flex;flex-direction:column;gap:4px}.item-list-compact .qty{color:#d4af37;font-weight:600;margin-right:4px}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.2);color:#ff6b6b;padding:12px 16px;border-radius:8px;margin-bottom:24px}.image-clothing-container{display:flex;flex-direction:column;gap:2rem}.studio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.studio-info h1{margin:0;font-size:1.8rem;display:flex;align-items:center;gap:1rem}.studio-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.studio-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.studio-content{grid-template-columns:350px 1fr}}.upload-section{display:flex;flex-direction:column;gap:1.5rem}.dropzone{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:3rem 2rem;text-align:center;transition:all .3s ease;background-color:var(--surface-color);cursor:pointer;position:relative}.dropzone:hover,.dropzone.active{border-color:var(--primary-color);background-color:#d4af370d}.dropzone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.dropzone p{margin:.5rem 0;font-weight:500}.gallery-section{display:flex;flex-direction:column;gap:1rem}.gallery-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.gallery-header h3{margin:0;font-size:1.25rem}.token-list{display:flex;flex-direction:column;gap:1rem;padding-bottom:3rem}.token-card{display:flex;align-items:center;background-color:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 10px #00000008;transition:all .3s ease;cursor:grab}.token-card:active{cursor:grabbing}.token-card:hover{border-color:var(--primary-color);box-shadow:0 4px 15px #d4af3726;transform:translateY(-2px)}.token-drag-handle{color:var(--text-secondary);margin-right:1rem;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s}.token-card:hover .token-drag-handle{color:var(--primary-color);opacity:1}.token-thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.1);margin-right:1.5rem;flex-shrink:0}.token-thumbnail img{width:100%;height:100%;object-fit:cover}.token-info{flex-grow:1;display:flex;align-items:center;gap:2rem}.token-position{display:flex;flex-direction:column;align-items:center;background-color:#d4af371a;padding:.4rem .8rem;border-radius:6px;border:1px solid rgba(212,175,55,.2)}.token-position span:first-child{font-size:.65rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700;letter-spacing:1px}.token-position span:last-child{font-size:1.1rem;font-weight:800;color:var(--primary-color)}.token-details{display:flex;flex-direction:column}.token-name{font-weight:700;font-size:.95rem;color:var(--text-primary)}.token-meta{font-size:.75rem;color:var(--text-secondary);margin-top:.2rem}.token-actions{margin-left:auto}.empty-gallery{padding:4rem 2rem;text-align:center;border:2px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);background:#ffffff4d}.empty-gallery svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.studio-list-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.studio-list-header{flex-direction:row;justify-content:space-between;align-items:center}}.studio-title-group{display:flex;align-items:center;gap:1.2rem}.studio-icon-wrapper{background:linear-gradient(135deg,#d4af3733,#d4af370d);border:1px solid rgba(212,175,55,.3);color:var(--primary-color);width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 15px #d4af371a}.studio-title-group h1{margin:0;border:none;padding:0;font-size:2rem;letter-spacing:-.5px}.studio-search-wrapper{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.2rem;z-index:2}.studio-search-input{width:100%;padding:.8rem 1rem .8rem 3.2rem!important;border-radius:50px!important;background:var(--surface-color)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color)!important;box-shadow:0 4px 15px #00000005!important;transition:all .3s ease!important;font-size:.95rem!important}.studio-search-input:focus{box-shadow:0 4px 20px #d4af3726!important;border-color:var(--primary-color)!important;outline:none}.studio-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.studio-ref-card{background:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:14px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.studio-ref-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:0;transition:opacity .3s ease}.studio-ref-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000000d,0 5px 15px #d4af3714;border-color:#d4af374d}.studio-ref-card:hover:before{opacity:1}.ref-card-content{display:flex;align-items:center;gap:1.5rem}.ref-badge{width:60px;height:60px;background:linear-gradient(135deg,#1e293b,#0f172a);color:var(--primary-color);display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:1.25rem;font-weight:800;letter-spacing:1px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 10px #ffffff0d;flex-shrink:0}.ref-badge.has-images{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 10px #ffffff26,0 0 10px #10b98133}.ref-info h3{font-size:1.3rem;margin:0 0 .3rem;color:var(--text-primary);font-weight:800;letter-spacing:-.5px}.ref-info p{margin:0 0 .6rem;color:var(--text-secondary);font-size:.95rem;font-weight:500}.ref-category{display:inline-block;background:#d4af371a;color:var(--primary-hover-color);padding:.3rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(212,175,55,.2)}.ref-card-actions{display:flex;justify-content:flex-end;border-top:1px solid rgba(0,0,0,.05);padding-top:1rem}.ref-card-actions button{width:100%}.empty-search{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:var(--surface-color);border:2px dashed var(--border-color);border-radius:20px;text-align:center}.empty-icon{font-size:3rem;color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.empty-search p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.pickup-dashboard{padding:20px;background-color:transparent;min-height:100vh}.pickup-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;border-radius:8px}.pickup-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:#a0a0b0}.legend-item:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.legend-item.pending:before{background-color:#f59e0b}.legend-item.ready:before{background-color:#10b981}.legend-item.collected:before{background-color:#6b7280}.pickup-board{display:flex;flex-direction:column;gap:16px}.no-orders-message{text-align:center;padding:40px;background:#1a1a24;border-radius:8px;color:#6b6b7b;font-size:1.125rem;border:1px solid #2a2a35}.pickup-card{display:flex;flex-direction:column;background:#1a1a24;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d;border:1px solid #2a2a35;border-left:6px solid transparent;transition:transform .2s,box-shadow .2s;margin-bottom:16px}.pickup-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006}.pickup-card-pending{border-left-color:#f59e0b}.pickup-card-pending .pickup-card-header{background-color:#f59e0b26}.pickup-card-pending .pickup-card-header h2{color:#fbbf24}.pickup-card-ready{border-left-color:#10b981}.pickup-card-ready .pickup-card-header{background-color:#10b98126}.pickup-card-ready .pickup-card-header h2{color:#34d399}.pickup-card-collected{border-left-color:#6b7280;opacity:.7}.pickup-card-collected .pickup-card-header{background-color:#6b728026}.pickup-card-collected .pickup-card-header h2{color:#9ca3af}.pickup-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2a35;padding:16px 24px}.pickup-card-header h2{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:.5px}.pickup-card-body{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:24px}.pickup-info-column p{margin:0 0 8px;color:#a0a0b0;font-size:.95rem}.pickup-info-column p strong{color:#f1f1f3}.pickup-products-column strong{display:block;margin-bottom:8px;color:#a0a0b0;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.pickup-products-column ul{margin:0;padding-left:20px;color:#a0a0b0;font-size:.95rem}.pickup-products-column li{margin-bottom:4px}.pickup-card-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;border-top:1px solid #2a2a35;padding:16px 24px;background-color:#13131a}@media(max-width:768px){.pickup-card-body{grid-template-columns:1fr;gap:16px}.pickup-filters{flex-direction:column;align-items:flex-start;gap:16px}}.manual-container{padding:2rem;color:#f1f1f3;font-family:Inter,sans-serif}.manual-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;margin-top:2rem}.manual-sidebar{background:#1a1a24;border:1px solid #2a2a35;border-radius:12px;padding:1rem;height:fit-content;position:sticky;top:100px}.manual-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;background:transparent;border:none;border-radius:8px;color:#a0a0b0;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;text-align:left;margin-bottom:.5rem}.manual-nav-item:hover{background:#ffffff0d;color:#f1f1f3}.manual-nav-item.active{background:#f0b4291a;color:#f0b429;font-weight:700;border-left:3px solid #f0b429}.manual-content{background:#1a1a24;border:1px solid #2a2a35;border-radius:16px;padding:2.5rem;min-height:60vh}.section-title{font-size:1.75rem;margin-bottom:1.5rem;color:#f0b429}.subsection-title{font-size:1.25rem;margin:2rem 0 1rem;display:flex;align-items:center;gap:.5rem;color:#f1f1f3;border-bottom:1px solid #2a2a35;padding-bottom:.5rem}.manual-section p{line-height:1.6;color:#a0a0b0;margin-bottom:1.5rem}.callout-info,.callout-warning{display:flex;gap:1rem;padding:1.25rem;border-radius:12px;margin:1.5rem 0;font-size:.9rem;line-height:1.5}.callout-info{background:#3b82f61a;border-left:4px solid #3b82f6;color:#93c5fd}.callout-warning{background:#f59e0b1a;border-left:4px solid #f59e0b;color:#fcd34d}.callout-icon{font-size:1.5rem;flex-shrink:0}.feature-card{background:#13131a;border:1px solid #2a2a35;border-radius:12px;padding:1.5rem;margin:1rem 0}.feature-card h4{margin-top:0;color:#f0b429;margin-bottom:1rem}.feature-card ul{padding-left:1.2rem;margin:0}.feature-card li{margin-bottom:.75rem;color:#f1f1f3}.batch-process{display:block;font-size:.8rem;color:#10b981;font-weight:600;margin-top:.25rem;font-style:italic}.manual-steps{counter-reset:step-counter;list-style:none;padding:0}.manual-steps li{counter-increment:step-counter;display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.manual-steps li:before{content:counter(step-counter);background:#f0b429;color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.75rem;flex-shrink:0;margin-top:2px}.process-flow{display:flex;align-items:center;gap:1rem;justify-content:center;padding:2rem;background:#13131a;border-radius:12px;font-weight:700;color:#f0b429;text-transform:uppercase;font-size:.8rem}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.manual-layout{grid-template-columns:1fr}.manual-sidebar{position:static;display:flex;overflow-x:auto;gap:1rem}.manual-nav-item{width:auto;white-space:nowrap;margin-bottom:0}}