@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.student-profile-wrapper{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem 4rem;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;position:relative;z-index:1}.flip-card-container{perspective:1000px;width:100%;max-width:450px;cursor:pointer;overflow:visible;position:relative}.flip-card{width:100%;position:relative;transform-style:preserve-3d;transition:transform 1.5s ease-in-out;min-height:0;overflow:visible;border-radius:20px}.flip-card.flipped{transform:rotateY(180deg)}.flip-card.is-flip-animating{transition:none}.flip-card.flip-to-back{animation:flipToBack 2.2s cubic-bezier(.2,.8,.2,1) both}.flip-card.flip-to-front{animation:flipToFront 2.2s cubic-bezier(.2,.8,.2,1) both}.flip-card-side{width:100%;backface-visibility:hidden;border-radius:32px;transform-style:preserve-3d;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flip-card-back.flip-card-side{position:absolute;top:0;left:0;right:0;bottom:0;height:100%}.flip-card-front{z-index:2;position:relative;height:auto;min-height:0}.flip-card-back{transform:rotateY(180deg);background:#fff;display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem 1.5rem;border-radius:32px;box-shadow:0 40px 100px -20px #00000080;border:1px solid rgba(30,41,59,.08);box-sizing:border-box}.back-content{width:100%;height:100%;padding:28px 22px;transform:translateZ(70px) scale(.95);display:flex;flex-direction:column;gap:18px;overflow-y:auto}.back-header{text-align:center}.back-title{color:#2d3436;font-weight:900;font-size:1.35rem;letter-spacing:.5px}.back-subtitle{margin-top:8px;color:#64748b;font-weight:700;font-size:.9rem}.back-pills{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}.back-pill{background:#1e293b0f;border:1px solid rgba(30,41,59,.1);border-radius:18px;padding:16px 18px;text-align:center;box-shadow:0 4px 20px #0000000f}.back-pill-value{font-size:1.8rem;font-weight:900;color:#2d3436;line-height:1}.back-pill-label{margin-top:6px;font-size:.95rem;font-weight:800;color:#64748b}.back-section{display:flex;flex-direction:column;gap:10px}.back-section-title{font-family:Share Tech,sans-serif;color:#334155;font-weight:900;letter-spacing:1px;font-size:.88rem;text-transform:uppercase}.back-card{background:#1e293b0f;border:1px solid rgba(30,41,59,.1);border-radius:18px;padding:16px;box-shadow:0 4px 20px #0000000f}.back-card-title{font-family:Share Tech,sans-serif;font-weight:900;color:#2d3436;font-size:1.2rem;margin-bottom:10px}.back-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgba(30,41,59,.1)}.back-card-row:first-of-type{border-top:none}.back-card-key{font-weight:900;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.back-card-val{font-weight:800;font-size:.9rem;color:#2d3436;text-decoration:none;text-align:right}.back-card-val:active{opacity:.8}.student-back-lottie{width:100%;margin-top:12px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;min-height:200px}.student-back-lottie canvas{max-width:100%;object-fit:contain}.contact-form-content{transform:translateZ(70px) scale(.95);width:100%;max-width:450px;text-align:center}.contact-form-content h1{color:#fff;text-align:center;margin-bottom:25px;font-size:1.8rem;font-weight:800;position:relative}.contact-form-content h1:before{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:50px;height:3px;background:#3e3}.contact-form-content form{text-align:left}.contact-form-content label{display:block;margin:15px 0 6px;color:#fff;font-weight:600;font-size:.85rem}.contact-form-content input,.contact-form-content textarea{width:100%;padding:10px 12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease;box-sizing:border-box}.contact-form-content input::placeholder,.contact-form-content textarea::placeholder{color:#fff9;font-size:.85rem}.contact-form-content input:focus,.contact-form-content textarea:focus{outline:none;border-color:#3e3;background:#ffffff26}.contact-form-content textarea{resize:vertical;min-height:80px}.contact-form-content input[type=submit]{display:block;width:100%;margin:20px 0 0;padding:12px 20px;background:#3e3;border:none;border-radius:8px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease}.contact-form-content input[type=submit]:hover{background:#4f4;transform:translateY(-2px);box-shadow:0 6px 16px #3eff3e4d}.student-profile-wrapper{min-height:100vh;width:100vw;max-width:100vw;background:#0f172a;padding:0;margin:0;position:relative;overflow-x:hidden;box-sizing:border-box}.night-bg{background-color:#171717;position:absolute;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden}.falling-stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.falling-stars .star{position:absolute;top:-20vh;left:50%;width:2px;height:2px;background:#fffffff2;border-radius:9999px;box-shadow:0 0 12px #ffffffb3;opacity:.9;will-change:transform,opacity;animation:star-fall 6s linear infinite}.falling-stars .star:after{content:"";position:absolute;top:50%;left:-160px;width:160px;height:1px;background:linear-gradient(90deg,#fff0,#ffffffe6);transform:translateY(-50%);opacity:.9}@keyframes star-fall{0%{transform:translateZ(0) rotate(-35deg);opacity:0}10%{opacity:1}to{transform:translate3d(-260px,120vh,0) rotate(-35deg);opacity:0}}.falling-stars .star:nth-child(1){left:92%;animation-delay:-.5s;animation-duration:6.3s}.falling-stars .star:nth-child(2){left:78%;animation-delay:-2.1s;animation-duration:5.8s}.falling-stars .star:nth-child(3){left:66%;animation-delay:-3.4s;animation-duration:6.8s}.falling-stars .star:nth-child(4){left:54%;animation-delay:-4.9s;animation-duration:5.6s}.falling-stars .star:nth-child(5){left:42%;animation-delay:-1.7s;animation-duration:6.1s}.falling-stars .star:nth-child(6){left:30%;animation-delay:-3s;animation-duration:5.7s}.falling-stars .star:nth-child(7){left:18%;animation-delay:-5.2s;animation-duration:6.6s}.falling-stars .star:nth-child(8){left:86%;animation-delay:-4s;animation-duration:6s}.falling-stars .star:nth-child(9){left:62%;animation-delay:-.9s;animation-duration:5.9s}.falling-stars .star:nth-child(10){left:38%;animation-delay:-2.6s;animation-duration:6.4s}.falling-stars .star:nth-child(11){left:24%;animation-delay:-4.6s;animation-duration:5.5s}.falling-stars .star:nth-child(12){left:72%;animation-delay:-5.8s;animation-duration:6.9s}.profile-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.08) 0%,transparent 50%);z-index:0}.gradient-orb{display:none}.container-sm{width:100%;max-width:450px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box}.profile-card{background:#fff;width:100%;max-width:450px;border-radius:32px;overflow:hidden;box-shadow:0 40px 100px -20px #00000080;position:relative;display:flex;flex-direction:column;min-height:0}.profile-header{height:220px;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;overflow:visible;background:#f8fafc}.photo-wrapper{position:relative;width:100%;height:auto;margin:0;z-index:10;display:flex;justify-content:center;align-items:center}.photo-ring-animation{display:none}.photo-container{position:relative;width:160px;height:160px;margin-bottom:-24px;border-radius:20px;overflow:hidden;background:#fff;z-index:2;border:1px solid #e5e7eb;box-shadow:0 4px 20px #0000000f;flex-shrink:0}.clickable-photo{cursor:pointer;transition:transform .3s ease}.clickable-photo:hover{transform:scale(1.05)}.clickable-photo:active{transform:scale(.98)}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.clickable-photo:hover .photo-overlay{opacity:1}.zoom-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.student-photo{width:100%;height:100%;object-fit:cover;display:block;object-position:center top;background:#f8fafc}.verified-badge,.student-id-display{display:none}.profile-body{background:#fff;padding:36px 30px 24px;position:relative;z-index:1;flex:1;overflow-y:auto;overflow-x:hidden}.student-section-label{font-family:Share Tech,sans-serif;font-size:1rem;font-weight:800;color:#2d3436;text-align:left;margin-bottom:12px;letter-spacing:.5px}.front-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 18px}.front-pill{background:#1e293b0f;border:1px solid rgba(30,41,59,.1);border-radius:16px;padding:14px 10px;text-align:center;box-shadow:0 4px 20px #0000000f}.front-pill-value{font-size:1.4rem;font-weight:900;color:#2d3436;line-height:1}.front-pill-label{margin-top:6px;font-size:.75rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.front-quick-info{margin-top:16px;margin-bottom:18px;background:#1e293b0a;border:1px solid rgba(30,41,59,.08);border-radius:16px;padding:14px 16px}.quick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 6px;border-top:1px solid rgba(30,41,59,.1);flex-wrap:wrap}.quick-row:first-child{border-top:none}.quick-label{font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.quick-value{font-weight:800;color:#2d3436;font-size:.95rem;text-decoration:none;max-width:100%;overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word}.student-name{font-family:Bebas Neue,sans-serif;font-size:2.35rem;font-weight:700;color:#2d3436;margin:0 0 8px;text-align:center;line-height:1.2}.student-institute{margin:0 auto 12px;text-align:center;font-weight:700;font-size:.85rem;color:#94c8f7;background:#94c8f71a;padding:6px 16px;border-radius:100px;display:block;width:fit-content;letter-spacing:1px;text-transform:uppercase}.subtitle-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#1e293b0f;border-radius:10px;font-weight:700;color:#636e72;font-size:.85rem;transition:all .3s ease;border:1px solid rgba(30,41,59,.1)}.subtitle-item:hover{background:#94c8f71f;color:#4f46e5;border-color:#94c8f733}.subtitle-item .icon{font-size:1em}.roll-number-card{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 10px}.roll-number-icon{font-size:1.2rem;opacity:.85}.roll-number-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.roll-number-value{font-size:1.15rem;font-weight:800;color:#2d3436;letter-spacing:.02em}.flip-tap-wrap{width:100%;text-align:center;margin-bottom:12px}.flip-tap-hint{font-size:.7rem;color:#64748b;margin:0;letter-spacing:1px;display:inline-block;width:fit-content}.flip-tap-btn{display:block;width:fit-content;margin-left:auto;margin-right:auto;background:none;border:none;padding:8px 12px;font:inherit;color:inherit;cursor:pointer;border-radius:8px;transition:background .2s,color .2s}.flip-tap-btn:hover{background:#6366f11f;color:#6366f1}@media (max-width: 480px){.student-profile-wrapper{padding:1rem .75rem 4rem}.flip-card-container,.profile-card{max-width:100%}.profile-body{padding-left:20px;padding-right:20px}.photo-container{width:130px;height:130px;margin-bottom:-20px;border-radius:16px}.front-pill-value{font-size:1.2rem}}.subtitle-divider{display:none}.stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 24px 40px;padding-bottom:30px;border-bottom:1px solid #1e293b}.stat-card{background:#1e293b;border:1px solid #334155;border-radius:20px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#334155;transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf633;border-color:#8b5cf6}.stat-icon{font-size:2.5rem;margin-bottom:12px;filter:grayscale(.3)}.stat-value{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-value-small{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:.8rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:1px}.section-title{font-size:1.2rem;font-weight:800;color:#fff;margin:0 24px 20px;display:flex;align-items:center;gap:10px}.title-icon{font-size:1.3em}.info-section{margin-bottom:40px}.info-cards{display:grid;gap:12px;padding:0 24px}.info-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.info-card:active{transform:scale(.98)}.info-card:before{display:none}.card-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 4px 16px #8b5cf64d}.card-content{flex:1;min-width:0}.card-label{font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.card-value{font-size:1.05rem;font-weight:700;color:#e2e8f0;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.phone-link{display:flex;align-items:center;justify-content:space-between;color:#8b5cf6;text-decoration:none;transition:all .3s ease}.phone-link:active{color:#ec4899}.call-icon{font-size:1.2em}.info-card.full-width{grid-column:1 / -1}.address-text{line-height:1.6;color:#cbd5e1}.school-info-section{padding:30px 24px;background:#1e293b;border-top:1px solid #334155}.school-card-compact{background:#0f172a;border:1px solid #334155;border-radius:20px;padding:24px;position:relative}.school-type-tag{position:absolute;top:-12px;left:24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:6px 16px;border-radius:12px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 4px 12px #8b5cf666}.school-main-info h3{font-size:1.3rem;font-weight:900;margin-bottom:10px;color:#fff}.school-code-pill{display:inline-block;padding:6px 14px;background:#1e293b;border:1px solid #334155;border-radius:10px;font-size:.75rem;font-weight:800;color:#94a3b8}.school-contact-grid{margin-top:20px;display:grid;gap:14px}.contact-pill{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#cbd5e1;font-weight:600}.contact-pill .icon{font-size:1.2rem}.profile-footer{padding:24px;text-align:center;background:#fff;border-top:1px solid rgba(30,41,59,.08);flex-shrink:0}.premium-brand-badge{display:inline-flex;align-items:center;gap:16px;padding:10px 20px;background:#1e293b0a;border:1px solid rgba(30,41,59,.08);border-radius:12px}.badge-text{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#64748b}.badge-link{color:inherit;text-decoration:none}.badge-link:hover{text-decoration:underline}.error-container{min-height:100vh;background:#0f172a;display:flex;align-items:center;justify-content:center;padding:24px}.animated-background{display:none}.error-content{background:#1e293b;border:1px solid #334155;border-radius:24px;padding:50px 40px;max-width:450px;width:100%;text-align:center}.error-icon-animated{font-size:5rem;margin-bottom:20px}.error-title{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.error-message{font-size:1.05rem;color:#94a3b8;margin-bottom:24px}.error-details{background:#0f172a;border-radius:16px;padding:20px;color:#64748b}.student-id-badge{display:inline-block;margin-top:12px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border-radius:12px;font-weight:800;font-size:.9rem}.student-id-badge span{font-family:Courier New,monospace;letter-spacing:2px}@media (max-width: 768px){.flip-card-container{padding:5px;min-height:100vh}.flip-card{max-width:100%;min-height:500px;height:88vh;border-radius:15px}.flip-card-side{border-radius:15px}.flip-card-back{padding:15px}.back-content{padding:22px 16px;transform:translateZ(70px) scale(.92)}.contact-form-content{transform:translateZ(70px) scale(.88);max-width:100%;padding:0 10px}.front-pill-value{font-size:1.8rem}.front-pill-label{font-size:.95rem}.back-pill-value{font-size:1.6rem}.contact-form-content h1{font-size:1.5rem;margin-bottom:20px}.contact-form-content h1:before{width:40px;bottom:-10px}.contact-form-content label{font-size:.8rem;margin:12px 0 5px}.contact-form-content input,.contact-form-content textarea{padding:8px 10px;font-size:.85rem}.contact-form-content input::placeholder,.contact-form-content textarea::placeholder{font-size:.8rem}.contact-form-content textarea{min-height:70px}.contact-form-content input[type=submit]{padding:10px 16px;font-size:.85rem;margin-top:15px}.student-profile-wrapper{width:100vw;overflow-x:hidden}.container-sm{max-width:100vw;width:100vw;padding:0;margin:0}.profile-card{width:100vw;border-radius:15px;min-height:500px}.profile-header{width:100vw;padding:40px 15px 120px;margin:0}.photo-wrapper{width:100%;height:220px;margin:0}.student-name,.info-cards{padding:0 20px}.school-info-section{padding:30px 20px}.profile-footer{padding:40px 20px}}@media (max-width: 768px){.student-name{font-size:2.2rem;margin-left:0;margin-right:0;padding:0 20px}.student-subtitle{margin-left:0;margin-right:0;padding:0 20px 30px}.stats-section{grid-template-columns:1fr;margin-left:0;margin-right:0;padding:0 20px 30px}.section-title{margin-left:0;margin-right:0;padding:0 20px}.info-cards{padding:0 20px}.school-info-section{padding:30px 20px}.profile-footer{padding:40px 20px}}@media (max-width: 480px){.student-name{font-size:2rem;padding:0 16px}.student-subtitle,.stats-section{padding:0 16px 30px}.section-title,.info-cards{padding:0 16px}.school-info-section{padding:30px 16px}.profile-footer{padding:40px 16px}.photo-wrapper{width:100%;height:200px;margin:0}.stat-value{font-size:2.2rem}.subtitle-item{font-size:.85rem;padding:8px 16px}}@media (max-width: 600px){.flip-card-container{align-items:stretch;padding:10px}.flip-card{height:auto;min-height:unset}.flip-card-side{transform-style:flat}.back-content,.contact-form-content{transform:none}.profile-card,.front-pill,.front-quick-info,.back-pill,.back-card,.contact-form-content input,.contact-form-content textarea{backdrop-filter:none;-webkit-backdrop-filter:none}.quick-row,.back-card-row{align-items:flex-start}.quick-label,.back-card-key{flex:0 0 auto}.quick-value,.back-card-val{flex:1 1 100%;min-width:0;text-align:left;word-break:break-word;overflow-wrap:anywhere}}@media print{.profile-background{display:none}.profile-header{background:transparent!important;background:none!important}.student-profile-wrapper,.profile-card,.profile-body{background:#fff!important}.student-name{color:#1f2937!important}.stat-card{background:#fff!important;border:2px solid #e5e7eb!important;color:#1f2937!important}.stat-label{color:#6b7280!important}.info-card{background:#fff!important;border:2px solid #e5e7eb!important}.card-value,.section-title{color:#1f2937!important}.subtitle-item{background:#f3f4f6!important;color:#4b5563!important;border-color:#d1d5db!important}.school-info-section{background:#f9fafb!important}.school-card-compact{background:#fff!important}.school-main-info h3{color:#1f2937!important}.contact-pill{color:#4b5563!important}.profile-footer{background:#fff!important;border-top-color:#e5e7eb!important}}.image-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px;animation:fadeInModal .3s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:99998!important;background:#0f172a66!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important}.modal-close{position:absolute;top:20px;right:20px;width:50px;height:50px;z-index:100001!important;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.modal-image{position:relative!important;z-index:100000!important;max-width:90vw!important;max-height:90vh!important;width:auto!important;height:auto!important;margin:auto!important;object-fit:contain!important;border-radius:16px!important;box-shadow:0 30px 100px #000c!important}.modal-content{display:none!important}.admin-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative;overflow:hidden}.login-background{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:-1}.login-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);animation:bgPulse 8s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.6}50%{opacity:1}}.login-container{width:100%;max-width:450px}.login-card{background:#fff;border-radius:0;padding:var(--spacing-2xl);box-shadow:20px 20px 60px #000,-20px -20px 60px #000;border:10px solid #000000}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-icon{font-size:4rem;margin-bottom:var(--spacing-md);animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:2rem;font-weight:800;margin-bottom:var(--spacing-sm)}.login-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:500}.login-form{margin-bottom:var(--spacing-lg)}.btn-full{width:100%}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);animation:slideIn .3s ease-out}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-icon{font-size:1.25rem}.login-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--gray-200)}.footer-hint{font-size:.875rem;color:var(--text-secondary);background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);font-family:Courier New,monospace}@media (max-width: 480px){.login-card{padding:var(--spacing-xl)}.login-title{font-size:1.75rem}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl)}.loading-content{text-align:center}.spinner-large{display:inline-block;width:3.5rem;height:3.5rem;border:4px solid rgba(102,126,234,.1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-lg)}.loading-message{font-size:1.125rem;font-weight:500;color:var(--text-secondary);animation:pulse 2s ease-in-out infinite}.school-modal{width:100%;height:100%}.modal-content-premium{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden}.modal-body-premium{padding:10px 40px 40px;overflow-y:auto;flex:1;max-width:700px;width:100%;margin:0 auto}.premium-input-group{margin-bottom:24px}.premium-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:8px;display:block}.premium-input{width:100%;background:#fcfcfc;border:2px solid #eeeeee;padding:16px;font-weight:600;font-size:1rem;transition:all .2s ease;border-radius:8px}.premium-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.modal-actions-premium{padding:32px 40px;border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;gap:16px;max-width:700px;width:100%;margin:0 auto}.modal-btn-primary{background:#000;color:#fff;border:none;padding:16px 40px;font-weight:800;text-transform:uppercase;font-size:.9rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.modal-btn-secondary{background:#fff;color:#888;border:2px solid #eeeeee;padding:16px 32px;font-weight:800;text-transform:uppercase;font-size:.9rem;border-radius:8px;cursor:pointer}@media (max-width: 600px){.premium-form-grid{grid-template-columns:1fr}}.panel-switcher-wrapper{position:relative}.panel-switcher-trigger{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eeeeee;padding:6px 16px 6px 6px;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 10px #0000000d}.panel-switcher-trigger:hover{border-color:#000;box-shadow:0 4px 15px #0000001a}.panel-switcher-trigger.active{border-color:#000;background:#f8f8f8}.trigger-icon{width:36px;height:36px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid #eeeeee}.trigger-info{display:flex;align-items:center;gap:8px}.trigger-name{font-size:.95rem;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px}.trigger-arrow{font-size:.7rem;opacity:.5;transition:transform .3s ease}.panel-switcher-trigger.active .trigger-arrow{transform:rotate(180deg)}.panel-switcher-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#fff;border:1px solid #eeeeee;border-radius:16px;box-shadow:0 20px 50px #00000026;z-index:1000;overflow:hidden;animation:dropdownPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownPop{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-header{padding:16px 20px;border-bottom:1px solid #f0f0f0}.dropdown-header p{margin:0;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#999}.dropdown-items{padding:8px}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover:not(.current){background:#f5f5f5}.dropdown-item.current{background:#f8f8f8;cursor:default}.item-icon{width:40px;height:40px;background:#fff;border:1px solid #eeeeee;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.item-content{flex:1;display:flex;flex-direction:column}.item-name{font-size:.95rem;font-weight:700;color:#000}.item-subtitle{font-size:.75rem;color:#888}.active-dot{color:#000;font-size:.8rem}.dropdown-footer{padding:8px;background:#fafafa;border-top:1px solid #f0f0f0}.logout-action{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #eeeeee;background:#fff;border-radius:10px;font-size:.85rem;font-weight:700;color:#ff3b3b;cursor:pointer;transition:all .2s ease}.logout-action:hover{background:snow;border-color:#ff3b3b}@media (max-width: 768px){.trigger-info{display:none}.panel-switcher-trigger{padding:6px}.panel-switcher-dropdown{right:-10px;width:260px}}.admin-dashboard{min-height:100vh;background:#fff;padding-bottom:var(--spacing-2xl)}.dashboard-header{background:#fff;border-bottom:2px solid #eeeeee;color:#000;padding:var(--spacing-2xl) 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.header-left{display:flex;flex-direction:column}.btn-logout{background:transparent!important;color:#000!important;border:2px solid #000000!important;border-radius:4px!important;padding:10px 24px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;font-size:.8rem!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.btn-logout:hover{background:#000!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-title{font-size:2.25rem;font-weight:900;margin-bottom:4px;color:#000!important;-webkit-text-fill-color:#000000!important;background:none!important;text-transform:uppercase;letter-spacing:-.02em;line-height:1}.dashboard-subtitle{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;opacity:.8;color:#666!important}.stats-section{margin-top:-1.5rem;margin-bottom:var(--spacing-xl)}.stats-section .container{padding:0;display:flex;justify-content:center;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,250px));gap:var(--spacing-md)}.stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#000;padding:6px;background:#f8f8f8;border:1.5px solid #000000}.stat-icon svg{width:20px;height:20px}.stat-primary .stat-icon,.stat-info .stat-icon{background:#fff}.stat-value{font-size:1.75rem;font-weight:900;color:#000!important;line-height:1;margin:4px 0;display:block!important;visibility:visible!important;opacity:1!important}.stat-label{font-size:.65rem;color:var(--text-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.students-section{margin-top:var(--spacing-2xl)}.section-header{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;margin-bottom:var(--spacing-xl);width:100%!important}.search-box{flex:1!important;min-width:0!important;position:relative;display:flex;align-items:center}.section-actions{flex-shrink:0!important}.section-actions .btn-primary{white-space:nowrap!important;padding:.75rem 1.5rem;border:2px solid #000000;border-radius:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.section-actions .btn-primary:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.school-menu-container{position:relative}.btn-manage-school{display:flex;align-items:center;gap:12px;padding:12px 24px;font-size:1rem;font-weight:600}.dropdown-arrow{font-size:.75rem;transition:transform .3s ease;display:inline-block}.dropdown-arrow.open{transform:rotate(180deg)}.school-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:320px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;z-index:100;overflow:hidden;animation:dropdownSlide .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--gray-200)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:16px 20px;background:#fff;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:16px;transition:all var(--transition-base);border-bottom:1px solid var(--gray-100)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--gray-50);transform:translate(4px)}.dropdown-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.dropdown-content{flex:1}.dropdown-title{font-weight:700;font-size:1.05rem;color:var(--text-primary);margin-bottom:4px}.dropdown-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.filters-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;font-size:1.25rem;pointer-events:none}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--bg-primary);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:#000;box-shadow:4px 4px #000}.filter-select{padding:.875rem 1rem;font-size:1rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-base)}.filter-select:focus{outline:none;border-color:var(--primary)}.schools-grid-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);animation:fadeIn .5s ease-out}.school-card-dashboard{background:#fff;border:1px solid #eeeeee;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;box-shadow:0 4px 20px #0000000d;min-height:auto;border-radius:12px}.school-card-dashboard:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f;border-color:#000}.school-card-dashboard.inactive{opacity:.7;filter:grayscale(1);border-style:dashed}.school-name-text{font-size:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:#000;line-height:1.1;margin-bottom:4px}.school-stats-row{display:flex;gap:var(--spacing-lg);margin-bottom:4px}.mini-stat{display:flex;flex-direction:column}.mini-stat-value{font-weight:900;font-size:1.5rem;color:#000;line-height:1}.mini-stat-label{font-size:.65rem;color:#666;text-transform:uppercase;font-weight:800;letter-spacing:.05em;margin-top:4px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:8px;border-top:2px solid #000000;color:#000;transition:all .3s ease}.school-card-dashboard:hover .card-footer{background:#000;color:#fff;padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px}.manage-link{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.mini-stat-value{font-size:1.25rem;font-weight:800;color:var(--primary)}.mini-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.school-card-actions{display:none}.card-click-hint{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--gray-100);color:var(--primary);font-size:.85rem;font-weight:600;text-align:right;opacity:.7;transition:all var(--transition-base)}.school-card-dashboard:hover .card-click-hint{opacity:1;transform:translate(4px)}.empty-state{text-align:center;padding:var(--spacing-2xl);grid-column:1 / -1}.empty-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary)}@media (max-width: 768px){.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.8rem}.schools-grid-dashboard{grid-template-columns:1fr;gap:16px}.stats-section .container{padding:0 var(--spacing-md)}.stats-grid{grid-template-columns:1fr 1fr;justify-content:stretch}.section-header{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:20px}.search-input{padding:.6rem .5rem .6rem 2.2rem!important;font-size:.8rem!important;border-width:2px!important}.section-actions .btn-primary{padding:.6rem .75rem!important;font-size:.7rem!important;border-width:2px!important;letter-spacing:0px!important}.section-actions .btn-primary svg{width:14px!important;height:14px!important;margin-right:4px!important}.stat-card{min-height:90px;padding:12px;border-width:2px;box-shadow:2px 2px #000}.stat-value{font-size:1.25rem}.stat-label{font-size:.6rem}.stat-icon{margin-bottom:4px;padding:4px}.stat-icon svg{width:16px;height:16px}}.dashboard-tabs-section{margin-bottom:var(--spacing-lg)}.dashboard-tabs-section .container{padding:0}.dashboard-tabs{display:flex;gap:0;border-bottom:2px solid #eeeeee}.tab-btn{padding:12px 24px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;color:#666;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#000}.tab-btn.active{color:#000;border-bottom-color:#000}.artists-section .section-header{margin-bottom:var(--spacing-lg)}.artist-card-dashboard .card-footer{display:flex;align-items:center;justify-content:flex-end}.btn-edit-badges{padding:8px 16px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#000;color:#fff;border:2px solid #000;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-edit-badges:hover{background:#333;transform:translateY(-1px)}.badge-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.badge-modal-content{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;border:2px solid #ddd;position:relative;z-index:1}.badge-modal-title{margin:0 0 8px;font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#111}.badge-modal-hint{margin:0 0 20px;font-size:.85rem;color:#444;line-height:1.4}.badge-form-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.badge-form-row{display:grid;grid-template-columns:1fr 80px;align-items:center;gap:12px}.badge-form-row label{font-size:.9rem;font-weight:600;color:#222}.badge-form-row input{padding:8px 12px;font-size:1rem;border:2px solid #ccc;border-radius:8px;background:#fff;color:#111}.badge-form-row input:focus{outline:none;border-color:#000}.badge-modal-actions{display:flex;justify-content:flex-end;gap:12px}.badge-modal-btn{padding:10px 20px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;cursor:pointer}.badge-modal-btn-cancel{background:#fff;color:#000;border:2px solid #000}.badge-modal-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.badge-modal-btn-save{background:#000;color:#fff;border:2px solid #000}.badge-modal-btn-save:disabled{opacity:.6;cursor:not-allowed}.school-management{min-height:100vh;background:var(--bg-secondary)}.page-header{background:#000;color:#fff;padding:var(--spacing-xl) 0;border-bottom:4px solid #333333}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.back-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.back-button:hover{background:#ffffff4d}.page-header h1{font-size:2.5rem;margin-bottom:8px}.page-subtitle{opacity:.9;font-size:1.1rem}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.search-container{position:relative;flex:1;max-width:400px}.schools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.school-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all var(--transition-base);border:2px solid transparent}.school-card:hover{box-shadow:0 8px 24px #667eea33;transform:translateY(-4px);border-color:var(--primary-color)}.school-card.inactive{opacity:.7}.school-header{padding:var(--spacing-md);background:linear-gradient(135deg,#f8f9ff,#f0f4ff);display:flex;justify-content:space-between;align-items:center}.school-code-badge{background:#000;color:#fff;padding:8px 20px;font-weight:700;font-size:1.1rem;letter-spacing:1px;border:1px solid #333333}.status-badge{padding:6px 14px;border-radius:12px;font-size:.85rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fee2e2;color:#991b1b}.school-body{padding:var(--spacing-lg)}.school-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.school-detail{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--text-secondary);font-size:.95rem}.detail-icon{font-size:1.1rem}.school-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md)}.stat{text-align:center}.stat-value{font-size:2rem;font-weight:800;color:var(--primary-color);line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.id-format-info{padding:var(--spacing-md);background:#fff7ed;border-left:4px solid #f59e0b;border-radius:var(--radius-md);font-size:.9rem;margin-top:var(--spacing-md)}.id-format-info strong{color:var(--text-primary)}.school-footer{padding:var(--spacing-md);background:var(--gray-50);display:flex;justify-content:space-around;gap:8px;border-top:1px solid var(--gray-200)}.empty-state{text-align:center;padding:var(--spacing-xl) * 2;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:5rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.page-header h1{font-size:2rem}.schools-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch}.search-container{max-width:none}}.school-default-section{margin-top:32px;padding:24px;background:#fcfcfc;border:2px solid #f0f0f0;border-radius:16px}.section-divider-label{display:block;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#bbb;margin-bottom:20px}.school-info-compact{display:flex;flex-wrap:wrap;gap:12px}.info-pill{background:#fff;border:1px solid #eeeeee;padding:10px 16px;border-radius:12px;display:flex;align-items:center;gap:8px;font-size:.9rem}.info-pill.full-row{width:100%}.pill-label{font-weight:800;color:#888;font-size:.8rem}.pill-value{color:#000;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffffa;display:flex;align-items:center;justify-content:center;z-index:10000;animation:modal-fade-in .3s ease}.modal-content-premium{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header-premium{background:#fff;padding:16px 60px;display:flex;justify-content:space-between;align-items:center;color:#000;border-bottom:1px solid #eeeeee}.free-close-btn{background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.free-close-btn:hover{background:#f5f5f5;color:#000}.modal-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin:0}.modal-body-premium{padding:10px 40px 40px;overflow-y:auto;flex:1;max-width:800px;width:100%;margin:0 auto}.premium-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}.full-width{grid-column:1 / -1}.premium-input-group{margin-bottom:24px;display:flex;flex-direction:column}.premium-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:8px}.premium-input{background:#fff;border:2px solid #eeeeee;padding:14px 20px;font-size:1rem;font-weight:700;border-radius:12px;transition:all .2s ease;width:100%}.premium-input:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 4px 12px #0000000d}.photo-upload-top-section{display:flex;justify-content:center;margin-bottom:20px;width:100%}.centered-photo-group{display:flex;flex-direction:column;align-items:center;position:relative}.photo-upload-zone{cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;border-radius:12px}.photo-upload-zone:hover{transform:scale(1.02)}.photo-preview-container{position:relative;width:180px;height:180px;border:4px solid #000000;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #0000001a}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;display:flex;align-items:center;justify-content:center;transition:all .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.photo-upload-zone:hover .photo-overlay{opacity:1}.photo-overlay-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.photo-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:180px;height:180px;background:#fafafa;border:3px dashed #dddddd;border-radius:12px;transition:all .2s ease;color:#888}.photo-upload-placeholder:hover{border-color:#000;background:#fff;color:#000}.placeholder-icon-circle{width:56px;height:56px;background:#f0f0f0;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.photo-upload-placeholder:hover .placeholder-icon-circle{background:#000;color:#fff}.photo-upload-placeholder span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.photo-preview-box{width:100%;height:100%;object-fit:cover}.remove-photo-btn{position:absolute;top:12px;right:12px;background:#000;color:#fff;border:2px solid #ffffff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.remove-photo-btn:hover{background:red;transform:scale(1.1);box-shadow:0 4px 12px #ff00004d}.alert-premium{background:#fff0f0;border:2px solid #ff0000;padding:16px 24px;border-radius:12px;color:red;display:flex;align-items:center;gap:12px;margin-bottom:32px;font-weight:700}.modal-actions-premium{padding:32px 60px;background:#fff;border-top:1px solid #eeeeee;display:flex;justify-content:flex-end;gap:16px}.modal-btn-primary{background:#000;color:#fff;border:none;padding:16px 48px;font-weight:800;text-transform:uppercase;border-radius:12px;cursor:pointer;transition:all .2s ease}.modal-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.modal-btn-secondary{background:#fff;color:#888;border:2px solid #eeeeee;padding:16px 32px;font-weight:800;text-transform:uppercase;border-radius:12px;cursor:pointer;transition:all .2s ease}.hidden-file-input{display:none}.upload-modal-premium{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden}.modal-header-premium{background:#fff;padding:32px 40px;display:flex;justify-content:center;align-items:center;color:#000;border-bottom:2px solid #f0f0f0}.modal-title{font-size:1.75rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin:0}.modal-body-premium{padding:60px 40px;overflow-y:auto;flex:1;max-width:900px;width:100%;margin:0 auto}.template-section{margin-bottom:48px}.section-label{font-size:.9rem;font-weight:800;text-transform:uppercase;color:#888;margin-bottom:24px;display:block}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.template-btn{background:#fff;border:2px solid #eeeeee;padding:24px;border-radius:12px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;text-align:left}.template-btn:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 8px 24px #0000000d}.upload-zone-premium{background:#fafafa;border:3px dashed #dddddd;border-radius:20px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:40px}.upload-zone-premium:hover,.upload-zone-premium.drag-active{border-color:#000;background:#fff;box-shadow:0 12px 30px #00000014}.upload-icon-large{color:#000;margin-bottom:20px;display:block}.upload-text-main{font-size:1.25rem;font-weight:800;display:block;margin-bottom:8px}.upload-text-sub{color:#888;font-size:.95rem}.modal-actions-premium{padding:32px 40px;border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;gap:16px;max-width:900px;width:100%;margin:0 auto}.modal-btn-primary{background:#000;color:#fff;border:none;padding:18px 48px;font-weight:800;text-transform:uppercase;border-radius:12px;cursor:pointer;transition:all .2s ease}.modal-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.modal-btn-secondary{background:#fff;color:#888;border:2px solid #eeeeee;padding:18px 32px;font-weight:800;text-transform:uppercase;border-radius:12px;cursor:pointer}.modal-btn-secondary:hover{background:#f5f5f5;color:#000;border-color:#000}.school-details-page{background:#fff;min-height:100vh}.page-header{background:#000;padding:24px 0 32px;border-bottom:4px solid #333333;color:#fff}.back-link{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff;padding:6px 16px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin-bottom:24px;display:inline-block;transition:all .2s ease}.back-link:hover{background:#fff;color:#000;border-color:#fff}.school-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.school-header-content{width:100%}.school-title-section h1{font-size:2.25rem;font-weight:900;color:#fff;margin:0;text-transform:uppercase;letter-spacing:-.01em;line-height:1.1}.phone-info-row{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px}.info-main{display:flex;align-items:center;gap:10px}.edit-school-action-minimal{background:transparent;border:none;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;margin-left:20px}.edit-school-action-minimal:hover{color:#fff;transform:scale(1.1)}.edit-school-action{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.edit-school-action:hover{background:#fff;color:#000;border-color:#fff}.school-info-grid{display:flex;flex-direction:column;gap:6px;margin-top:12px}.info-item{display:flex;align-items:center;gap:10px;color:#fff9;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.info-item svg{opacity:.8}.actions-bar{background:#fff;padding:16px 0;position:sticky;top:0;z-index:10;border-bottom:2px solid #000000}.actions-bar .container{display:flex;justify-content:flex-start}.action-buttons{display:flex;gap:12px;width:100%}.btn-action-primary,.btn-action-secondary{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:3px solid #000000;flex:1;max-width:200px}.btn-action-primary{background:#000;color:#fff}.btn-action-primary:hover{background:#fff;color:#000;transform:translate(-3px,-3px);box-shadow:6px 6px #000}.btn-action-secondary{background:#fff;color:#000}.btn-action-secondary:hover{background:#000;color:#fff;transform:translate(-3px,-3px);box-shadow:6px 6px #000}.students-grid-section{margin-top:var(--spacing-2xl)}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.section-title-row h2{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}.student-count-badge{background:#f0f0f0;padding:4px 12px;font-weight:800;font-size:.8rem;text-transform:uppercase}.students-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.student-card-premium{background:#fff;border:3px solid #000000;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;min-height:160px;box-shadow:4px 4px #000}.student-card-premium:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #000}.student-id-mini{font-family:monospace;font-size:.7rem;background:#000;color:#fff;display:inline-block;padding:2px 6px;margin-bottom:8px;font-weight:800}.student-name-premium{font-size:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px;line-height:1.1}.student-meta-compact{display:flex;align-items:center;gap:12px;margin-top:4px}.meta-item{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#000;display:flex;align-items:center;gap:6px}.meta-item strong{color:#888;font-weight:700}.highlight-value{background:#f0f0f0;color:#000;padding:2px 8px;border-radius:0;border-left:3px solid #000000}.meta-separator{color:#eee;font-weight:100}.student-card-actions{margin-top:16px;padding-top:12px;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.action-link{background:none;border:none;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:0;color:#000;transition:transform .2s ease}.action-link:hover{transform:translate(4px)}.btn-group-mini{display:flex;gap:8px}.mini-icon-btn{background:#fff;border:2px solid #000000;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);color:#000;padding:0}.mini-icon-btn:hover{background:#000;color:#fff;transform:scale(1.05) translate(-2px,-2px);box-shadow:4px 4px #000}.mini-icon-btn.danger{color:#000}.mini-icon-btn.danger:hover{background:red;color:#fff;border-color:red;box-shadow:4px 4px #000}.empty-students{text-align:center;padding:60px;border:3px dashed #000000}.empty-icon{font-size:3rem;margin-bottom:16px;filter:grayscale(1)}@media (max-width: 600px){.actions-bar .container{flex-direction:column;gap:16px;align-items:flex-start}.action-buttons{width:100%}.action-buttons button{flex:1;padding:10px 12px!important;font-size:.75rem!important}.students-grid-premium{grid-template-columns:1fr}}.artist-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.artist-login-card{background:#fffffff2;border-radius:30px;padding:3rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.artist-login-header{text-align:center;margin-bottom:2.5rem}.artist-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.artist-login-header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.artist-login-header p{color:#4a5568;font-size:1.1rem;margin:0}.social-login-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#4a5568;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.google-login-btn:hover{background:#f8fafc;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.google-login-btn svg{flex-shrink:0}.divider{display:flex;align-items:center;text-align:center;color:#718096;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span{padding:0 1rem}.artist-login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:12px;border-left:4px solid #dc2626;font-size:.95rem;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#4a5568;font-size:1rem;font-weight:600}.form-group input{padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.artist-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.2rem;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #667eea66;transition:all .3s ease;margin-top:1rem}.artist-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea80}.artist-login-btn:active{transform:translateY(0)}.artist-login-footer{text-align:center;padding-top:1.5rem;border-top:2px solid #e2e8f0;margin-top:1rem}.artist-login-footer p{color:#718096;font-size:.9rem;margin:.25rem 0}.artist-login-footer strong{color:#4a5568}.switch-panel{margin-top:1.5rem}.switch-btn{background:#667eea1a;color:#667eea;border:2px solid #667eea;padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.switch-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.artist-login-container{padding:1rem}.artist-login-card{padding:2rem}.artist-login-header h1{font-size:2rem}.artist-icon{font-size:4rem}}:root{--dash-bg: #f8fafc;--dash-card: #ffffff;--dash-primary: #6366f1;--dash-secondary: #ec4899;--dash-text: #0f172a;--dash-muted: #64748b}.artist-dashboard{min-height:100vh;background:var(--dash-bg);padding-bottom:4rem;font-family:Outfit,sans-serif}.dashboard-header{background:#fff;padding:3rem 0;box-shadow:0 4px 20px #00000008;border-bottom:1px solid rgba(0,0,0,.05)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem}.dashboard-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--dash-text),var(--dash-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;margin:0}.dashboard-subtitle{font-size:.9rem;font-weight:600;color:var(--dash-muted);text-transform:uppercase;letter-spacing:2px}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #eeeeee;padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);min-height:120px;box-shadow:0 4px 20px #0000000d;border-radius:12px}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a;border-color:#000}.stat-icon{font-size:2rem;width:60px;height:60px;background:#f8f8f8;border:1px solid #eeeeee;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info h3{color:#666;font-size:.7rem;font-weight:800;margin:.5rem 0 .25rem;text-transform:uppercase;letter-spacing:1px}.stat-number{color:#000;font-size:1.75rem;font-weight:900;margin:0}.actions-bar{margin-bottom:2rem}.add-btn{background:#000;color:#fff;border:2px solid #000000;padding:.8rem 1.75rem;border-radius:8px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.16,1,.3,1)}.add-btn:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.artist-card{background:#fff;border:1px solid #eeeeee;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.16,1,.3,1)}.artist-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000001a;border-color:#000}.artist-photo{width:100%;height:250px;overflow:hidden;background:#f8f8f8;border-bottom:1px solid #eeeeee}.artist-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.artist-card:hover .artist-photo img{transform:scale(1.1)}.artist-info{padding:1.5rem}.artist-info h3{color:#000;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.artist-code{color:#666;font-size:.9rem;font-weight:800;text-transform:uppercase;margin:0 0 .5rem}.artist-specialization{color:#000;font-size:1rem;font-weight:800;text-transform:uppercase;margin:0 0 1rem}.artist-bio{color:#4a5568;font-size:.95rem;line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.artist-stats{color:#718096;font-size:.9rem;margin-bottom:1rem;padding:.75rem;background:#667eea1a;border-radius:8px}.artist-actions{display:flex;gap:.75rem}.edit-btn,.delete-btn{flex:1;padding:.75rem;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn{background:#fff;color:#000;border:1px solid #eeeeee}.edit-btn:hover{background:#f8f8f8;border-color:#000;transform:translateY(-2px)}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 5px 15px #ef444466}.artist-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:20px;animation:fadeIn .2s ease;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.artist-modal-content{background:#fff;border-radius:12px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 60px #00000080;position:relative;border:1px solid #eeeeee;margin:auto}.artist-modal-content h2{color:#000;font-size:1.75rem;font-weight:900;margin:0 0 30px;text-transform:uppercase;letter-spacing:-.02em}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;color:#000;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #eeeeee;border-radius:8px;font-size:.95rem;transition:all .2s ease;box-sizing:border-box;background:#f9f9f9}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 0 0 4px #0000000d}.form-group textarea{resize:vertical;min-height:100px}.field-hint{font-size:.8rem;color:var(--dash-muted);margin:0 0 10px}.gallery-admin-section .gallery-admin-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.gallery-admin-item{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid #eee;background:#f5f5f5}.gallery-admin-item img{width:100%;height:100%;object-fit:cover}.gallery-admin-item-name{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;font-size:.65rem;background:#000000b3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-admin-item.pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.gallery-admin-pending{font-size:.7rem;font-weight:700;color:var(--dash-primary)}.gallery-admin-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:50%;background:#000000b3;color:#fff;font-size:1rem;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.gallery-admin-remove:hover{background:#c00}.gallery-admin-add{display:flex;flex-direction:column;gap:8px}.gallery-admin-name-input{width:100%;padding:8px 12px;border:1px solid #eee;border-radius:8px;font-size:.9rem}.gallery-admin-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.gallery-admin-file-label{padding:8px 14px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;cursor:pointer;background:#fafafa}.gallery-admin-file-label:hover{background:#f0f0f0}.gallery-admin-add-btn{padding:8px 14px;border:1px solid var(--dash-primary);background:#fff;color:var(--dash-primary);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.gallery-admin-add-btn:hover:not(:disabled){background:var(--dash-primary);color:#fff}.gallery-admin-add-btn:disabled{opacity:.5;cursor:not-allowed}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.submit-btn,.cancel-btn{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn{background:#000;color:#fff;border:2px solid #000000}.submit-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}.cancel-btn{background:#fff;color:#666;border:1px solid #eeeeee}.cancel-btn:hover{background:#f8f8f8;border-color:#000;color:#000}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#000;background:#fff}@media (max-width: 768px){.header-content h1{font-size:1.5rem}.dashboard-container{padding:1rem}.artists-grid,.form-row{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.secondary-btn{background:#fff!important;color:#000!important;border:2px solid #eeeeee!important;margin-left:1rem}.secondary-btn:hover{border-color:#000!important}.artist-card.uninitialized{border:2px dashed #cccccc;opacity:.8}.artist-card.uninitialized:hover{border-style:solid;border-color:#000;opacity:1}.setup-badge{position:absolute;top:1rem;right:1rem;background:#fbbf24;color:#92400e;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;box-shadow:0 4px 10px #0000001a;z-index:10}.artist-url-copy{margin-top:1rem;margin-bottom:1rem}.copy-url-btn{width:100%;padding:.75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.copy-url-btn:hover{background:#e2e8f0;color:#1e293b;border-color:#1e293b}.artist-photo{position:relative}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #f59e0b;--background: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-main: "Outfit", sans-serif}.artist-profile{min-height:100vh;background:var(--background);color:var(--text-main);font-family:var(--font-main);padding-bottom:4rem;position:relative;overflow-x:hidden}.artist-profile:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(236,72,153,.1) 0%,transparent 50%);z-index:-2}.setup-page{padding:2rem;overflow-y:auto}.setup-container{width:100%;max-width:1100px;margin:0 auto}.setup-header-text{text-align:center;margin-bottom:3rem}.setup-header-text h1{font-size:3rem;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.setup-header-text p{color:#94a3b8;font-size:1.1rem;max-width:600px;margin:0 auto}.setup-form-only{display:flex;justify-content:center;width:100%}.form-side{max-width:800px;width:100%}.preview-side{position:sticky;top:2rem}.preview-label{font-size:.75rem;font-weight:800;color:#4facfe;letter-spacing:2px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.preview-label:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(79,172,254,.3),transparent)}.preview-card{transform:scale(.95);transform-origin:top center;pointer-events:none;box-shadow:0 30px 60px -15px #0009}.preview-placeholder-lines{display:flex;flex-direction:column;gap:8px;margin-top:20px}.preview-placeholder-lines .line{height:8px;background:#f1f2f6;border-radius:4px;width:100%}.preview-placeholder-lines .line.short{width:60%}.preview-tabs{border-top:1px solid #f1f2f6}.tab-dummy{flex:1;padding:15px 0;font-size:.7rem;font-weight:700;color:#ced6e0;text-align:center}.tab-dummy.active{color:#2d3436;border-bottom:3px solid #00f2fe}.form-side{background:#1e293b66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:40px;padding:3.5rem;box-shadow:0 50px 100px -20px #00000080,inset 0 0 0 1px #ffffff0d;position:relative;overflow:hidden}.form-side:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(99,102,241,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.premium-setup-form{display:flex;flex-direction:column;gap:3.5rem;position:relative;z-index:1}.form-step{position:relative;padding-left:4.5rem}.form-step:before{content:"";position:absolute;left:1.25rem;top:3.5rem;bottom:-2.5rem;width:2px;background:linear-gradient(to bottom,rgba(148,200,247,.3),transparent)}.form-step:last-child:before{display:none}.step-number{position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#94c8f7,#7aaad3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0f172a;font-size:1rem;box-shadow:0 10px 20px #94c8f74d;border:2px solid rgba(255,255,255,.2)}.form-step h4{font-size:1.5rem;font-weight:800;margin-bottom:2rem;color:#fff;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.setup-input-group{margin-bottom:2.5rem;background:transparent!important}.setup-input-group label{display:block;font-size:.85rem;font-weight:700;color:#94c8f7;margin-bottom:12px;margin-left:2px;text-transform:uppercase;letter-spacing:1.5px;opacity:.8}.premium-setup-form input,.premium-setup-form textarea{width:100%;background:#0f172a66!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important;padding:1.25rem 1.5rem!important;color:#f8fafc!important;font-size:1rem;font-family:inherit;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px -5px #0000004d,inset 0 1px 1px #ffffff05}.premium-setup-form input:focus,.premium-setup-form textarea:focus{outline:none!important;border-color:#94c8f7!important;background:#0f172a99!important;box-shadow:0 0 0 4px #94c8f71a,0 20px 40px -10px #0006!important;transform:translateY(-2px)}.premium-setup-form input::placeholder,.premium-setup-form textarea::placeholder{color:#475569;opacity:.6}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.premium-submit-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#94c8f7,#7aaad3);color:#0f172a;border:none;border-radius:16px;font-size:1.1rem;font-weight:800;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.premium-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #94c8f733}.premium-submit-btn:disabled{opacity:.5;cursor:not-allowed}.btn-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:skew(-25deg);animation:btnShine 3s infinite}.upload-indicator{font-size:.75rem;color:#94c8f7;margin-top:8px;font-weight:600;display:flex;align-items:center;gap:8px}.file-count-label{font-size:.75rem;color:#94a3b8;margin-top:8px;font-style:italic}@keyframes btnShine{0%{left:-100%}20%{left:150%}to{left:150%}}@media (max-width: 1024px){.setup-split-layout{grid-template-columns:1fr}.preview-side{display:none}.setup-header-text h1{font-size:2.2rem}}.artist-profile-wrapper{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem 4rem;background:var(--background);position:relative;z-index:1;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.artist-profile-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.2) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.15) 0%,transparent 40%);z-index:-1}.profile-flip-container{perspective:1000px;width:100%;max-width:450px;cursor:pointer;overflow:visible;position:relative}.profile-flip-card{width:100%;position:relative;transform-style:preserve-3d;transition:transform 1.5s ease-in-out;min-height:0;overflow:visible;border-radius:20px}.profile-flip-card.flipped{transform:rotateY(180deg)}.profile-flip-card.is-flip-animating{transition:none}.profile-flip-card.flip-to-back{animation:flipToBack 2.2s cubic-bezier(.2,.8,.2,1) both}.profile-flip-card.flip-to-front{animation:flipToFront 2.2s cubic-bezier(.2,.8,.2,1) both}@keyframes flipToBack{0%{transform:rotateY(0)}70%{transform:rotateY(205deg)}to{transform:rotateY(180deg)}}@keyframes flipToFront{0%{transform:rotateY(180deg)}70%{transform:rotateY(-25deg)}to{transform:rotateY(0)}}.profile-flip-side{width:100%;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px}.profile-flip-front.profile-flip-side{overflow:visible}.profile-flip-back.profile-flip-side{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;min-height:100%;overflow:hidden}.profile-flip-front{z-index:2;position:relative;width:100%;height:auto;min-height:0;transform:rotateY(0);-webkit-transform:rotateY(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow-x:hidden;overflow-y:visible}.profile-flip-card.flipped .profile-flip-front{z-index:1}.profile-flip-card.flipped .profile-flip-back{z-index:2}.profile-flip-back{z-index:1;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:flex-start;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;background:#fff;border-radius:32px;padding:1rem 1.25rem 1.5rem;box-shadow:0 40px 100px -20px #00000080;border:1px solid rgba(30,41,59,.08);box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.profile-card-back-content{text-align:center;width:100%;max-width:100%;padding:.25rem 0 .5rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.profile-back-hint{font-size:.75rem;color:#64748b;margin:0}.profile-back-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:100%}.profile-milestone-card{padding:12px 8px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;border:none}.profile-milestone-card .milestone-label{font-family:Share Tech,sans-serif;font-size:.68rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;line-height:1.2}.profile-milestone-card .milestone-value{font-size:.95rem;font-weight:900;color:#fff;line-height:1.2;display:block;text-shadow:0 1px 3px rgba(0,0,0,.25)}.milestone-views{background:linear-gradient(165deg,#991b1b,#7f1d1d)}.milestone-works{background:linear-gradient(165deg,#166534,#14532d)}.milestone-connections{background:linear-gradient(165deg,#a16207,#854d0e)}.milestone-reach{background:linear-gradient(165deg,#4c1d95,#3b0764)}.profile-back-awards-title{font-family:Share Tech,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:1px;color:#2d3436;margin:8px 0 12px;width:100%;text-align:center}.profile-back-awards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px;width:100%;perspective:800px}.profile-award-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border-radius:20px;background:linear-gradient(145deg,#fffffff2,#f1f5f9e6);border:1px solid rgba(255,255,255,.8);box-shadow:0 6px #00000014,0 10px 24px #0000001f,inset 0 1px #ffffffe6;transform:translateZ(0) rotateX(2deg);transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}.profile-award-badge:hover{transform:translateZ(8px) rotateX(0) translateY(-4px);box-shadow:0 12px #0000000f,0 18px 36px #0000002e,inset 0 1px #fffffff2}.award-badge-circle{width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 -8px 16px #00000040,inset 0 8px 12px #ffffff40,0 4px #0003,0 8px 20px #00000059,0 14px 28px #0003;border:3px solid rgba(255,255,255,.45);transition:transform .2s ease,box-shadow .2s ease}.profile-award-badge:hover .award-badge-circle{transform:scale(1.06);box-shadow:inset 0 -8px 16px #00000038,inset 0 8px 14px #ffffff4d,0 6px #0000002e,0 12px 28px #0006,0 18px 36px #00000040}.award-badge-icon{font-size:1.75rem;line-height:1;position:absolute;top:6px;left:50%;transform:translate(-50%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.award-badge-value{font-size:1.6rem;font-weight:900;color:#fef08a;line-height:1.2;margin-top:22px;text-shadow:0 2px 4px rgba(0,0,0,.5),0 1px 0 rgba(0,0,0,.3);letter-spacing:-.5px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.award-badge-title{font-size:.75rem;font-weight:900;color:#2d3436;text-align:center;line-height:1.2}.award-badge-progress{font-size:.65rem;color:#64748b;font-weight:700}.profile-award-badge.badge-pink .award-badge-circle{background:linear-gradient(145deg,#f472b6,#ec4899 35%,#be185d)}.profile-award-badge.badge-amber .award-badge-circle{background:linear-gradient(145deg,#fbbf24,#d97706 35%,#b45309)}.profile-award-badge.badge-orange .award-badge-circle{background:linear-gradient(145deg,#fb923c,#ea580c 35%,#c2410c)}.profile-award-badge.badge-teal .award-badge-circle{background:linear-gradient(145deg,#2dd4bf,#0d9488 35%,#0f766e)}.profile-award-badge.badge-purple .award-badge-circle{background:linear-gradient(145deg,#a78bfa,#7c3aed 35%,#5b21b6)}.profile-award-badge.badge-blue .award-badge-circle{background:linear-gradient(145deg,#60a5fa,#2563eb 35%,#1d4ed8)}.profile-back-lottie{width:100%;margin-top:16px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;min-height:200px}.profile-back-lottie canvas{max-width:100%;object-fit:contain}.flip-tap-hint{font-size:.7rem;color:var(--text-muted);margin:0 0 12px;letter-spacing:1px}.flip-tap-btn.flip-tap-below{display:block;width:fit-content;margin:20px auto 24px}.flip-tap-btn,.profile-back-flip-btn{display:inline-block;background:none;border:none;padding:8px 12px;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:8px;transition:background .2s,color .2s}.flip-tap-btn:hover,.profile-back-flip-btn:hover{background:#6366f11f;color:var(--primary)}.profile-back-hint.profile-back-flip-btn{font-size:.7rem;margin:0 0 6px;color:#64748b}.profile-back-flip-btn:hover{color:#6366f1}.artist-profile-card{width:100%;max-width:450px;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 40px 100px -20px #00000080;position:relative;display:flex;flex-direction:column}@media (max-width: 480px){.artist-profile-wrapper{padding:1rem .75rem;overflow-x:hidden}.profile-flip-container{max-width:100%;min-width:0}.profile-flip-card{min-height:0}.profile-flip-back{min-height:100%;padding:.75rem 1rem 1.25rem}.profile-back-milestones{grid-template-columns:repeat(2,1fr);gap:8px}.profile-milestone-card .milestone-value{font-size:.9rem}.profile-milestone-card .milestone-label{font-size:.52rem}.profile-back-awards-title{font-size:1.2rem;margin:6px 0 10px}.profile-back-awards-grid{gap:12px 10px}.profile-award-badge{padding:12px 8px}.award-badge-circle{width:60px;height:60px}.award-badge-icon{font-size:1.4rem;top:5px}.award-badge-value{font-size:1.35rem;margin-top:18px}.award-badge-title{font-size:.68rem}.award-badge-progress{font-size:.58rem}.artist-profile-card{max-width:100%}.profile-info-content{padding-left:20px;padding-right:20px}.photo-modal-overlay{padding:.5rem}.photo-modal-content{max-width:100%}.modal-full-photo{max-height:90vh}}.profile-header-gradient{height:190px;background:linear-gradient(135deg,#00f2fe,#4facfe 30%,#a29bfe 70%,#ff0080);position:relative;display:flex;justify-content:center;align-items:flex-end}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000001a,#0000)}.profile-photo-container{width:140px;height:140px;margin-bottom:-70px;z-index:10;cursor:pointer;transition:transform .3s ease;flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#f1f2f6;overflow:hidden}.profile-photo-container:hover{transform:scale(1.05)}.profile-photo-circle{width:100%;height:100%;border-radius:50%;object-fit:cover;border:6px solid white;box-shadow:0 10px 25px #0000001a;display:block;aspect-ratio:1 / 1}.profile-info-content{background:#fff;padding:85px 30px 20px;text-align:center;flex:1}.artist-name-art-center{text-align:center;margin-bottom:20px}.artist-name-art-center .name-edit-row{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:8px;position:relative}.artist-name-art-center .edit-profile-action{position:absolute;right:0}.artist-name-art-center .specialization-badge{display:inline-block}.name-edit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:5px}.edit-profile-action{display:flex;align-items:center;gap:8px;background:#94c8f71a;border:1px solid rgba(148,200,247,.2);color:#94c8f7;padding:8px 16px;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease}.edit-profile-action:hover{background:#94c8f7;color:#0f172a;transform:translateY(-2px)}.display-name{font-family:Bebas Neue,sans-serif;font-size:2.35rem;font-weight:700;color:#2d3436;margin:0}.flex-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.flex-start{display:flex;align-items:center;gap:15px}.cancel-edit-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:8px 16px;border-radius:10px;font-size:.75rem;font-weight:800;cursor:pointer;transition:all .2s ease}.cancel-edit-btn:hover{background:#ef4444;color:#fff}.specialization-badge{font-size:.85rem;font-weight:700;color:#94c8f7;background:#94c8f71a;padding:6px 16px;border-radius:100px;display:inline-block;margin-bottom:25px;letter-spacing:1px;text-transform:uppercase}.section-label{font-family:Share Tech,sans-serif;font-size:1rem;font-weight:800;color:#2d3436;text-align:left;margin-bottom:12px;letter-spacing:.5px}.bio-text{font-size:1rem;line-height:1.6;color:#636e72;text-align:left;margin-bottom:25px}.social-icon-row{display:flex;justify-content:flex-start;gap:15px;margin:20px 0}.social-icon-btn{width:56px;height:56px;border-radius:16px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .25s ease,box-shadow .25s ease;border:none;cursor:pointer;text-decoration:none;box-shadow:inset 0 2px 8px #ffffff59,0 4px #00000026,0 6px 16px #0003}.social-icon-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:inset 0 2px 8px #fff6,0 6px #0000001f,0 10px 24px #00000040}.social-icon-btn.instagram{background:linear-gradient(145deg,#a855f7,#ec4899 40%,#f97316);color:#fff}.social-icon-btn.instagram:hover{filter:brightness(1.08)}.social-icon-btn.facebook{background:linear-gradient(145deg,#3b82f6,#1877f2);color:#fff}.social-icon-btn.facebook:hover{filter:brightness(1.08)}.social-icon-btn.twitter{background:linear-gradient(145deg,#38bdf8,#1da1f2);color:#fff}.social-icon-btn.twitter:hover{filter:brightness(1.08)}.social-icon-btn.website{background:linear-gradient(145deg,#818cf8,#6366f1);color:#fff}.social-icon-btn.website:hover{filter:brightness(1.08)}.social-icon-btn.linkedin{background:linear-gradient(145deg,#2563eb,#0a66c2);color:#fff}.social-icon-btn.linkedin:hover{filter:brightness(1.08)}.social-icon-btn.whatsapp{background:linear-gradient(145deg,#34d399,#25d366);color:#fff}.social-icon-btn.whatsapp:hover{filter:brightness(1.08)}.social-reveal-box{margin-top:15px;background:#f8f9fa;border-radius:16px;padding:15px;border:1px solid #f1f2f6;animation:slideDownFade .3s ease-out}.reveal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.platform-name{font-size:.65rem;font-weight:800;color:#a4b0be;letter-spacing:1px}.close-reveal{background:none;border:none;font-size:1.2rem;color:#a4b0be;cursor:pointer;line-height:1}.reveal-content{display:flex;justify-content:space-between;align-items:center}.handle-text{font-size:1rem;font-weight:600;color:#2d3436}.visit-profile-link{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#2f3542;color:#fff;border-radius:10px;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s ease}.visit-profile-link:hover{background:#000;transform:scale(1.05)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.unified-content-container{display:flex;flex-direction:column;gap:30px;margin-top:10px}.content-section{width:100%;text-align:left;position:relative}.content-section:not(:last-child):after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:1px;background:#f1f2f6}.artist-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.gallery-item{aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease;border:1px solid rgba(0,0,0,.05)}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover}.stats-minimal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.stat-minimal{background:#f8f9fa;padding:20px;border-radius:20px;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:800;color:#2d3436;line-height:1.2}.stat-desc{font-size:.7rem;font-weight:600;color:#a4b0be;text-transform:uppercase;letter-spacing:.5px}.profile-id-footer{display:inline-block;padding:6px 14px;background:#2f3542;color:#fff;border-radius:10px;font-family:JetBrains Mono,monospace;font-size:.75rem;margin-top:25px;opacity:.8}.profile-footer.profile-footer-artist{padding:24px;text-align:center;background:#fff;border-top:1px solid rgba(30,41,59,.08);flex-shrink:0}.profile-footer-artist .premium-brand-badge{display:inline-flex;align-items:center;gap:16px;padding:10px 20px;background:#1e293b0a;border:1px solid rgba(30,41,59,.08);border-radius:12px}.profile-footer-artist .badge-text{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#64748b}.profile-footer-artist .badge-link{color:inherit;text-decoration:none}.profile-footer-artist .badge-link:hover{text-decoration:underline}.contact-list-minimal{display:flex;flex-direction:column;gap:10px}.contact-item-minimal{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#f8f9fa;border-radius:14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-item-minimal:hover{background:#f1f2f6;transform:translate(4px)}.contact-icon{font-size:1.1rem}.contact-text{font-size:.9rem;font-weight:500;color:#2d3436}.payment-stack{display:flex;flex-direction:column;gap:15px;margin-top:10px}.payment-item-card{background:#f1f2f6;padding:18px;border-radius:20px;border:1px dashed #d1d8e0}.pay-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pay-provider{font-size:.7rem;font-weight:800;color:#4facfe;letter-spacing:1px;text-transform:uppercase}.copy-btn{background:#fff;border:1px solid #d1d8e0;padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:700;color:#2f3542;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#2f3542;color:#fff;border-color:#2f3542}.pay-value{font-size:1.1rem;font-weight:700;color:#2d3436;font-family:JetBrains Mono,monospace;word-break:break-all}.bank-details-grid{display:flex;flex-direction:column;gap:6px}.bank-row{display:flex;gap:10px;align-items:baseline}.bank-label{font-size:.7rem;font-weight:600;color:#a4b0be;min-width:45px}.bank-val{font-size:1rem;font-weight:700;color:#2d3436;font-family:JetBrains Mono,monospace}.ig-mini-profile{display:flex;flex-direction:column;gap:15px;padding:5px 0}.ig-header{display:flex;align-items:center;gap:15px}.ig-avatar{width:65px;height:65px;border-radius:50%;overflow:hidden;border:2px solid #f1f2f6;padding:2px}.ig-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ig-names{display:flex;flex-direction:column}.ig-handle,.ig-display-name{font-size:1.1rem;font-weight:700;color:#2d3436}.ig-category{font-size:.8rem;color:#a4b0be;margin-top:2px}.ig-stats-row{display:flex;justify-content:space-around;padding:10px 0;border-top:1px solid #f1f2f6;border-bottom:1px solid #f1f2f6}.ig-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.ig-stat strong{font-size:1rem;color:#2d3436}.ig-stat span{font-size:.75rem;color:#a4b0be}.ig-mini-bio{font-size:.9rem;line-height:1.5;color:#2d3436;white-space:pre-line}.ig-action-btn{width:100%;padding:12px;background:#2f3542;color:#fff;text-align:center;text-decoration:none;border-radius:12px;font-size:.9rem;font-weight:700;transition:all .3s ease}.ig-action-btn:hover{background:#000;transform:translateY(-2px)}.instagram-sub-fields{background:#0f172a66;border-radius:16px;padding:20px;margin-top:15px;border-left:4px solid #4facfe;display:flex;flex-direction:column;gap:15px}.instagram-sub-fields .input-field{margin-bottom:0}.file-input-wrapper{position:relative;width:100%;margin-top:10px}.file-input{width:100%;padding:12px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.file-input:hover{background:#ffffff1a;border-color:#4facfe}.upload-indicator{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#4facfe;font-weight:600}.social-icon-row{flex-wrap:wrap}.artist-flip-card-wrapper{perspective:1000px;width:90%;margin:20px auto;cursor:pointer}.artist-flip-card{width:100%;min-height:280px;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);border-radius:24px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0000004d}.artist-flip-card.flipped{transform:rotateY(180deg)}.artist-flip-card.is-flip-animating{transition:none}.artist-flip-card.flip-to-back{animation:artistFlipToBack .7s cubic-bezier(.4,0,.2,1) both}.artist-flip-card.flip-to-front{animation:artistFlipToFront .7s cubic-bezier(.4,0,.2,1) both}@keyframes artistFlipToBack{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes artistFlipToFront{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.artist-flip-side{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.artist-flip-front{z-index:2;background:linear-gradient(180deg,#1e293bf2,#0f172afa)}.artist-flip-back{transform:rotateY(180deg);background:linear-gradient(180deg,#6366f126,#0f172afa);border:1px solid rgba(99,102,241,.2)}.flip-card-label{margin:0 0 6px;font-size:.75rem;letter-spacing:2px;color:var(--text-muted)}.flip-hint{margin:0 0 10px;font-size:.65rem;color:#94a3b8b3;letter-spacing:1px}.artist-events-block{overflow:hidden}.artist-swiper-wrap{width:130%;margin-left:-15%;margin-right:-15%;padding-top:1.5rem;font-family:Open Sans,sans-serif;overflow:visible}.artist-swiper{width:100%;overflow:visible;padding:0 0 2rem}.artist-swiper .swiper-slide{width:18.75rem;height:28.125rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.artist-swiper-slide{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;border-radius:12px;overflow:hidden;cursor:pointer}.artist-slide-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.artist-swiper-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#0f2027,#203a4300,#2c536400);pointer-events:none}.artist-swiper-slide-content{position:relative;z-index:2;display:none;opacity:0;padding-bottom:.625rem;width:100%}.artist-swiper .swiper-slide-active .artist-swiper-slide-content{display:block;opacity:1}.artist-swiper-slide-content h2{color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:1.4rem;line-height:1.4;margin-bottom:.625rem;padding:0 0 0 1.563rem;text-transform:uppercase}.artist-swiper-explore{margin:1.25rem 1.563rem 3.438rem;padding:.438em 1.875rem;font-size:.9rem;text-transform:uppercase;color:#717171;font-weight:500;background:#fff;border:2px solid #c2c2c2;border-radius:3.125rem;cursor:pointer;transition:.3s ease-in-out;font-family:Open Sans,sans-serif}.artist-swiper-explore:hover{border-color:#005baa;color:#005baa}.artist-swiper .swiper-pagination-bullet{background:#fff}.artist-swiper .swiper-pagination-bullet-active{background:#fff;opacity:1}.artist-swiper .swiper-pagination{bottom:1.25rem!important}.artist-swiper .swiper-slide-shadow-left,.artist-swiper .swiper-slide-shadow-right{background-image:none}.artist-mini-slideshow{flex:1;width:100%;max-width:340px;margin:0 auto;min-height:0;border-radius:20px;overflow:hidden;position:relative;background:#f8fafc;box-shadow:0 4px 24px #00000014;border:1px solid rgba(0,0,0,.06);padding:12px 0}.artist-mini-slideshow .slideshow-inner{display:flex;align-items:stretch;min-height:0;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.artist-mini-slideshow .slide-item{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;cursor:pointer;background:#fff;position:relative;z-index:1;border-radius:16px;box-shadow:0 2px 12px #00000014;transition:transform .4s ease,box-shadow .4s ease,z-index 0s}.artist-mini-slideshow .slide-item.slide-active{z-index:3;transform:scale(1.05);box-shadow:0 12px 32px #00000026}.artist-mini-slideshow .slide-item:not(.slide-active){opacity:.88}.artist-mini-slideshow .slide-image-wrapper{width:100%;aspect-ratio:4 / 3;min-height:0;overflow:hidden;position:relative;background:#f1f5f9}.artist-mini-slideshow .slide-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.artist-mini-slideshow .slide-item:hover .slide-image-wrapper img{transform:scale(1.03)}.artist-mini-slideshow .slide-caption{flex-shrink:0;padding:14px 18px;background:#fff;border-top:1px solid rgba(0,0,0,.06)}.artist-mini-slideshow .work-title{font-family:Share Tech,sans-serif;font-size:1rem;font-weight:700;color:#2d3436;letter-spacing:.3px}.artist-mini-slideshow .slideshow-dots{position:absolute;bottom:58px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5;padding:6px 12px;background:#fffffff2;border-radius:20px;box-shadow:0 2px 12px #00000014}.artist-mini-slideshow .slideshow-dots .dot{width:8px;height:8px;background:#2d343640;border-radius:50%;cursor:pointer;transition:all .3s ease}.artist-mini-slideshow .slideshow-dots .dot.active{width:22px;border-radius:10px;background:#2d3436}.artist-mini-slideshow .slide-item:after{content:none}.mini-slideshow-placeholder{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;background:#f8fafc;border:1px dashed rgba(0,0,0,.1);border-radius:20px}.mini-slideshow-placeholder .placeholder-icon{font-size:2.5rem;opacity:.5}.mini-slideshow-placeholder .placeholder-title{margin:0;font-size:1rem;font-weight:700;color:#475569}.mini-slideshow-placeholder .placeholder-desc{margin:0;font-size:.8rem;color:#64748b;text-align:center;max-width:220px}.artist-badges-grid{flex:1;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;padding:20px 0}.artist-badge-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px;padding:20px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 20px #0003}.artist-badge-value{font-size:1.75rem;font-weight:800;color:var(--primary-light);line-height:1.2}.artist-badge-label{font-size:.75rem;font-weight:600;letter-spacing:1px;color:var(--text-muted);margin-top:4px}.gallery-slideshow-container{width:90%;margin:25px auto;aspect-ratio:1 / 1;border-radius:32px;overflow:hidden;position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0000004d,inset 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slideshow-inner{display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.23,1,.32,1)}.slide-item{min-width:100%;width:100%;height:100%;cursor:zoom-in;position:relative}.slide-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.slide-item:hover img{transform:scale(1.05)}.slideshow-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;padding:8px 16px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.dot{width:8px;height:8px;background:#ffffff4d;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dot.active{width:24px;background:#94c8f7;border-radius:10px;box-shadow:0 0 15px #94c8f780}.slide-item:after{content:"TAP TO VIEW";position:absolute;top:20px;right:20px;background:#94c8f7cc;color:#0f172a;padding:6px 12px;border-radius:8px;font-size:.65rem;font-weight:800;letter-spacing:1px;pointer-events:none;opacity:0;transition:opacity .3s ease}.slide-item:hover:after{opacity:1}.ig-logo-link{color:#e4405f;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;justify-content:center;align-items:center;cursor:pointer;filter:drop-shadow(0 4px 10px rgba(228,64,95,.3))}.ig-logo-link:hover{transform:scale(1.2) rotate(5deg);color:#bc1888;filter:drop-shadow(0 8px 20px rgba(228,64,95,.5))}.ig-logo-link svg{width:80px;height:80px}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.slide-up{animation:slideUpLarge .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpLarge{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.photo-modal,.photo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000000eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.photo-modal-content{position:relative;max-width:100%;max-height:100%;width:fit-content;height:fit-content}.photo-modal-content img,.modal-full-photo{width:100%;max-width:100%;height:auto;max-height:85vh;object-fit:contain;border-radius:12px}.modal-close-btn{position:absolute;top:-12px;right:-12px;width:40px;height:40px;border:none;border-radius:50%;background:#000c;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.artist-preview-card{position:relative;width:100%;max-width:380px;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #0006;background:#fff}.artist-preview-card-image-wrap{position:relative;width:100%;aspect-ratio:3 / 4;max-height:70vh;overflow:hidden}.artist-preview-card-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.artist-preview-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 24px 24px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,transparent);color:#fff}.artist-preview-card-name{margin:0 0 6px;font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.artist-preview-card-verified{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#22c55e;color:#fff;font-size:.75rem;font-weight:700}.artist-preview-card-bio{margin:0 0 16px;font-size:.9rem;font-weight:500;opacity:.95;line-height:1.4}.artist-preview-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.artist-preview-card-stat{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;opacity:.9}.artist-preview-card-stat svg{flex-shrink:0;opacity:.9}.artist-preview-card-close{padding:10px 20px;border:none;border-radius:100px;background:#000;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.artist-preview-card-close:hover{background:#333;transform:translateY(-1px)}.artist-preview-card-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s}.artist-preview-card-close-btn:hover{background:#000000bf}.auth-card-centered{background:#1e293b66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:32px;padding:3rem;max-width:500px;margin:0 auto}.auth-choice{display:flex;flex-direction:column;gap:1.5rem}.google-auth-btn{width:100%;padding:1rem;background:#fff;color:#1e293b;border:none;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s ease}.google-auth-btn:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.auth-divider{text-align:center;position:relative;margin:.5rem 0}.auth-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#ffffff1a}.auth-divider span{background:#0f172a;padding:0 1rem;color:#94a3b8;position:relative;font-size:.85rem;font-weight:600}.email-auth-form{display:flex;flex-direction:column;gap:1rem}.email-auth-form input{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;color:#fff;font-size:1rem}.email-submit-btn{padding:1rem;background:linear-gradient(135deg,#00f2fe,#4facfe);color:#0f172a;border:none;border-radius:12px;font-weight:800;cursor:pointer}.auth-toggle-btn{background:none;border:none;color:#4facfe;font-size:.9rem;font-weight:600;cursor:pointer}.auth-error-msg{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:8px;font-size:.85rem;text-align:center}.step-header-with-badge{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.step-header-with-badge h4{margin-bottom:0!important}.user-badge-inline{background:#94c8f70d;border:1px solid rgba(148,200,247,.1);padding:6px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-dot{width:6px;height:6px;background:#94c8f7;border-radius:50%;box-shadow:0 0 10px #94c8f7;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.badge-text{color:#94c8f7;font-size:.8rem;font-weight:600;letter-spacing:.5px}.user-logout-inline{background:#ef44441a;border:none;color:#ef4444;padding:4px 8px;border-radius:6px;font-size:.65rem;font-weight:800;cursor:pointer;transition:all .2s ease;margin-left:4px}.user-logout-inline:hover{background:#ef4444;color:#fff}@media (max-width: 600px){.step-header-with-badge{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.artist-profile-card{max-width:100%;border-radius:0;min-height:100vh}.artist-profile-wrapper{padding:0}}.gallery-section-form{background:#0f172a33;border-radius:20px;padding:1.5rem;border:1px solid rgba(148,200,247,.1);margin-top:1rem}.pending-gallery-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;margin-bottom:20px}.gallery-item-preview{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#1e293b;border:1px solid rgba(148,200,247,.2)}.gallery-item-preview img{width:100%;height:100%;object-fit:cover}.pending-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#94c8f7;background:#94c8f71a}.item-name-tag{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.6rem;padding:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-item-btn{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:#ef4444cc;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:5}.add-gallery-control{background:#0003;padding:1.5rem;border-radius:16px;border:1px dashed rgba(148,200,247,.3)}.add-row{display:flex;gap:10px;margin-bottom:15px}.work-name-input{flex:1}.file-btn-wrapper{position:relative}.gallery-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;padding:0!important;margin:0!important}.file-label-btn{display:block;padding:12px 20px;background:#94c8f71a;border:1px solid #94c8f7;color:#94c8f7;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:700}.add-to-list-btn{width:100%;padding:12px;background:#94c8f7;color:#0f172a;border:none;border-radius:10px;font-weight:800;cursor:pointer;transition:all .2s ease}.add-to-list-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 15px #94c8f74d}.add-to-list-btn:disabled{opacity:.4;cursor:not-allowed}.slide-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 20px 25px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);color:#fff;text-align:left;pointer-events:none}.work-title{font-size:1.2rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5);display:block}.slide-image-wrapper{width:100%;height:100%;overflow:hidden}.slide-item:hover img{transform:scale(1.1)}@media (max-width: 600px){.add-row{flex-direction:column}.file-label-btn{text-align:center}}.profile-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#1e293b;font-family:Inter,sans-serif}.loading-logo{font-size:3rem;margin-bottom:2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.loading-bar{width:200px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:1rem}.loading-progress{width:40%;height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:3px;animation:move 1.5s infinite ease-in-out}@keyframes move{0%{transform:translate(-100%)}to{transform:translate(250%)}}.profile-error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;padding:2rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1.5rem}.profile-error-screen h1{font-size:1.5rem;font-weight:700;color:#ef4444;margin-bottom:1rem}.profile-error-screen p{color:#64748b;margin-bottom:2rem}.retry-btn{padding:.75rem 2rem;background:#6366f1;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#4f46e5;transform:translateY(-2px)}:root{--primary-gradient: linear-gradient(135deg, #000000 0%, #333333 100%);--secondary-gradient: linear-gradient(135deg, #333333 0%, #666666 100%);--success-gradient: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 100%);--dark-gradient: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);--primary: #000000;--primary-dark: #1a1a1a;--secondary: #333333;--accent: #000000;--success: #1a1a1a;--warning: #4a4a4a;--danger: #000000;--gray-50: #fcfcfc;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-dark: #000000;--text-primary: #000000;--text-secondary: #404040;--text-light: #737373;--text-white: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 0rem;--radius-md: 0rem;--radius-lg: 0rem;--radius-xl: 0rem;--radius-2xl: 0rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05);--shadow-xl: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .1);--shadow-glow: 0 0 30px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1);--z-dropdown: 1000;--z-modal: 2000;--z-toast: 3000}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text-primary);background:var(--bg-secondary);line-height:1.6;overflow-x:hidden;font-variant-emoji:text}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;z-index:10000;animation:modal-slide-up .4s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{width:100%;max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.glass-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;gap:.5rem;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:#000;border:2px solid #000000}.btn-secondary:hover:not(:disabled){background:#000;color:#fff}.btn-danger{background:var(--danger);color:var(--text-white)}.btn-danger:hover:not(:disabled){background:#e84545;box-shadow:var(--shadow-lg)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.input-group{margin-bottom:var(--spacing-lg)}.input-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.input-field{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:2px solid var(--gray-300);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.input-field::placeholder{color:var(--text-light)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(102,126,234,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{padding:0 var(--spacing-md)}.card,.glass-card{padding:var(--spacing-lg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::selection{background:#667eea33;color:var(--text-primary)}