.progress-bar-container{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.progress-bar{flex:1 1;background-color:#f0f0f0;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.progress-bar,.progress-bar__fill{border-radius:9999px;overflow:hidden;position:relative}.progress-bar__fill{height:100%;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.progress-bar__percentage{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);min-width:3rem;text-align:right}.progress-bar--success .progress-bar__fill{background-color:#10b981}.progress-bar--warning .progress-bar__fill{background-color:#f59e0b}.progress-bar--small{height:.5rem}.progress-bar--medium{height:.625rem}.progress-bar--large{height:.875rem}.success-modal{text-align:center;padding:32px 16px}.success-modal__icon{width:64px;height:64px;background:linear-gradient(135deg,#00c2a8,#4338ca);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:white;font-size:32px;font-weight:700}.success-modal__title{font-size:24px;font-weight:700;color:#333;margin:0 0 10px}.success-modal__message{color:#666;font-size:16px;margin:0}.success-modal--success .success-modal__icon{background:linear-gradient(135deg,#00c2a8,#4338ca)}.success-modal--info .success-modal__icon{background:linear-gradient(135deg,#667eea,#764ba2)}.success-modal--warning .success-modal__icon{background:linear-gradient(135deg,#ff6b35,#f7931e)}@media (max-width:640px){.success-modal{padding:2rem 1.5rem}.success-modal__title{font-size:1.5rem}}.alert{border-radius:7px;padding:10px 14px;font-size:13px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.alert__message{flex:1 1}.alert__dismiss{background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.alert__dismiss:hover{background-color:rgba(0,0,0,.1)}.alert--error{background:#fee;border:1px solid #fcc;color:#d32f2f}.alert--error .alert__dismiss{color:#d32f2f}.alert--warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert--warning .alert__dismiss{color:#856404}.alert--info{background:#d1ecf1;border:1px solid #bee5eb}.alert--info,.alert--info .alert__dismiss{color:#0c5460}.alert--success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert--success .alert__dismiss{color:#155724}.user-dropdown{position:relative;display:inline-block}.user-dropdown__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--color-border,#e5e7eb);border-radius:9999px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary,#000)}.user-dropdown__trigger:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-border-dark,#d1d5db);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.user-dropdown__trigger:focus{outline:2px solid var(--color-gray-300,#d1d5db);outline-offset:2px}.user-dropdown__trigger:active{transform:scale(.98)}.user-dropdown__profile-image{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border-light,#e5e7eb)}.user-dropdown__profile-placeholder{width:28px;height:28px;border-radius:50%;background:var(--color-gray-100,#f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary,#6b7280)}.user-dropdown__profile-loading{width:28px;height:28px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-dropdown__name{line-height:1}.user-dropdown__icon{transition:transform .2s ease;color:var(--color-text-secondary,#6b7280)}.user-dropdown__icon--open{transform:rotate(180deg)}.user-dropdown__menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;background:white;border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:50;animation:dropdown-fade-in .15s ease-out;overflow:hidden}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.user-dropdown__item{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary,#000)}.user-dropdown__item:hover{background:var(--color-gray-50,#f9fafb)}.user-dropdown__item:focus{outline:none;background:var(--color-gray-100,#f3f4f6)}.user-dropdown__item--with-divider{border-top:1px solid var(--color-border-light,#e5e7eb);margin-top:.25rem;padding-top:.75rem}.user-dropdown__tooltip{position:absolute;top:50%;right:calc(100% + .75rem);transform:translateY(-50%);background:#ff6b35;color:white;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;white-space:nowrap;z-index:60;box-shadow:0 4px 12px rgba(255,107,53,.3);cursor:pointer;animation:tooltip-slide-in .3s ease-out}@keyframes tooltip-slide-in{0%{opacity:0;transform:translateY(-50%) translateX(8px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.user-dropdown__tooltip:hover{background:#e65a2b;box-shadow:0 6px 16px rgba(255,107,53,.4)}.user-dropdown__tooltip-content{display:flex;align-items:center;gap:.5rem}.user-dropdown__tooltip-close{background:transparent;border:none;color:white;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease}.user-dropdown__tooltip-close:hover{background:rgba(255,255,255,.2)}.user-dropdown__tooltip-arrow{position:absolute;top:50%;right:-6px;width:12px;height:12px;background:#ff6b35;transform:translateY(-50%) rotate(45deg)}@media (max-width:640px){.user-dropdown__trigger{padding:.375rem .625rem;font-size:.8125rem}.user-dropdown__menu{min-width:10rem}.user-dropdown__item{padding:.625rem .875rem;font-size:.8125rem}.user-dropdown__profile-image,.user-dropdown__profile-loading,.user-dropdown__profile-placeholder{width:24px;height:24px}.user-dropdown__tooltip{font-size:.75rem;padding:.625rem .875rem}.user-dropdown__tooltip-arrow{right:-6px}}.iphone-frame{display:block;position:relative}.iphone-frame__device{position:relative;width:clamp(10rem,15vw,12.5rem);height:clamp(20.8rem,31.2vw,26rem);background:var(--color-gray-900);border-radius:var(--space-8);padding:var(--space-1);box-shadow:0 10px 30px rgba(0,0,0,.15)}.iphone-frame--iphone14pro .iphone-frame__device{background:linear-gradient(135deg,var(--color-gray-800) 0,var(--color-gray-700) 100%)}.iphone-frame__notch{position:absolute;top:var(--space-1);left:50%;transform:translateX(-50%);width:clamp(4rem,6vw,5rem);height:clamp(.875rem,1.35vw,1.125rem);background:var(--color-gray-900);border-radius:0 0 var(--radius-xl) var(--radius-xl);z-index:10}.iphone-frame__screen{width:100%;height:100%;background:var(--color-gray-900);border-radius:var(--radius-3xl);overflow:hidden;position:relative}.iphone-frame__screen:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.08);pointer-events:none;z-index:1}.iphone-frame__video{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.95)}.iphone-frame__instagram-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-3);background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);z-index:5;display:flex;align-items:center;gap:var(--space-1)}.iphone-frame__profile-pic{width:clamp(1rem,2.5vw,var(--space-5));height:clamp(1rem,2.5vw,var(--space-5));border-radius:var(--radius-full);border:none;object-fit:cover;transform:scale(.9);transform-origin:center}.iphone-frame__username{color:var(--color-white);font-size:clamp(.5rem,1.2vw,var(--text-xs));font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-shadow:0 1px 2px rgba(0,0,0,.3);display:inline-flex;align-items:center;gap:clamp(.125rem,.3vw,var(--space-1))}.iphone-frame__verified{width:clamp(.5rem,1.2vw,.625rem);height:clamp(.5rem,1.2vw,.625rem);display:inline-block;vertical-align:middle}.iphone-frame__verified-icon{width:10px;height:10px;display:inline-flex;align-items:center;vertical-align:middle;margin-left:2px}.iphone-frame__verified-svg{width:100%;height:100%}.iphone-frame__follow-btn{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);font-size:clamp(.438rem,.85vw,.531rem);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);padding:clamp(.094rem,.22vw,.125rem) clamp(.188rem,.45vw,.25rem);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-left:clamp(.125rem,.3vw,var(--space-1));text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.iphone-frame__follow-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}.iphone-frame{transform:rotateY(-10deg) rotateX(5deg) scale(clamp(.8,1vw,1));transform-style:preserve-3d;perspective:1000px;transform-origin:center center}@media (min-width:1440px){.iphone-frame__device{width:13.75rem;height:28.6rem}.iphone-frame__notch{width:5.5rem;height:1.25rem}}@media (min-width:1024px) and (max-width:1440px){.iphone-frame__device{width:11.25rem;height:23.4rem}.iphone-frame__notch{width:4.5rem;height:1rem}}@media (min-width:768px) and (max-width:1024px){.iphone-frame__device{width:10rem;height:20.8rem}.iphone-frame__notch{width:4rem;height:.875rem}.iphone-frame{transform:rotateY(-8deg) rotateX(3deg) scale(.9)}}@media (max-width:768px){.iphone-frame__device{width:clamp(8.75rem,20vw,12rem);height:clamp(18.2rem,41.6vw,25rem);padding:var(--space-1);border-radius:var(--space-6)}.iphone-frame__notch{width:clamp(3.5rem,8vw,4.5rem);height:clamp(.75rem,1.7vw,1.125rem);top:var(--space-1);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.iphone-frame__screen{border-radius:var(--radius-lg)}.iphone-frame{transform:rotateY(-5deg) rotateX(2deg) scale(clamp(.7,2vw,1))}}@media (max-width:480px){.iphone-frame__device{width:clamp(7.5rem,18vw,9rem);height:clamp(15.6rem,37.4vw,18.7rem);padding:var(--space-1);border-radius:var(--radius-md)}.iphone-frame__notch{width:clamp(3rem,7vw,3.75rem);height:clamp(.625rem,1.5vw,.875rem);top:var(--space-1);border-radius:0 0 var(--radius-md) var(--radius-md)}.iphone-frame__screen{border-radius:var(--radius-md)}.iphone-frame{transform:rotateY(-3deg) rotateX(1deg) scale(.8)}}@media (max-width:320px){.iphone-frame__device{width:6.25rem;height:13rem;padding:1px;border-radius:var(--radius-sm)}.iphone-frame__notch{width:2.5rem;height:.5rem;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.iphone-frame__screen{border-radius:var(--radius-sm)}.iphone-frame{transform:rotateY(-2deg) rotateX(.5deg) scale(.7)}}.loading{display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.loading--fullscreen{min-height:100vh;min-height:100dvh;width:100%}.loading__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;z-index:1}@media (max-width:768px){.loading{padding:2rem 1rem}.loading--fullscreen{min-height:100vh;min-height:100dvh;padding:2rem 1rem}.loading__container{gap:1.5rem}}@media (max-width:480px){.loading{padding:2.5rem 1rem}.loading--fullscreen{padding:3rem 1rem}.loading__container{gap:2rem}}.loading__text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#6b7280;font-weight:500;text-align:center;margin:0;letter-spacing:.025em;white-space:pre-line;line-height:1.6}.loading__text--small{font-size:.875rem}.loading__text--medium{font-size:1rem}.loading__text--large{font-size:1.125rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;overflow:hidden;touch-action:none}@media (max-width:768px){.loading-overlay{background:rgba(255,255,255,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media (pointer:coarse){.loading-overlay{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-dots{display:flex;align-items:center;justify-content:center;gap:.25rem}.loading-dots__dot{border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite both}.loading-dots__dot:first-child{animation-delay:-.32s}.loading-dots__dot:nth-child(2){animation-delay:-.16s}.loading-dots__dot:nth-child(3){animation-delay:0s}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-dots--small .loading-dots__dot{width:.5rem;height:.5rem}.loading-dots--medium .loading-dots__dot{width:.75rem;height:.75rem}.loading-dots--large .loading-dots__dot{width:1rem;height:1rem}.loading-dots--primary .loading-dots__dot{background:linear-gradient(135deg,#667eea,#764ba2)}.loading-dots--secondary .loading-dots__dot{background:linear-gradient(135deg,#00c2a8,#4338ca)}.loading-dots--neutral .loading-dots__dot{background:#9ca3af}.loading-pulse{display:flex;align-items:center;justify-content:center}.loading-pulse__circle{border-radius:50%;animation:pulseScale 2s ease-in-out infinite;position:relative}.loading-pulse__circle:before{content:"";position:absolute;inset:0;border-radius:50%;animation:pulseRipple 2s ease-in-out infinite;opacity:.6}@keyframes pulseScale{0%,to{transform:scale(.9)}50%{transform:scale(1.1)}}@keyframes pulseRipple{0%{transform:scale(1);opacity:.6}to{transform:scale(2);opacity:0}}.loading-pulse--small .loading-pulse__circle{width:1.5rem;height:1.5rem}.loading-pulse--medium .loading-pulse__circle{width:2rem;height:2rem}.loading-pulse--large .loading-pulse__circle{width:2.5rem;height:2.5rem}.loading-pulse--primary .loading-pulse__circle,.loading-pulse--primary .loading-pulse__circle:before{background:linear-gradient(135deg,#667eea,#764ba2)}.loading-pulse--secondary .loading-pulse__circle,.loading-pulse--secondary .loading-pulse__circle:before{background:linear-gradient(135deg,#00c2a8,#4338ca)}.loading-pulse--neutral .loading-pulse__circle,.loading-pulse--neutral .loading-pulse__circle:before{background:#9ca3af}.loading-spinner{display:flex;align-items:center;justify-content:center}.loading-spinner__ring{border-radius:50%;border-style:solid;animation:spinRotate 1s linear infinite;position:relative}@keyframes spinRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner--small .loading-spinner__ring{width:1rem;height:1rem;border-width:2px}.loading-spinner--medium .loading-spinner__ring{width:1.5rem;height:1.5rem;border-width:3px}.loading-spinner--large .loading-spinner__ring{width:2rem;height:2rem;border-width:3px}.loading-spinner--primary .loading-spinner__ring{border-color:#667eea #e5e7eb #e5e7eb}.loading-spinner--secondary .loading-spinner__ring{border-color:#00c2a8 #e5e7eb #e5e7eb}.loading-spinner--neutral .loading-spinner__ring{border-color:#9ca3af #e5e7eb #e5e7eb}.loading-flag-wave{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem}.loading-flag-wave__line{background:#ff6b35;border-radius:.125rem;transform-origin:left center;animation:flagWave 2s ease-in-out infinite}.loading-flag-wave__line--1{animation-delay:0s}.loading-flag-wave__line--2{animation-delay:.15s}.loading-flag-wave__line--3{animation-delay:.3s}@keyframes flagWave{0%,to{transform:scaleX(1) translateX(0);opacity:1}25%{transform:scaleX(.8) translateX(.125rem);opacity:.9}50%{transform:scaleX(.9) translateX(.25rem);opacity:.8}75%{transform:scaleX(.85) translateX(.125rem);opacity:.9}}.loading-flag-wave--small{gap:.25rem}.loading-flag-wave--small .loading-flag-wave__line{width:2rem;height:.1875rem}.loading-flag-wave--medium{gap:.375rem}.loading-flag-wave--medium .loading-flag-wave__line{width:3rem;height:.25rem}.loading-flag-wave--large{gap:.5rem}.loading-flag-wave--large .loading-flag-wave__line{width:4rem;height:.375rem}.loading-flag-wave--neutral .loading-flag-wave__line,.loading-flag-wave--primary .loading-flag-wave__line,.loading-flag-wave--secondary .loading-flag-wave__line{background:#ff6b35;box-shadow:0 0 8px rgba(255,107,53,.3)}@media (max-width:768px){.loading-flag-wave--small{gap:.375rem}.loading-flag-wave--small .loading-flag-wave__line{width:2.5rem;height:.25rem}.loading-flag-wave--medium{gap:.5rem}.loading-flag-wave--medium .loading-flag-wave__line{width:3.5rem;height:.3125rem}.loading-flag-wave--large{gap:.625rem}.loading-flag-wave--large .loading-flag-wave__line{width:4.5rem;height:.4375rem}.loading-flag-wave--neutral .loading-flag-wave__line,.loading-flag-wave--primary .loading-flag-wave__line,.loading-flag-wave--secondary .loading-flag-wave__line{box-shadow:0 0 12px rgba(255,107,53,.4)}}@media (max-width:480px){.loading-flag-wave--small{gap:.4375rem}.loading-flag-wave--small .loading-flag-wave__line{width:3rem;height:.3125rem}.loading-flag-wave--medium{gap:.5625rem}.loading-flag-wave--medium .loading-flag-wave__line{width:4rem;height:.375rem}.loading-flag-wave--large{gap:.75rem}.loading-flag-wave--large .loading-flag-wave__line{width:5rem;height:.5rem}.loading-flag-wave--neutral .loading-flag-wave__line,.loading-flag-wave--primary .loading-flag-wave__line,.loading-flag-wave--secondary .loading-flag-wave__line{box-shadow:0 0 16px rgba(255,107,53,.5)}}@media (pointer:coarse){.loading{min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width:768px) and (orientation:landscape){.loading-flag-wave--small .loading-flag-wave__line{width:2.25rem;height:.21875rem}.loading-flag-wave--medium .loading-flag-wave__line{width:3.25rem;height:.28125rem}.loading-flag-wave--large .loading-flag-wave__line{width:4.25rem;height:.40625rem}}@media (prefers-color-scheme:dark){.loading-overlay{background:rgba(255,255,255,.95)}.loading__text{color:#6b7280}.loading-dots--neutral .loading-dots__dot,.loading-pulse--neutral .loading-pulse__circle,.loading-pulse--neutral .loading-pulse__circle:before{background:#9ca3af}.loading-spinner--neutral .loading-spinner__ring{border-color:#9ca3af #e5e7eb #e5e7eb}.loading-flag-wave--neutral .loading-flag-wave__line,.loading-flag-wave--primary .loading-flag-wave__line,.loading-flag-wave--secondary .loading-flag-wave__line{background:#ff6b35;box-shadow:0 0 8px rgba(255,107,53,.3)}}@media (prefers-reduced-motion:reduce){.loading-dots__dot,.loading-flag-wave__line,.loading-pulse__circle,.loading-pulse__circle:before,.loading-spinner__ring{animation-duration:3s}}@media (prefers-contrast:high){.loading__text{color:#000}.loading-dots--primary .loading-dots__dot,.loading-flag-wave--primary .loading-flag-wave__line,.loading-pulse--primary .loading-pulse__circle{background:#ff6b35}.loading-spinner--primary .loading-spinner__ring{border-top-color:#ff6b35}@media (prefers-color-scheme:dark){.loading__text{color:#000}.loading-overlay{background:rgba(255,255,255,.98)}}}