body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.daily-login-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10001}.daily-login-modal{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8faf8);border:2px solid #6b8e6b26;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #6b8e6b1a;max-height:90vh;max-width:520px;overflow:hidden;overflow-y:auto;position:relative;width:100%}.daily-login-modal:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#6b8e6b,#8fbc8f,#6b8e6b);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.daily-login-close{align-items:center;background:#6b8e6b1a;border:none;border-radius:50%;color:#6b8e6b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.daily-login-close:hover{background:#6b8e6b33;color:#5a7a5a;transform:rotate(90deg)}.daily-login-content{padding:2.5rem 2rem 2rem}.daily-login-header{margin-bottom:2rem;text-align:center}.daily-login-icon-wrapper{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ecfdf3,#d1fae5);border:2px solid #6b8e6b33;border-radius:50%;display:inline-flex;height:72px;justify-content:center;margin:0 auto 1rem;width:72px}.daily-login-icon{color:#6b8e6b}.daily-login-title{color:#1a202c;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.daily-login-subtitle{color:#4a5568;font-size:1rem;margin:0}.daily-login-progress-section{margin-bottom:2rem}.daily-login-days-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(7,1fr);margin-bottom:1.5rem}.daily-login-day{align-items:center;aspect-ratio:1;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;display:flex;justify-content:center;position:relative;transition:all .3s ease}.daily-login-day.completed{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border-color:#6b8e6b;box-shadow:0 4px 12px #6b8e6b4d}.daily-login-day.today{animation:todayPulse 2s ease-in-out infinite;transform:scale(1.1)}@keyframes todayPulse{0%,to{box-shadow:0 4px 12px #6b8e6b4d}50%{box-shadow:0 6px 20px #6b8e6b80}}.daily-login-day.reward-day.already-claimed{cursor:not-allowed;opacity:.6;pointer-events:auto}.daily-login-day.reward-day.already-claimed:hover{box-shadow:0 2px 8px #0000001a;transform:none}.daily-login-day.reward-day{border-color:#f59e0b;border-width:3px}.day-number{color:#64748b;font-size:1rem;font-weight:600}.daily-login-day.completed .day-number,.day-check-icon{color:#fff}.reward-badge{align-items:center;animation:badgeBounce 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 2px 8px #f59e0b66;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.reward-badge svg{color:#fff;height:14px;width:14px}.daily-login-progress-bar{background:#e2e8f0;border-radius:999px;height:8px;margin-bottom:.75rem;overflow:hidden;width:100%}.daily-login-progress-fill{animation:progressGrow .6s ease-out;background:linear-gradient(90deg,#6b8e6b,#8fbc8f);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}@keyframes progressGrow{0%{width:0}}.daily-login-progress-text{color:#64748b;font-size:.9375rem;font-weight:500;margin:0;text-align:center}.daily-login-reward-section{margin-bottom:2rem}.reward-card{animation:rewardGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;overflow:hidden;padding:2rem;position:relative;text-align:center}@keyframes rewardGlow{0%,to{box-shadow:0 8px 24px #f59e0b33}50%{box-shadow:0 12px 32px #f59e0b66}}.reward-icon-wrapper{align-items:center;display:inline-flex;justify-content:center;margin-bottom:1rem;position:relative}.reward-icon{animation:iconFloat 3s ease-in-out infinite;color:#f59e0b}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reward-sparkle{animation:sparkleRotate 3s linear infinite;color:#fbbf24;position:absolute}.sparkle-1{animation-delay:0s;left:-10px;top:-10px}.sparkle-2{animation-delay:1s;right:-15px;top:-5px}.sparkle-3{animation-delay:2s;bottom:-8px;left:50%}@keyframes sparkleRotate{0%{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.8;transform:rotate(180deg) scale(1.2)}to{opacity:1;transform:rotate(1turn) scale(1)}}.reward-title{color:#92400e;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.reward-description{color:#78350f;font-size:1rem;line-height:1.6;margin:0 0 .5rem}.reward-details{color:#a16207;font-size:.875rem;margin:0 0 1.5rem}.reward-claim-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.reward-claim-btn:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px) scale(1.02)}.reward-claim-btn:active:not(:disabled){transform:translateY(0) scale(1)}.reward-claim-btn:disabled{cursor:not-allowed;opacity:.6}.daily-login-stats{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding-top:1.5rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#64748b;font-size:.875rem;font-weight:500}.stat-value{color:#6b8e6b;font-size:1.25rem;font-weight:700}@media (max-width:480px){.daily-login-modal{margin:1rem;max-width:95%}.daily-login-content{padding:2rem 1.5rem 1.5rem}.daily-login-days-grid{gap:.5rem}.daily-login-day{font-size:.875rem}.reward-card{padding:1.5rem}.reward-title{font-size:1.25rem}}.forced-logout-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.forced-logout-modal{animation:forced-logout-fade-in .25s ease-out;background:#fff;border-radius:16px;box-shadow:0 18px 45px #0000002e;max-width:420px;padding:24px 24px 28px;position:relative;width:90%}.forced-logout-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;position:absolute;right:10px;top:10px;transition:color .15s ease}.forced-logout-close:hover{color:#4b5563}.forced-logout-content{text-align:center}.forced-logout-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:999px;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.forced-logout-icon{transform:translateX(2px)}.forced-logout-title{color:#111827;font-size:1.2rem;font-weight:700;margin-bottom:8px}.forced-logout-message{color:#4b5563;font-size:.95rem;margin-bottom:20px}.forced-logout-button{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:999px;box-shadow:0 10px 20px #16a34a4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 18px;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease;width:100%}.forced-logout-button:hover{opacity:.95;transform:translateY(-1px)}.forced-logout-button:active{box-shadow:0 6px 12px #16a34a40;transform:translateY(0)}@keyframes forced-logout-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.maintenance-page{align-items:center;background:linear-gradient(135deg,#f0f7f0,#e8f5e8 50%,#d4e8d4);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.maintenance-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.maintenance-leaf{animation:floatLeaf 20s ease-in-out infinite;background:linear-gradient(135deg,#6b8e6b1a,#6b8e6b0d);border-radius:50% 0 50% 50%;height:100px;position:absolute;width:100px}.maintenance-leaf-1{animation-delay:0s;left:5%;top:10%}.maintenance-leaf-2{animation-delay:-5s;height:80px;right:10%;top:60%;width:80px}.maintenance-leaf-3{animation-delay:-10s;bottom:15%;height:60px;left:15%;width:60px}.maintenance-leaf-4{animation-delay:-15s;height:120px;right:5%;top:30%;width:120px}@keyframes floatLeaf{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-30px) rotate(8deg)}}.maintenance-container{max-width:500px;position:relative;width:100%;z-index:1}.maintenance-card{animation:slideUp .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #6b8e6b26,0 8px 20px #00000014;padding:3rem 2.5rem;text-align:center}.maintenance-icon-wrapper{display:inline-block;margin-bottom:1.5rem;position:relative}.maintenance-icon-circle{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border-radius:50%;box-shadow:0 10px 30px #6b8e6b4d;display:flex;height:100px;justify-content:center;width:100px}.maintenance-icon{animation:rotate 8s linear infinite;color:#fff}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.maintenance-leaf-accent{animation:sway 3s ease-in-out infinite;bottom:-5px;color:#6b8e6b;position:absolute;right:-10px}@keyframes sway{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.maintenance-title{color:#2d3748;font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.maintenance-subtitle{color:#718096;font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.maintenance-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.maintenance-info-item{align-items:center;background:linear-gradient(135deg,#f0f7f0,#e8f5e8);border-radius:12px;color:#5a7a5a;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem 1.25rem}.maintenance-info-item svg{flex-shrink:0}.maintenance-divider{background:linear-gradient(90deg,#0000,#d4e8d4,#0000);height:1px;margin:1.5rem 0}.maintenance-contact{margin-bottom:1.5rem}.maintenance-contact p{color:#718096;font-size:.9rem;margin-bottom:1rem}.maintenance-contact-links{align-items:center;display:flex;flex-direction:column;gap:.75rem}.maintenance-contact-link{align-items:center;background:#f0f7f0;border-radius:8px;color:#6b8e6b;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;max-width:300px;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease;width:100%}.maintenance-contact-link:hover{background:#e8f5e8;box-shadow:0 4px 8px #6b8e6b26;color:#5a7a5a;transform:translateY(-2px)}.maintenance-footer{border-top:1px dashed #e8f5e8;padding-top:1rem}.maintenance-logo{align-items:center;color:#6b8e6b;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.maintenance-footer p{color:#a0aec0;font-size:.85rem;margin:0}@media (max-width:480px){.maintenance-page{padding:1rem}.maintenance-card{padding:2rem 1.5rem}.maintenance-title{font-size:1.5rem}.maintenance-subtitle{font-size:.95rem}.maintenance-icon-circle{height:80px;width:80px}.maintenance-icon{height:36px;width:36px}.maintenance-contact-links{gap:.625rem}.maintenance-contact-link{font-size:.9rem;max-width:100%;padding:.5rem 1rem}}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;overflow:hidden;position:relative}.skeleton:after{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6 20%,#fffc 50%,#fff6 80%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes skeleton-pulse{0%,to{background-position:200% 0}50%{background-position:-200% 0}}@keyframes skeleton-shimmer{0%{transform:translateX(-100%) skewX(-15deg)}to{transform:translateX(200%) skewX(-15deg)}}.loading-fallback{animation:fadeIn .3s ease-out;background:linear-gradient(180deg,#fefefe,#f8faf8);min-height:100vh;overflow-x:hidden;position:relative}.skeleton-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.skeleton-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px}.skeleton-header-nav{display:flex;flex:1 1;gap:1.5rem;justify-content:center}.skeleton-header-actions{align-items:center;display:flex;gap:1rem}.skeleton-banner{margin-bottom:3rem;overflow:hidden;position:relative;width:100%}.skeleton-banner-overlay{bottom:3rem;left:50%;max-width:1400px;padding:0 2rem;position:absolute;transform:translateX(-50%);width:100%}.skeleton-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 4rem;max-width:1400px;padding:0 2rem}.skeleton-category-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.skeleton-products-section{margin:0 auto 4rem;max-width:1400px;padding:0 2rem}.skeleton-section-header{margin-bottom:2rem;text-align:center}.skeleton-products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skeleton-product-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.skeleton-product-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.skeleton-product-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.loading-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;bottom:2rem;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}.loading-spinner{border:3px solid #e5e7eb;height:32px;width:32px}.loading-message{color:#6b8e6b;font-size:.875rem;font-weight:500;margin:0;white-space:nowrap}@media (max-width:1024px){.skeleton-header-nav{display:none}.skeleton-categories{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skeleton-products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.skeleton-header{padding:1rem}.skeleton-header-content{gap:1rem}.skeleton-header-actions{gap:.5rem}.skeleton-banner{margin-bottom:2rem}.skeleton-banner-overlay{bottom:2rem;padding:0 1rem}.skeleton-categories{gap:1.5rem;grid-template-columns:1fr}.skeleton-categories,.skeleton-products-section{margin-bottom:2rem;padding:0 1rem}.skeleton-products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.skeleton-product-card{padding:1rem}.loading-indicator{bottom:1rem;padding:.75rem 1rem;right:1rem}.loading-spinner{border-width:2px;height:24px;width:24px}.loading-message{font-size:.75rem}}@media (max-width:480px){.skeleton-products-grid{grid-template-columns:repeat(2,1fr)}.skeleton-category-card,.skeleton-product-card{padding:.75rem}}.timeout-warning-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.timeout-warning-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #ff6b3533;border-radius:24px;box-shadow:0 25px 80px #00000040,0 0 0 1px #ff6b351a;max-width:500px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;width:100%}.timeout-warning-modal:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#ff6b35,#f44336,#ff6b35);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.warning-header{margin-bottom:1.5rem}.warning-icon-wrapper{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:50%;box-shadow:0 8px 24px #ff6b3533;display:inline-flex;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.warning-icon{animation:iconShake .5s ease-in-out infinite;color:#ff6b35}@keyframes iconShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.warning-title{color:#1a202c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.warning-message{color:#4a5568;font-size:1.1rem;font-weight:400;line-height:1.6;margin:1rem 0 .75rem}.warning-message .time-highlight{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:8px;box-shadow:0 2px 8px #ff6b3526;color:#ff6b35;display:inline-block;font-family:Courier New,monospace;font-size:1.2em;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem}.warning-submessage{color:#718096;font-size:.95rem;line-height:1.5;margin:0 0 2rem}.countdown-display{display:flex;justify-content:center;margin:2rem 0}.countdown-container{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:160px}.countdown-svg{height:100%;transform:rotate(-90deg);width:100%}.countdown-circle-bg{stroke:#e2e8f0;stroke-width:8}.countdown-circle-progress{stroke:url(#countdownGradient);stroke-width:8;filter:drop-shadow(0 0 4px rgba(255,107,53,.4));transition:stroke-dashoffset .1s linear}.countdown-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;position:absolute}.countdown-clock-icon{animation:clockTick 1s ease-in-out infinite;color:#ff6b35;opacity:.8}@keyframes clockTick{0%,to{transform:rotate(0deg)}50%{transform:rotate(5deg)}}.countdown-time{color:#1a202c;font-family:Courier New,Monaco,monospace;font-size:1.75rem;font-weight:700;letter-spacing:.1em;line-height:1}.countdown-label{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.warning-actions{display:flex;gap:1rem;margin:2.5rem 0 1.5rem}.extend-session-btn,.logout-now-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.extend-session-btn{background:linear-gradient(135deg,#6b8e6b,#4a7c4a);box-shadow:0 4px 14px #6b8e6b4d;color:#fff}.extend-session-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.extend-session-btn:hover:before{left:100%}.extend-session-btn:hover{background:linear-gradient(135deg,#4a7c4a,#3d663d);box-shadow:0 6px 20px #6b8e6b66;transform:translateY(-2px)}.extend-session-btn:active{box-shadow:0 2px 8px #6b8e6b4d;transform:translateY(0)}.logout-now-btn{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 14px #f443364d;color:#fff}.logout-now-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.logout-now-btn:hover:before{left:100%}.logout-now-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 6px 20px #f4433666;transform:translateY(-2px)}.logout-now-btn:active{box-shadow:0 2px 8px #f443364d;transform:translateY(0)}.extend-session-btn span,.logout-now-btn span{position:relative;z-index:1}.security-notice{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #ff6b3533;border-radius:12px;box-shadow:inset 0 1px 2px #0000000d;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;padding:1rem 1.25rem}.security-notice svg{color:#6b8e6b;flex-shrink:0}.security-notice small{color:#4a5568;font-size:.875rem;line-height:1.5;text-align:center}@media (max-width:500px){.timeout-warning-modal{border-radius:20px;padding:2rem 1.5rem}.warning-header{margin-bottom:1.25rem}.warning-icon-wrapper{height:70px;width:70px}.warning-icon{height:40px;width:40px}.warning-title{font-size:1.5rem}.warning-message{font-size:1rem}.warning-message .time-highlight{font-size:1.1em;padding:.2rem .6rem}.warning-actions{flex-direction:column;gap:.75rem;margin:2rem 0 1.25rem}.extend-session-btn,.logout-now-btn{padding:12px 20px;width:100%}.countdown-container{height:140px;width:140px}.countdown-time{font-size:1.5rem}.countdown-clock-icon{height:20px;width:20px}.security-notice{flex-direction:column;gap:.5rem;padding:.875rem 1rem}.security-notice svg{height:14px;width:14px}.security-notice small{font-size:.8125rem}}@media (prefers-contrast:high){.timeout-warning-modal{background:#fff;border:3px solid #000}.timeout-warning-modal:before{background:#000}.warning-title{color:#000}.warning-message .time-highlight{background:#000;border:2px solid #000;color:#fff}.countdown-circle-progress{stroke:#000}.countdown-time{color:#000}.extend-session-btn,.logout-now-btn{background:#000;border:2px solid #000}}@media (prefers-reduced-motion:reduce){.countdown-circle-progress,.countdown-clock-icon,.timeout-warning-modal,.timeout-warning-modal:before,.timeout-warning-overlay,.warning-icon,.warning-icon-wrapper{animation:none;transition:none}.countdown-circle-progress{transition:stroke-dashoffset .3s linear}.extend-session-btn:before,.logout-now-btn:before{display:none}}.toast-container{bottom:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:16px;z-index:9999}.toast{animation:slideIn .25s ease-out;border-radius:10px;box-shadow:0 8px 24px #0000002e;color:#fff;font-size:.95rem;line-height:1.3;max-width:360px;padding:12px 14px;pointer-events:auto}.toast-info{background:#374151}.toast-success{background:#16a34a}.toast-warning{background:#d97706}.toast-error{background:#dc2626}.toast-message{white-space:pre-line}.chat-widget-button{align-items:center;background:linear-gradient(135deg,#6b8e6b,#8fbc8f);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 20px #6b8e6b66;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;left:2rem;position:fixed;transition:all .3s ease;width:60px;z-index:1000}.chat-widget-button:hover{box-shadow:0 6px 30px #6b8e6b80;transform:scale(1.1)}.chat-unread-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}.chat-window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:20px;bottom:2rem;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,0 0 0 1px #0000000d;display:flex;flex-direction:column;height:650px;left:2rem;overflow:hidden;position:fixed;width:400px;z-index:1001}.chat-window-header{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a 50%,#6b8e6b);border-bottom:none;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1.375rem 1.75rem;position:relative}.chat-window-header:after{background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.chat-header-info{display:flex;flex-direction:column;gap:.375rem}.chat-header-info h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;text-shadow:0 1px 2px #0000001a}.chat-status{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:12px;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.chat-status.online{background:#fff3;color:#fff}.chat-status.online:before{animation:pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #ffffff4d,0 0 0 4px #ffffff1a;content:"";display:inline-block;height:8px;width:8px}.chat-close-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.chat-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.chat-close-btn:active{transform:scale(.95)}.chat-messages-container{background:linear-gradient(180deg,#fafbfa 0,#f5f9f5 50%,#f0f7f0);flex:1 1;overflow-y:auto;padding:1.75rem 1.5rem;position:relative;scrollbar-color:#6b8e6b #f0f7f0;scrollbar-width:thin}.chat-messages-container:before{background:linear-gradient(90deg,#0000,#6b8e6b1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:#f0f7f0;border-radius:10px}.chat-messages-container::-webkit-scrollbar-thumb{background:#6b8e6b;border-radius:10px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:#5a7a5a}.chat-empty,.chat-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1.25rem;height:100%;justify-content:center;padding:2rem;text-align:center}.chat-empty{background:linear-gradient(135deg,#f8fdf880,#f0f7f04d);border-radius:16px;margin:1rem}.chat-empty svg{color:#9ca3af;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));opacity:.6}.chat-error{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.chat-error button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .75rem}.chat-error button:hover{background:#b91c1c}.chat-empty p,.chat-loading p{color:#6b7280;font-size:.9375rem;font-weight:500;letter-spacing:.01em;line-height:1.5;margin:0;max-width:280px}.chat-messages{gap:.75rem}.chat-message,.chat-messages{display:flex;flex-direction:column}.chat-message{animation:slideIn .2s ease-out;max-width:75%}.chat-message.own{align-self:flex-end}.chat-message.other{align-self:flex-start}.chat-message.system{align-self:center;max-width:85%}.message-content{animation:slideIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000f,inset 0 1px 0 #fffc;padding:.9375rem 1.25rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-content:hover{box-shadow:0 4px 16px #0000001a,0 2px 4px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.chat-message.own .message-content{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;box-shadow:0 4px 16px #6b8e6b59,0 2px 6px #6b8e6b40,inset 0 1px 0 #fff3;color:#fff}.chat-message.own .message-content:hover{box-shadow:0 6px 20px #6b8e6b66,0 3px 8px #6b8e6b4d,inset 0 1px 0 #ffffff40}.message-content p{word-wrap:break-word;font-size:.9rem;font-weight:400;line-height:1.6;margin:0 0 .375rem}.chat-message.system .message-content{background:linear-gradient(135deg,#f0f7f0,#e8f5e9);border:1.5px solid #6b8e6b;box-shadow:0 2px 8px #6b8e6b26;text-align:center}.chat-message.system .message-content:hover{box-shadow:0 4px 12px #6b8e6b33;transform:none}.system-message-label{color:#6b8e6b;display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.chat-message.system .message-content p{color:#2d5f3f;font-weight:500}.chat-message.system .message-time{color:#6b8e6b;opacity:.8}.message-time{display:block;font-size:.7rem;font-weight:500;opacity:.75}.chat-input-container{background:linear-gradient(0deg,#fff 0,#fafbfa);border-top:1px solid #6b8e6b14;box-shadow:0 -4px 16px #0000000a,0 -1px 4px #00000005;display:flex;gap:.875rem;padding:1.5rem;position:relative}.chat-input-container:before{background:linear-gradient(90deg,#0000,#6b8e6b26,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.chat-input{background:#fff;border:2px solid #e5e7eb;border-radius:28px;box-shadow:0 2px 8px #0000000a,inset 0 1px 2px #00000005;color:#1a202c;flex:1 1;font-size:.9375rem;font-weight:400;outline:none;padding:.9375rem 1.375rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input::placeholder{color:#9ca3af;font-weight:400}.chat-input:focus{background:#fff;border-color:#6b8e6b;box-shadow:0 0 0 4px #6b8e6b1f,0 4px 12px #6b8e6b26;transform:translateY(-1px)}.chat-input:disabled{background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;border-radius:50%;box-shadow:0 4px 12px #6b8e6b59,0 2px 4px #6b8e6b33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:48px}.chat-send-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.chat-send-btn:hover:not(:disabled):before{height:100%;width:100%}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a7a5a,#4a6a4a);box-shadow:0 6px 20px #6b8e6b73,0 4px 8px #6b8e6b40;transform:translateY(-2px) scale(1.08)}.chat-send-btn:active:not(:disabled){box-shadow:0 2px 8px #6b8e6b4d;transform:translateY(0) scale(.96)}.chat-send-btn:disabled{box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.5;transform:none}.chat-send-btn svg{position:relative;transition:transform .2s ease;z-index:1}.chat-send-btn:hover:not(:disabled) svg{transform:translate(1px,-1px)}@media (max-width:768px){.chat-widget-button{bottom:1.5rem;height:56px;left:1.5rem;width:56px}.chat-window{bottom:1rem;height:calc(100vh - 4rem);left:1rem;max-height:90vh;max-width:100%;width:calc(100vw - 2rem)}}.admin-chat-widget-button{align-items:center;background:linear-gradient(135deg,#6b8e6b,#8fbc8f);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 20px #6b8e6b66;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:2rem;transition:all .3s ease;width:60px;z-index:1000}.admin-chat-widget-button:hover{box-shadow:0 6px 30px #6b8e6b80;transform:scale(1.1)}.admin-chat-unread-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}.admin-chat-window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:20px;bottom:2rem;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,0 0 0 1px #0000000d;display:flex;flex-direction:column;height:min(700px,calc(100vh - 4rem));left:auto;overflow:hidden;position:fixed;right:2rem;width:min(900px,calc(100vw - 3rem));z-index:1001}.admin-chat-window-header{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a 50%,#6b8e6b);border-bottom:none;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1.375rem 1.75rem;position:relative}.admin-chat-window-header:after{background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.admin-chat-header-info{align-items:center;display:flex;gap:.75rem}.admin-chat-header-info h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 1px 2px #0000001a}.admin-chat-count{background:#fff3;border-radius:12px;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.admin-chat-close-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.admin-chat-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.admin-chat-close-btn:active{transform:scale(.95)}.admin-chat-content{display:flex;flex:1 1;overflow:hidden}.admin-chat-conversations{background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:280px}.admin-chat-conversations-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.admin-chat-conversations-header span{color:#1a202c;font-size:.875rem;font-weight:600}.admin-chat-toggle-conversations{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.25rem;transition:background .2s ease}.admin-chat-toggle-conversations:hover{background:#f3f4f6}.admin-chat-conversations-list{flex:1 1;overflow-y:auto;padding:.5rem}.admin-chat-conversation-item{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.admin-chat-conversation-item:hover{background:#f3f4f6}.admin-chat-conversation-item.active{background:linear-gradient(135deg,#f0f7f0,#e8f5e9);border:1px solid #6b8e6b}.admin-chat-conversation-avatar{align-items:center;background:linear-gradient(135deg,#6b8e6b,#8fbc8f);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.admin-chat-conversation-info{flex:1 1;min-width:0}.admin-chat-conversation-name{color:#1a202c;font-size:.875rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-chat-conversation-preview{color:#6b7280;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-chat-conversation-unread{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.admin-chat-messages-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:1024px){.admin-chat-window{height:min(700px,calc(100vh - 3rem));right:1.5rem;width:calc(100vw - 3rem)}.admin-chat-conversations{width:260px}}@media (max-width:768px){.admin-chat-window{height:calc(100vh - 3rem);left:.75rem;right:.75rem;width:calc(100vw - 1.5rem)}.admin-chat-content{flex-direction:column}.admin-chat-conversations{border-bottom:1px solid #e5e7eb;border-right:none;width:100%}.admin-chat-messages-area{flex:1 1}.admin-chat-conversations-list:not(.expanded){max-height:180px}}.admin-chat-messages-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fdf8);border-bottom:1px solid #6b8e6b1a;box-shadow:0 2px 8px #00000005;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.admin-chat-messages-header-info{display:flex;flex-direction:column;gap:.375rem}.admin-chat-messages-header-info h4{color:#1a202c;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0}.admin-chat-status{align-items:center;background:#10b98114;border-radius:12px;color:#6b7280;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.admin-chat-status.online{background:#10b9811a;color:#059669}.admin-chat-status.online:before{animation:pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #10b98133,0 0 0 4px #10b9811a;content:"";display:inline-block;height:8px;width:8px}.admin-chat-messages-container{background:linear-gradient(180deg,#fafbfa 0,#f5f9f5 50%,#f0f7f0);flex:1 1;overflow-y:auto;padding:1.75rem 1.5rem;position:relative;scrollbar-color:#6b8e6b #f0f7f0;scrollbar-width:thin}.admin-chat-messages-container:before{background:linear-gradient(90deg,#0000,#6b8e6b1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.admin-chat-messages-container::-webkit-scrollbar{width:6px}.admin-chat-messages-container::-webkit-scrollbar-track{background:#f0f7f0;border-radius:10px}.admin-chat-messages-container::-webkit-scrollbar-thumb{background:#6b8e6b;border-radius:10px}.admin-chat-messages-container::-webkit-scrollbar-thumb:hover{background:#5a7a5a}.admin-chat-empty,.admin-chat-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1.25rem;height:100%;justify-content:center;padding:2rem;text-align:center}.admin-chat-empty{background:linear-gradient(135deg,#f8fdf880,#f0f7f04d);border-radius:16px;margin:1rem}.admin-chat-empty svg{color:#9ca3af;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));opacity:.6}.admin-chat-empty p,.admin-chat-loading p{color:#6b7280;font-size:.9375rem;font-weight:500;letter-spacing:.01em;line-height:1.5;margin:0;max-width:280px}.admin-chat-messages{display:flex;flex-direction:column;gap:1rem}.admin-chat-message{display:flex;flex-direction:column;max-width:70%}.admin-chat-message.own{align-self:flex-end}.admin-chat-message.other{align-self:flex-start}.admin-chat-message.system{align-self:center;max-width:85%}.admin-chat-message-content{animation:slideIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000f,inset 0 1px 0 #fffc;padding:.9375rem 1.25rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-chat-message-content:hover{box-shadow:0 4px 16px #0000001a,0 1px 3px #00000014;transform:translateY(-1px)}.admin-chat-message.own .admin-chat-message-content{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;box-shadow:0 4px 16px #6b8e6b59,0 2px 6px #6b8e6b40,inset 0 1px 0 #fff3;color:#fff}.admin-chat-message.own .admin-chat-message-content:hover{box-shadow:0 6px 20px #6b8e6b66,0 3px 8px #6b8e6b4d,inset 0 1px 0 #ffffff40}.admin-chat-message-content p{word-wrap:break-word;font-size:.9rem;font-weight:400;line-height:1.6;margin:0 0 .375rem}.admin-chat-message.system .admin-chat-message-content{background:linear-gradient(135deg,#f0f7f0,#e8f5e9);border:1.5px solid #6b8e6b;box-shadow:0 2px 8px #6b8e6b26;text-align:center}.admin-chat-message.system .admin-chat-message-content:hover{box-shadow:0 4px 12px #6b8e6b33;transform:none}.admin-chat-message.system .admin-chat-message-content p{color:#2d5f3f;font-weight:500}.admin-chat-message.system .admin-chat-message-time{color:#6b8e6b;opacity:.8}.admin-chat-message-time{display:block;font-size:.7rem;font-weight:500;opacity:.75}.admin-chat-input-container{background:linear-gradient(0deg,#fff 0,#fafbfa);border-top:1px solid #6b8e6b14;box-shadow:0 -4px 16px #0000000a,0 -1px 4px #00000005;display:flex;gap:.875rem;padding:1.5rem;position:relative}.admin-chat-input-container:before{background:linear-gradient(90deg,#0000,#6b8e6b26,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.admin-chat-input{background:#fff;border:2px solid #e5e7eb;border-radius:28px;box-shadow:0 2px 8px #0000000a,inset 0 1px 2px #00000005;color:#1a202c;flex:1 1;font-size:.9375rem;font-weight:400;outline:none;padding:.9375rem 1.375rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-chat-input::placeholder{color:#9ca3af;font-weight:400}.admin-chat-input:focus{background:#fff;border-color:#6b8e6b;box-shadow:0 0 0 4px #6b8e6b1f,0 4px 12px #6b8e6b26;transform:translateY(-1px)}.admin-chat-input:disabled{background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}.admin-chat-send-btn{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;border-radius:50%;box-shadow:0 4px 12px #6b8e6b59,0 2px 4px #6b8e6b33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:48px}.admin-chat-send-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.admin-chat-send-btn:hover:not(:disabled):before{height:100%;width:100%}.admin-chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a7a5a,#4a6a4a);box-shadow:0 6px 20px #6b8e6b73,0 4px 8px #6b8e6b40;transform:translateY(-2px) scale(1.08)}.admin-chat-send-btn:active:not(:disabled){box-shadow:0 2px 8px #6b8e6b4d;transform:translateY(0) scale(.96)}.admin-chat-send-btn:disabled{box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.5;transform:none}.admin-chat-send-btn svg{position:relative;transition:transform .2s ease;z-index:1}.admin-chat-send-btn:hover:not(:disabled) svg{transform:translate(1px,-1px)}.admin-chat-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.admin-chat-placeholder h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.admin-chat-placeholder p{font-size:.875rem;margin:0}@media (max-width:1024px){.admin-chat-window{height:calc(100vh - 4rem);max-height:90vh;max-width:100%;width:calc(100vw - 2rem)}}@media (max-width:768px){.admin-chat-widget-button{bottom:1.5rem;height:56px;right:1.5rem;width:56px}.admin-chat-window{border-radius:0;bottom:0;height:100vh;max-height:100%;max-width:100%;right:0;width:100vw}.admin-chat-window-header{padding:1rem 1.25rem}.admin-chat-header-info h3{font-size:1rem}.admin-chat-content{flex-direction:column;height:calc(100vh - 140px);overflow:hidden}.admin-chat-conversations{border-bottom:2px solid #e5e7eb;border-right:none;display:flex;flex-direction:column;flex-shrink:0;max-height:40vh;min-height:200px;overflow:hidden;width:100%}.admin-chat-conversations-list{flex:1 1}.admin-chat-conversations-list.expanded{display:block}.admin-chat-conversations-header{padding:.875rem 1rem}.admin-chat-conversations-list{max-height:calc(40vh - 60px);overflow-y:auto}.admin-chat-conversation-item{margin-bottom:.5rem;padding:1rem}.admin-chat-conversation-avatar{height:40px;width:40px}.admin-chat-messages-area{display:flex;flex:1 1;flex-direction:column;min-height:0}.admin-chat-messages-header{flex-shrink:0;padding:1rem}.admin-chat-messages-container{flex:1 1;min-height:0;padding:1rem}.admin-chat-message{max-width:85%}.admin-chat-input-container{flex-shrink:0;padding:1rem}.admin-chat-input{font-size:.875rem;padding:.75rem 1rem}.admin-chat-send-btn{height:44px;width:44px}}@media print{.admin-chat-unread-badge,.admin-chat-widget-button,.admin-chat-window{display:none!important;visibility:hidden!important}}.page-content{min-height:100vh}.page-content,.page-content.page-enter{animation:pageFadeIn .25s cubic-bezier(.4,0,.2,1)}.error-boundary{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:3rem 2rem;text-align:center;width:100%}.error-boundary-icon{animation:pulse 2s ease-in-out infinite;color:#ef4444;display:flex;justify-content:center;margin-bottom:1.5rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.error-boundary-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1rem}.error-boundary-message{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.error-boundary-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem;text-align:left}.error-boundary-details summary{color:#374151;cursor:pointer;font-weight:600;margin-bottom:.5rem}.error-boundary-details pre{color:#dc2626;font-size:.875rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary-id{color:#9ca3af;font-family:Courier New,monospace;font-size:.875rem;margin-bottom:2rem}.error-boundary-id code{background:#f3f4f6;border-radius:4px;color:#6b7280;padding:.25rem .5rem}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-boundary-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.error-boundary-btn-primary{background:#6b8e6b;color:#fff}.error-boundary-btn-primary:hover{background:#5a7a5a;box-shadow:0 4px 12px #6b8e6b4d;transform:translateY(-2px)}.error-boundary-btn-secondary{background:#f3f4f6;color:#374151}.error-boundary-btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.error-boundary-btn-tertiary{background:#0000;border:2px solid #6b8e6b;color:#6b8e6b}.error-boundary-btn-tertiary:hover{background:#6b8e6b;color:#fff}.error-boundary-debug{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:2rem;padding:1rem;text-align:left}.error-boundary-debug h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.5rem}.error-boundary-debug pre{color:#6b7280;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.error-boundary-container{padding:2rem 1.5rem}.error-boundary-title{font-size:1.5rem}.error-boundary-message{font-size:1rem}.error-boundary-actions{flex-direction:column}.error-boundary-btn{justify-content:center;width:100%}}.notification-bell-container{align-self:center}.notification-bell-button,.notification-bell-container{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px}.notification-bell-button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;padding:0;transition:all .3s ease}.notification-bell-button:hover{background-color:#6b8e6b1a;color:#6b8e6b;transform:scale(1.1)}.notification-bell-button svg{height:20px;width:20px}.notification-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:10px;box-shadow:0 2px 6px #ef444466;box-sizing:border-box;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:.2rem .45rem;position:absolute;right:-2px;text-align:center;top:-2px;z-index:1000}.notification-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;box-sizing:border-box;display:flex;flex-direction:column;max-height:550px;max-width:400px;overflow:hidden;position:fixed;transform-origin:top right;width:400px;z-index:100000}.notification-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem .875rem}.notification-header h3{color:#2d3748;font-size:.9375rem;font-weight:700;margin:0}.mark-all-read-btn{align-items:center;background:none;border:none;border-radius:5px;color:#6b8e6b;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.3rem .5rem;transition:all .2s ease}.mark-all-read-btn:hover{background:#f0f7f0;color:#5a7a5a}.notification-list{box-sizing:border-box;max-height:500px;overflow-x:hidden;overflow-y:auto;width:100%}.notification-section-title{background:#f7fafc;color:#718096;font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:.375rem .875rem .25rem;text-transform:uppercase}.notification-item{align-items:flex-start;background:#fff;border-bottom:1px solid #f1f5f9;box-sizing:border-box;cursor:pointer;display:flex;gap:.5rem;min-width:0;overflow:hidden;padding:.625rem .875rem;transition:all .2s ease;width:100%}.notification-icon-wrapper{align-items:center;border-radius:5px;display:flex;flex-shrink:0;height:28px;justify-content:center;padding-top:0;width:28px}.notification-icon{color:#6b8e6b;height:14px;width:14px}.notification-item:hover{background:#f8fdf8}.notification-item.unread{background:#fefefb;border-left:3px solid #ff9500}.notification-item.unread:hover{background:#fafafa}.notification-item.unread .notification-icon{color:#ff9500}.notification-item.unread .notification-title{color:#1a202c;font-weight:700}.notification-item.unread .notification-message{color:#2d3748}.notification-item.unread .notification-time{color:#4a5568}.notification-content{align-items:stretch;flex:1 1;flex-direction:column;gap:.25rem;overflow:visible}.notification-content,.notification-header-row{box-sizing:border-box;display:flex;min-width:0;width:100%}.notification-header-row{align-items:flex-start;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-bottom:0}.notification-title-section{display:flex;flex:1 1;flex-direction:column;gap:.25rem;margin-right:.5rem;min-width:0;overflow:visible;width:100%}.notification-title{word-wrap:break-word;color:#2d3748;font-size:.8125rem;font-weight:700;line-height:1.4;margin-bottom:0;min-width:0;overflow-wrap:break-word;word-break:break-word}.notification-item.read .notification-title{color:#4a5568;font-weight:600}.notification-badges{align-items:flex-start;align-self:flex-start;display:flex;flex-shrink:0;gap:.25rem;overflow:hidden}.notification-type-badge{text-transform:capitalize}.notification-status-badge,.notification-type-badge{border-radius:3px;font-size:.625rem;font-weight:600;padding:.15rem .4rem;white-space:nowrap}.notification-status-badge.unread-badge{background:#fef3c7;color:#d97706}.notification-status-badge.read-badge{background:#f1f5f9;color:#64748b}.notification-message{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:.75rem;line-height:1.4;margin-top:.125rem;overflow:hidden}.notification-details{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:.5rem;overflow:hidden;width:100%}.notification-detail-item{align-items:center;background:#f1f5f9;border-radius:3px;color:#4a5568;display:inline-flex;flex-grow:0;flex-shrink:1;font-size:.6875rem;font-weight:500;overflow:hidden;padding:.15rem .4rem;text-overflow:ellipsis;white-space:nowrap}.notification-footer-row{align-items:center;border-top:none;box-sizing:border-box;display:flex;gap:.5rem;justify-content:flex-start;margin-top:.25rem;min-width:0;padding-top:0;width:auto}.notification-time{color:#a0aec0;flex-shrink:0;font-size:.6875rem;font-weight:500;line-height:1.2;margin:0;padding:0;white-space:nowrap}.notification-link-indicator{align-items:center;color:#6b8e6b;display:flex;flex-shrink:0;font-size:.625rem;font-weight:600;gap:.25rem;white-space:nowrap}.notification-link-indicator:before{content:"🔗";font-size:.7rem}.notification-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:.2rem;min-width:0;overflow:visible;padding-top:0}.notification-dropdown .notification-action-btn,.notification-dropdown .notification-actions .notification-action-btn{align-items:center;background:none!important;border:none!important;border-radius:3px!important;box-shadow:none!important;color:#718096;cursor:pointer;display:flex!important;flex-shrink:0;flex:0 0 auto!important;font-size:inherit!important;height:14px!important;justify-content:center;letter-spacing:normal!important;min-height:14px!important;min-width:14px!important;padding:.1rem!important;text-transform:none!important;transition:all .2s ease;width:14px!important}.notification-dropdown .notification-action-btn svg,.notification-dropdown .notification-actions .notification-action-btn svg{flex-shrink:0;height:8px!important;width:8px!important}.notification-dropdown .notification-action-btn:hover,.notification-dropdown .notification-actions .notification-action-btn:hover{background:#f1f5f9!important;color:#2d3748}.notification-empty{color:#a0aec0;padding:3rem 1.25rem;text-align:center}.notification-empty svg{margin-bottom:.75rem;opacity:.5}.notification-empty p{font-size:.9375rem;font-weight:500;margin:0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.notification-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:.5rem .875rem}.view-all-link{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border-radius:5px;box-shadow:0 2px 4px #6b8e6b33;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease;width:100%}.view-all-link:hover{background:linear-gradient(135deg,#5a7a5a,#4a6a4a);box-shadow:0 4px 8px #6b8e6b4d;transform:translateY(-1px)}.view-all-link:active{transform:translateY(0)}.view-all-link svg{transition:transform .2s ease}.view-all-link:hover svg{transform:translateX(2px)}@media (max-width:768px){.notification-dropdown{max-width:calc(100vw - 2rem);width:340px}}@media (max-width:480px){.notification-dropdown{left:auto!important;max-width:360px;right:1rem!important;width:calc(100vw - 2rem)}}.notification-detail-view{display:flex;flex-direction:column;height:100%;max-height:550px}.notification-detail-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 1rem}.notification-back-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b8e6b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.notification-back-btn:hover{background:#6b8e6b1a}.notification-detail-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem;text-align:center}.notification-detail-icon{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;margin-bottom:1rem;width:56px}.notification-detail-icon svg{height:24px;width:24px}.notification-detail-title{color:#1e293b;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.notification-detail-message{color:#475569;font-size:.9375rem;line-height:1.6;margin:0 0 1rem;text-align:center}.notification-detail-order{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.detail-order-item{align-items:center;display:flex;justify-content:space-between;padding:.35rem 0}.detail-order-item:not(:last-child){border-bottom:1px solid #e2e8f0}.detail-order-label{color:#64748b;font-size:.8125rem;font-weight:500}.detail-order-value{color:#1e293b;font-size:.8125rem;font-weight:600}.notification-detail-time{color:#94a3b8;font-size:.8125rem;margin-top:auto;padding-top:.5rem}.notification-detail-actions{background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.notification-proceed-btn{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;border-radius:8px;box-shadow:0 2px 8px #6b8e6b4d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.notification-proceed-btn:hover{background:linear-gradient(135deg,#5a7a5a,#4a6a4a);box-shadow:0 4px 12px #6b8e6b66;transform:translateY(-1px)}.notification-disregard-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease;width:100%}.notification-disregard-btn:hover{background:#f1f5f9;border-color:#cbd5e0;color:#475569}.notification-delete-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;width:100%}.notification-delete-btn:hover{background:#fef2f2;color:#dc2626}@media (max-width:480px){.notification-detail-content{padding:1rem}.notification-detail-icon{height:48px;width:48px}.notification-detail-icon svg{height:20px;width:20px}.notification-detail-title{font-size:1rem}.notification-detail-message{font-size:.875rem}.notification-detail-actions{gap:.4rem;padding:.75rem}.notification-proceed-btn{font-size:.875rem;padding:.625rem .875rem}.notification-disregard-btn{font-size:.8125rem;padding:.5rem .875rem}}.optimized-image-container{background-color:#f0f7f0;overflow:hidden;position:relative}.optimized-image,.optimized-image-container{box-sizing:border-box;display:block;flex-grow:0;flex-shrink:0;max-width:100%;width:100%}.optimized-image{height:100%;max-height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .3s ease-in-out}.optimized-image-loaded{opacity:1}.optimized-image-placeholder{height:100%;left:0;opacity:.5;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1}.optimized-image-loaded~.optimized-image-placeholder{opacity:0}.optimized-image-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.optimized-image-error{align-items:center;background-color:#f3f4f6;display:flex;justify-content:center}.optimized-image-error .optimized-image{filter:grayscale(100%);opacity:.5}@media (max-width:768px){.optimized-image-container{max-height:100vw;max-width:100vw;min-height:200px}.optimized-image{max-height:100%;max-width:100%}}.optimized-image:focus{outline:2px solid #6b8e6b;outline-offset:2px}@media (prefers-reduced-motion:reduce){.optimized-image,.optimized-image-placeholder{transition:none}.optimized-image-skeleton{animation:none;background:#e5e7eb}}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;overflow:hidden;padding:1rem;position:fixed;right:0;top:0;z-index:999999}.confirm-modal,.confirm-modal-overlay *{position:relative}.confirm-modal{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8faf8);border:2px solid #6b8e6b26;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #6b8e6b1a;isolation:isolate;max-width:480px;overflow:hidden;width:100%;z-index:1}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#6b8e6b,#8fbc8f,#6b8e6b);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.confirm-modal-close{align-items:center;background:#6b8e6b1a;border:none;border-radius:50%;color:#6b8e6b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.confirm-modal-close:hover{background:#6b8e6b33;color:#5a7a5a;transform:rotate(90deg)}.confirm-modal-content{background:inherit;padding:2.5rem 2rem 2rem;position:relative;text-align:center;z-index:2}.confirm-modal-icon-wrapper{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ecfdf3,#d1fae5);border:2px solid #6b8e6b33;border-radius:50%;display:inline-flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.confirm-modal-icon-wrapper.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b4d}.confirm-modal-icon-wrapper.warning .confirm-modal-icon{color:#f59e0b}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.confirm-modal-icon{color:#6b8e6b}.confirm-modal-title{color:#1a202c;font-family:Inter,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.confirm-modal-message{color:#4a5568;font-family:Inter,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;margin:0 0 2rem}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:center}.confirm-modal-btn{border:2px solid;border-radius:12px;cursor:pointer;font-family:Inter,Helvetica Neue,sans-serif;font-size:.9375rem;font-weight:600;min-width:100px;padding:.75rem 2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.confirm-modal-btn-cancel{background:#fff;border-color:#e2e8f0;color:#64748b}.confirm-modal-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-2px)}.confirm-modal-btn-confirm{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border-color:#6b8e6b;box-shadow:0 4px 12px #6b8e6b4d;color:#fff}.confirm-modal-btn-confirm:hover{background:linear-gradient(135deg,#5a7a5a,#4a6a4a);box-shadow:0 6px 16px #6b8e6b66;transform:translateY(-2px) scale(1.02)}.confirm-modal-btn-confirm:active{transform:translateY(0) scale(1)}.confirm-modal-btn-confirm.warning{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.confirm-modal-btn-confirm.warning:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466}.confirm-modal-with-product{max-width:520px}.confirm-modal-product-image{align-items:center;background:#f8faf8;border:3px solid #6b8e6b33;border-radius:16px;box-shadow:0 8px 24px #0000001f;display:flex;height:140px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;position:relative;width:140px}.confirm-modal-image{border-radius:13px;height:100%;object-fit:cover;width:100%}.confirm-modal-product-info{margin-bottom:1.5rem;text-align:center}.confirm-modal-product-name{color:#1a202c;font-family:Inter,Helvetica Neue,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.confirm-modal-variation{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.variation-badge{align-items:center;background:linear-gradient(135deg,#ecfdf3,#d1fae5);border:1.5px solid #6b8e6b4d;border-radius:20px;color:#047857;display:inline-flex;font-family:Inter,Helvetica Neue,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.02em;padding:.35rem .75rem}.confirm-modal-product-details{background:linear-gradient(135deg,#f8faf8,#fff);border:2px solid #6b8e6b1a;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem}.confirm-modal-detail-item{align-items:center;border-bottom:1px solid #6b8e6b1a;display:flex;justify-content:space-between;padding:.5rem 0}.confirm-modal-detail-item:last-child{border-bottom:none}.confirm-modal-detail-item.total{border-bottom:none;border-top:2px solid #6b8e6b33;font-weight:700;margin-top:.25rem;padding-top:.75rem}.confirm-modal-detail-item.total .detail-label{color:#1a202c;font-size:1.0625rem}.confirm-modal-detail-item.total .detail-value{color:#6b8e6b;font-size:1.25rem}.detail-label{color:#64748b;font-size:.9375rem;font-weight:500}.detail-label,.detail-value{font-family:Inter,Helvetica Neue,sans-serif}.detail-value{color:#1a202c;font-size:1rem;font-weight:600}.confirm-modal-with-product .confirm-modal-title{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem;margin-top:1.5rem}.confirm-modal-with-product .confirm-modal-message{font-size:.9375rem;margin-bottom:1.5rem}@media (max-width:480px){.confirm-modal{margin:1rem;max-width:95%}.confirm-modal-with-product{max-width:95%}.confirm-modal-content{padding:2rem 1.5rem 1.5rem}.confirm-modal-product-image{height:120px;width:120px}.confirm-modal-product-name,.confirm-modal-title{font-size:1.25rem}.confirm-modal-message{font-size:.9375rem}.confirm-modal-actions{flex-direction:column}.confirm-modal-btn{width:100%}.confirm-modal-product-details{padding:.875rem 1rem}}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fdf8);border-bottom:1px solid #6b8e6b1a;box-shadow:0 4px 20px #00000014;box-sizing:border-box;flex-wrap:nowrap;gap:1.5rem;min-height:70px;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.admin-header,.admin-header-main{align-items:center;display:flex;justify-content:space-between}.admin-header-main{flex:1 1;gap:2rem;min-width:0}.admin-header>.mobile-menu-toggle{align-items:center;display:flex;flex-shrink:0;height:48px}.admin-nav{box-sizing:border-box;display:flex;flex:1 1;flex-wrap:nowrap;gap:1rem;height:48px;min-width:0}.admin-nav,.mobile-menu-toggle{align-items:center;justify-content:center;transition:all .3s ease}.mobile-menu-toggle{background:none;border:2px solid #0000;border-radius:8px;color:#6b8e6b;cursor:pointer;display:none;flex-shrink:0;order:0;padding:.5rem}@media (min-width:769px){.mobile-menu-toggle{display:none!important}}.mobile-menu-toggle:hover{background:#6b8e6b14;border-color:#6b8e6b33}.mobile-menu-toggle:active{transform:scale(.95)}.nav-item{border:2px solid #0000;border-radius:12px;color:#6b7280;cursor:pointer;flex-shrink:0;font-weight:500;justify-content:space-between;overflow:visible;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-item,.nav-item-content{align-items:center;display:flex;gap:.5rem}.nav-item-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 6px #ef444466;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:700;line-height:1.2;min-width:20px;padding:.2rem .5rem;text-align:center;transition:transform .2s ease}.nav-item:hover{background:#6b8e6b14;border-color:#6b8e6b33;color:#4b5563}.nav-item:hover .nav-item-badge{transform:scale(1.05)}.nav-item.active{background:linear-gradient(135deg,#6b8e6b,#86a686);box-shadow:0 4px 12px #6b8e6b4d;color:#fff;font-weight:600}.nav-item.disabled{cursor:not-allowed;opacity:.5}.nav-item.disabled:hover{background:none;border-color:#0000;transform:none}.nav-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:transform .2s ease;width:18px}.nav-item:hover .nav-icon{transform:scale(1.1)}.admin-title{box-sizing:border-box;flex:0 0 auto;flex-shrink:0;height:48px;justify-content:flex-start;max-width:200px;min-width:150px}.admin-title,.admin-title h1{align-items:center;display:flex}.admin-title h1{color:#6b8e6b;font-size:1.5rem;font-weight:700;letter-spacing:1px;line-height:1;margin:0;text-align:left;text-transform:capitalize;white-space:nowrap}.admin-actions{align-items:center;display:flex;flex:0 0 auto;flex-shrink:0;gap:1rem;height:48px;justify-content:flex-end;min-width:120px}.profile-dropdown{position:relative;z-index:10000}.user-profile{align-items:center;background:none;border:2px solid #0000;border-radius:12px;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;gap:.5rem;height:44px;padding:.4rem .6rem;transition:all .3s ease}.user-profile:hover{background:#6b8e6b14;border-color:#6b8e6b33}.dropdown-arrow{align-items:center;color:#6b7280;display:flex;flex-shrink:0;transition:transform .3s ease}.user-profile:hover .dropdown-arrow{transform:rotate(180deg)}.user-icon{color:#6b8e6b;flex-shrink:0;transition:all .3s ease}.user-profile:hover .user-icon{color:#5a755a}.profile-dropdown-menu{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f9fafb;color:#1f2937}.dropdown-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:1rem;opacity:.7}.dropdown-divider{background:#e5e7eb;height:1px;margin:.25rem 0}.logout-item{color:#dc2626;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logout-item:hover{background:#fef2f2;color:#b91c1c}@media (max-width:1024px){.admin-header{gap:1rem;padding:.75rem 1.5rem}.admin-header-main{gap:1.5rem}.admin-nav{gap:.75rem}.nav-item{font-size:.875rem;padding:.625rem 1rem}.nav-item span:not(.nav-icon){display:none}}@media (max-width:768px){.admin-header{flex-wrap:wrap;gap:1rem;min-height:70px;padding:.75rem 1rem;position:relative}.admin-header-main{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between;min-width:0;position:relative}.mobile-menu-toggle{display:flex;flex-shrink:0;height:44px;min-width:44px;order:0;width:44px;z-index:10}.admin-title{flex:0 0 auto;height:auto;max-width:150px;min-height:42px;min-width:120px}.admin-title h1{font-size:1.2rem}.admin-actions{flex:0 0 auto;gap:.75rem;height:auto;min-height:42px;min-width:100px}.admin-header-main .admin-nav{align-items:stretch;background:#fff;border:1px solid #6b8e6b1a;border-left:none;border-radius:0;border-right:none;box-shadow:0 4px 20px #0000001a;flex:none;flex-direction:column;gap:0;height:auto;justify-content:flex-start;left:0;max-height:0;min-width:auto;opacity:0;overflow:hidden;padding:0;position:fixed;right:0;top:70px;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.admin-header-main .admin-nav.mobile-menu-open{max-height:calc(100vh - 70px);opacity:1;overflow-y:auto;padding:.75rem;visibility:visible}.nav-item{border-radius:8px;font-size:1rem;justify-content:flex-start;margin-bottom:.5rem;padding:1.25rem 1.5rem;width:100%}.nav-item span{display:inline!important}.user-profile{padding:.4rem .75rem}.user-icon{height:28px;width:28px}}@media (max-width:480px){.admin-header{flex-wrap:wrap;gap:.75rem;min-height:65px;padding:.5rem .75rem;position:relative}.admin-header-main{gap:.75rem}.mobile-menu-toggle{height:40px;min-width:40px;padding:.5rem;width:40px;z-index:10}.mobile-menu-toggle svg{height:20px;width:20px}.admin-title{height:auto;max-width:120px;min-height:38px;min-width:100px}.admin-title h1{font-size:1rem}.admin-actions{gap:.5rem;height:auto;min-height:38px;min-width:90px}.admin-header-main .admin-nav{left:0;padding:0;right:0;top:65px;width:100%}.admin-header-main .admin-nav.mobile-menu-open{max-height:calc(100vh - 65px);overflow-y:auto;padding:.5rem}.nav-item{font-size:.95rem;padding:1rem 1.25rem}.nav-icon{font-size:1.1rem}.user-profile{padding:.3rem .6rem}.user-icon{height:24px;width:24px}}@media (max-width:768px) and (orientation:landscape){.admin-header{gap:.75rem;padding:.5rem 1rem}.admin-header,.admin-header-main{position:relative}.admin-header-main .admin-nav{border-radius:0;left:0;right:0;top:70px;width:100%}.admin-header-main .admin-nav.mobile-menu-open{max-height:calc(100vh - 70px);overflow-y:auto;padding:.5rem}.nav-item{font-size:.95rem;padding:.875rem 1rem}}.image-editor-modal{align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-editor-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.editor-header h2{color:#166534;font-size:1.5rem;font-weight:600;margin:0}.close-editor-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-editor-btn:hover{background:#0000000d;color:#dc2626}.editor-content{display:flex;flex:1 1;gap:2rem;overflow:hidden;padding:2rem}.editor-canvas-container{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:1rem}.editor-canvas{background:#fff;display:block}.editor-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:1.5rem;max-height:calc(90vh - 200px);overflow-y:auto;padding:1.5rem;width:280px}.control-group,.editor-controls{display:flex;flex-direction:column}.control-group{gap:.75rem}.control-group h3{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.control-buttons{flex-wrap:wrap;gap:.5rem}.control-btn,.control-buttons{align-items:center;display:flex}.control-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;min-width:48px;padding:.75rem;transition:all .2s ease}.control-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border-color:#6b8e6b;box-shadow:0 4px 8px #6b8e6b4d;color:#fff;transform:translateY(-2px)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.zoom-value{color:#374151;font-size:.875rem;font-weight:600;min-width:60px;text-align:center}.reset-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:auto;padding:.75rem 1.5rem;transition:all .2s ease}.reset-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.editor-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.cancel-btn{background:#fff;border:1.5px solid #e5e7eb;color:#374151}.cancel-btn:hover{background:#f3f4f6;border-color:#d1d5db}.save-btn{background:linear-gradient(135deg,#6b8e6b,#5a7a5a)}.save-btn:hover{box-shadow:0 4px 12px #6b8e6b66;transform:translateY(-2px)}.editor-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:4rem}@media (max-width:768px){.image-editor-modal{padding:1rem}.editor-content{flex-direction:column;gap:1rem;padding:1rem}.editor-controls{max-height:300px;width:100%}.editor-canvas-container{max-height:50vh}}.image-gallery-page{animation:fadeInUp .4s ease-out;background:linear-gradient(135deg,#f8faf8,#f0f7f0);font-family:Inter,Helvetica Neue,sans-serif;min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-gallery-page.modal-mode{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.image-gallery-container{animation:softZoom .5s ease-out;margin:0 auto;max-width:1400px;padding:2rem}@keyframes softZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-mode .image-gallery-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.gallery-header{align-items:flex-start;border-bottom:2px solid #e5f4e5;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.gallery-header-left{flex:1 1}.back-btn{align-items:center;background:#fff;border:1.5px solid #d1fae5;border-radius:8px;color:#166534;display:flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.back-btn:hover{background:#f0fdf4;border-color:#6b8e6b;transform:translateX(-2px)}.gallery-header h1{align-items:center;color:#166534;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.gallery-header p{color:#6b7280;font-size:1rem;margin:0}.close-modal-btn{background:#fef2f2;border:1.5px solid #fee2e2;border-radius:8px;color:#dc2626;cursor:pointer;padding:.5rem;transition:all .2s ease}.close-modal-btn:hover{background:#fee2e2;transform:rotate(90deg)}.upload-zone{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px dashed #86efac;border-radius:16px;cursor:pointer;margin-bottom:2rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.upload-zone:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.upload-zone:hover:before{left:100%}.upload-zone.drag-active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#6b8e6b;box-shadow:0 8px 24px #6b8e6b33;transform:scale(1.02)}.upload-zone.uploading{opacity:.7;pointer-events:none}.upload-zone-content{position:relative;z-index:1}.upload-icon{animation:leafPulse 2s ease-in-out infinite;color:#6b8e6b;margin-bottom:1rem}@keyframes leafPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.upload-zone h3{color:#166534;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.upload-zone p{color:#6b7280;font-size:.95rem;margin:0 0 1.5rem}.upload-btn{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;border-radius:10px;box-shadow:0 4px 12px #6b8e6b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.upload-btn:hover:not(:disabled){box-shadow:0 6px 20px #6b8e6b66;transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.7}.upload-progress-container{animation:slideDown .3s ease-out;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:1.5rem;padding:1.25rem}.upload-progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.progress-phase{color:#166534;font-size:.875rem;font-weight:600}.progress-text{color:#6b7280;font-size:.875rem;font-weight:500}.upload-progress-bar{background:#f3f4f6;border-radius:10px;box-shadow:inset 0 2px 4px #0000000d;height:12px;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.upload-progress-fill{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#6b8e6b,#86efac 50%,#6b8e6b);background-size:200% 100%;border-radius:10px;box-shadow:0 2px 8px #6b8e6b4d;height:100%;transition:width .3s ease-out}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-percentage{color:#166534;font-size:.875rem;font-weight:700;margin-top:.25rem;text-align:center}.spinning{animation:spin 1s linear infinite}.gallery-search{margin-bottom:1.5rem;position:relative}.gallery-search .search-icon{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.gallery-search .search-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:.95rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s ease;width:100%}.gallery-search .search-input:focus{border-color:#6b8e6b;box-shadow:0 0 0 3px #6b8e6b1a;outline:none}.gallery-controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.mode-toggle{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.mode-btn:hover{background:#f3f4f6;color:#374151}.mode-btn.active{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);color:#fff}.selection-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #bbf7d0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;padding:.75rem 1.25rem;width:100%}.selection-info,.selection-left{align-items:center;display:flex;gap:1rem}.select-all-btn{background:#fff;border:1.5px solid #6b8e6b;border-radius:6px;color:#166534;cursor:pointer;font-size:.875rem;font-weight:600;padding:.375rem .875rem;transition:all .2s ease}.select-all-btn:hover{background:#6b8e6b;box-shadow:0 2px 8px #6b8e6b4d;color:#fff;transform:translateY(-1px)}.selection-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.delete-selected-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.delete-selected-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.clear-selection-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.clear-selection-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.confirm-selection-btn{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s ease}.confirm-selection-btn:hover{box-shadow:0 4px 12px #6b8e6b4d;transform:translateY(-1px)}.images-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.image-card{animation:imageCardFadeIn .4s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}@keyframes imageCardFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-card:hover{border-color:#6b8e6b;box-shadow:0 8px 24px #6b8e6b33;transform:translateY(-4px)}.image-card.selected{animation:plantBloom .3s ease-out;border-color:#6b8e6b;box-shadow:0 0 0 3px #6b8e6b33}@keyframes plantBloom{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.image-card.deleting{opacity:.5;pointer-events:none}.image-card img{display:block;height:200px;object-fit:cover;width:100%}.image-card-overlay{align-items:center;background:#00000080;bottom:0;display:flex;gap:.75rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.image-card:hover .image-card-overlay{opacity:1}.select-checkbox{align-items:center;background:#fff;border:2px solid #6b8e6b;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;left:.75rem;position:absolute;top:.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px;z-index:2}.select-checkbox .checkbox-empty{background:#0000;border:2px solid #cbd5e1;border-radius:4px;height:16px;width:16px}.select-checkbox.selected{animation:checkboxPulse .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b98166;color:#fff}.select-checkbox.selected svg{animation:checkBounce .5s ease-out}.select-checkbox:hover{box-shadow:0 4px 12px #6b8e6b66;transform:scale(1.1)}.select-checkbox.selected:hover{box-shadow:0 6px 16px #10b98180}@keyframes checkboxPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.select-image-btn{align-items:center;background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.select-image-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.select-image-btn:active:before{height:300px;width:300px}.select-image-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.select-image-btn.selected{animation:selectPulse .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.select-image-btn.selected:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98180;transform:translateY(-2px) scale(1.05)}.select-image-btn.selected svg{animation:checkBounce .5s ease-out}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkBounce{0%,to{transform:scale(1)}25%{transform:scale(1.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(10deg)}75%{transform:scale(1.2) rotate(-5deg)}}.image-card-actions{display:flex;gap:.5rem;position:absolute;right:.75rem;top:.75rem;z-index:2}.delete-image-btn,.edit-image-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.edit-image-btn{background:#3b82f6e6}.edit-image-btn:hover{background:#3b82f6;transform:scale(1.1)}.delete-image-btn{background:#ef4444e6}.delete-image-btn:hover{background:#ef4444;background:#dc2626;box-shadow:0 2px 8px #dc262666;transform:scale(1.1)}.image-card-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:6px;bottom:.5rem;padding:.375rem .625rem;position:absolute;right:.5rem}.image-size{color:#fff;display:block;font-size:.75rem;font-weight:500}.empty-state,.loading-state{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-state svg,.loading-state svg{color:#6b8e6b;margin-bottom:1rem}.empty-state p,.loading-state p{font-size:1rem;margin:.5rem 0 0}.empty-state h3{color:#374151;font-size:1.25rem;margin:.5rem 0}.gallery-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:2rem;padding-top:2rem}.gallery-pagination .pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination-arrow-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.pagination-arrow-btn:hover:not(:disabled){background:#6b8e6b;border-color:#6b8e6b;box-shadow:0 4px 8px #6b8e6b40;color:#fff;transform:translateY(-1px)}.pagination-arrow-btn:active:not(:disabled){box-shadow:0 2px 4px #6b8e6b33;transform:translateY(0)}.pagination-arrow-btn:disabled{background:#f9fafb;border-color:#e5e7eb;box-shadow:none;color:#d1d5db;cursor:not-allowed;opacity:.35}.pagination-numbers{align-items:center;display:flex;gap:.375rem;padding:0 .25rem}.pagination-number{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagination-number:hover:not(.active){background:#f0f9f0;border-color:#6b8e6b;box-shadow:0 2px 4px #6b8e6b26;color:#6b8e6b;transform:translateY(-1px)}.pagination-number.active{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border-color:#6b8e6b;box-shadow:0 4px 8px #6b8e6b4d;color:#fff;font-weight:700;transform:scale(1.05)}.pagination-number.active:hover{background:linear-gradient(135deg,#5a7a5a,#4a6a4a);border-color:#5a7a5a;transform:scale(1.05)}@media (max-width:768px){.image-gallery-container{padding:1rem}.gallery-header h1{font-size:1.5rem}.upload-zone{padding:2rem 1rem}.images-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-card img{height:150px}.modal-mode .image-gallery-container{max-height:95vh;padding:1rem}}@media (max-width:480px){.images-grid{grid-template-columns:repeat(2,1fr)}.gallery-pagination{flex-direction:column;gap:.75rem}}.variation-management{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:2rem 0;padding:2rem}.variation-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.variation-management-header h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.add-variation-btn{align-items:center;background:#6b8e6b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-variation-btn:hover:not(:disabled){background:#5a7a5a;box-shadow:0 4px 12px #6b8e6b4d;transform:translateY(-2px)}.add-variation-btn:disabled{cursor:not-allowed;opacity:.6}.variation-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1rem;padding:1rem}.variation-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.form-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.form-header h4{color:#2d3748;font-size:1.25rem;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:#f8f9fa;color:#2d3748}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid,.form-group{margin-bottom:1.5rem}.form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6b8e6b;box-shadow:0 0 0 3px #6b8e6b1a;outline:none}.attributes-input{display:flex;gap:.5rem;margin-bottom:.75rem}.attributes-input input{flex:1 1}.add-attr-btn{background:#6b8e6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.add-attr-btn:hover{background:#5a7a5a}.attributes-list{display:flex;flex-wrap:wrap;gap:.5rem}.attribute-tag{align-items:center;background:#e9ecef;border-radius:20px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.attribute-tag button{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;padding:0;transition:color .2s ease}.attribute-tag button:hover{color:#c33}.image-upload{margin-top:.5rem}.upload-label{align-items:center;background:#f8f9fa;border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem;transition:all .2s ease}.upload-label:hover{background:#f0f7f0;border-color:#6b8e6b}.upload-label span{color:#6b8e6b;font-weight:500}.image-preview{border:2px solid #e2e8f0;border-radius:8px;height:120px;overflow:hidden;position:relative;width:120px}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#c33;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.image-preview button:hover{background:#fee;transform:scale(1.1)}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:.5rem}.form-actions{border-top:2px solid #e9ecef;margin-top:2rem;padding-top:1.5rem}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn{background:#e9ecef;color:#2d3748}.cancel-btn:hover:not(:disabled){background:#dee2e6}.save-btn{background:#6b8e6b;color:#fff}.save-btn:hover:not(:disabled){background:#5a7a5a;box-shadow:0 4px 12px #6b8e6b4d;transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.variations-list{display:flex;flex-direction:column;gap:1rem}.no-variations{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.variation-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.variation-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.variation-item-header h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .5rem}.default-badge{background:#6b8e6b;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.variation-attributes{display:flex;flex-wrap:wrap;gap:.5rem}.attr-badge{background:#e9ecef;border-radius:12px;color:#2d3748;font-size:.85rem;padding:.25rem .75rem}.variation-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.edit-btn{background:#e3f2fd;color:#1976d2}.edit-btn:hover{background:#bbdefb}.delete-btn{background:#ffebee;color:#c62828}.delete-btn:hover{background:#ffcdd2}.variation-item-details{grid-gap:1rem;border-top:1px solid #e9ecef;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:1rem}.detail-item{color:#4a5568;font-size:.9rem}.detail-item strong{color:#2d3748;margin-right:.5rem}@media (max-width:768px){.variation-form,.variation-management{padding:1.5rem}.form-grid{grid-template-columns:1fr}.variation-item-header{flex-direction:column;gap:1rem}.variation-actions{align-self:flex-end}}.edit-product-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.edit-product-page .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.edit-product-page .bulk-modal{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 40px #0f172a47;max-height:90vh;max-width:420px;overflow:hidden;width:92%}.edit-product-page .modal-header{align-items:center;background:linear-gradient(135deg,#6b8e6b,#88a989);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:1.1rem 1.75rem}.edit-product-page .modal-header h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0}.edit-product-page .close-btn{background:#0000;border:none;color:#e5e7eb;cursor:pointer;font-size:1.4rem;line-height:1;padding:0}.edit-product-page .close-btn:hover{color:#fff}.edit-product-page .modal-content{padding:1.5rem 1.75rem 1rem;text-align:center}.edit-product-page .modal-content .form-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem;text-align:center}.edit-product-page .modal-content .form-input{border-radius:999px;box-shadow:0 0 0 1px #94a3b84d}.edit-product-page .modal-actions{background:#f9fafb;border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.75rem 1.5rem}.edit-product-page .cancel-btn{background:#e5e7eb;border:none;border-radius:999px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;padding:.7rem 1.4rem;transition:all .2s ease}.edit-product-page .cancel-btn:hover{background:#d1d5db}.edit-product-page .execute-btn{background:#6b8e6b;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.7rem 1.6rem;transition:all .2s ease}.edit-product-page .execute-btn:hover:not(:disabled){background:#5a755a}.edit-product-page .execute-btn:disabled{background:#9ca3af;cursor:not-allowed}.edit-content-wrapper{margin:0 auto;max-width:1400px;padding:2rem}.edit-header-section{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 6px #00000014;transform:translateX(-2px)}.header-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.header-title h1{color:#1e293b;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0}.header-title svg{color:#6b8e6b}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.section-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-card:hover{box-shadow:0 2px 6px #0000000f,0 8px 24px #0000000f}.section-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;text-align:left;transition:all .2s ease;width:100%}.section-header:hover{background:#f8fafc}.section-header-left{align-items:center;display:flex;gap:.75rem}.section-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.section-header svg{color:#6b8e6b;flex-shrink:0}.section-content{animation:slideDown .3s ease-out;padding:0 2rem 2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-label{color:#334155;font-size:.875rem;font-weight:600;letter-spacing:.01em}.required{color:#ef4444;margin-left:2px}.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#6b8e6b;box-shadow:0 0 0 4px #6b8e6b14;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;cursor:pointer;padding-right:2.5rem}.category-input-row{align-items:center;display:flex;gap:.75rem}.input-with-prefix{align-items:center;display:flex;position:relative}.input-prefix{color:#64748b;font-size:.95rem;font-weight:600;left:1rem;pointer-events:none;position:absolute;z-index:1}.input-with-prefix .form-input{padding-left:3rem;width:100%}.variations-disabled-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;margin:1rem 0;padding:1.5rem}.notice-message{color:#92400e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;line-height:1.6;margin:0}.notice-message strong{color:#78350f;display:block;font-size:1rem;margin-bottom:.5rem}.form-hint{color:#64748b;font-size:.8125rem;line-height:1.5;margin-top:.25rem}.characteristics-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.characteristic-tag{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.characteristic-tag:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 2px 4px #1665341a;transform:translateY(-1px)}.images-section{display:flex;flex-direction:column;gap:2rem}.section-subtitle{color:#475569;display:block;font-size:.875rem;font-weight:600;margin-bottom:1rem}.main-image-section{align-items:center;display:flex;flex-direction:column}.main-image-preview{aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin:0 auto;max-width:400px;overflow:hidden;position:relative;width:100%}.main-image-preview img{height:100%;object-fit:cover;width:100%}.image-actions{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;position:absolute;right:0;transition:opacity .2s ease}.main-image-preview:hover .image-actions{opacity:1}.image-action-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#1e293b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.image-action-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.image-upload-area{align-items:center;aspect-ratio:1;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;max-width:400px;padding:3rem 2rem;transition:all .2s ease}.image-upload-area:hover{background:#f0f7f0;border-color:#6b8e6b}.image-upload-area svg{color:#94a3b8}.image-upload-options{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px}.upload-divider{color:#94a3b8;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.gallery-select-btn{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #bbf7d0;border-radius:10px;box-shadow:0 2px 4px #6b8e6b1a;color:#166534;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.gallery-select-btn:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#6b8e6b;box-shadow:0 4px 8px #6b8e6b33;transform:translateY(-1px)}.gallery-upload-section{display:flex;flex-direction:column;gap:1rem}.gallery-divider{color:#94a3b8;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-align:center;text-transform:uppercase}.image-loading-overlay{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.spinning{animation:spin .8s linear infinite}.image-upload-area span{color:#475569;font-weight:500}.gallery-drop-zone,.gallery-section{display:flex;flex-direction:column}.gallery-drop-zone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:2.5rem;transition:all .2s ease}.gallery-drop-zone.drag-active,.gallery-drop-zone:hover{background:#f0f7f0;border-color:#6b8e6b;box-shadow:0 4px 12px #6b8e6b1a;transform:translateY(-2px)}.gallery-drop-zone svg{color:#94a3b8}.gallery-drop-zone p{color:#475569;font-weight:500;margin:0}.file-hint{color:#94a3b8;font-size:.8125rem}.gallery-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-item{aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden;position:relative;transition:all .2s ease}.gallery-item:hover{border-color:#6b8e6b;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.gallery-item img{height:100%;object-fit:cover;width:100%}.gallery-item-actions{display:flex;gap:.5rem;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s ease}.gallery-item:hover .gallery-item-actions{opacity:1}.gallery-action-btn{align-items:center;background:#fffffff2;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#475569;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.gallery-action-btn:hover{background:#fff;transform:scale(1.1)}.gallery-action-btn.delete{color:#ef4444}.gallery-action-btn.delete:hover{background:#fee2e2}.main-badge{background:#6b8e6b;border-radius:6px;bottom:.5rem;color:#fff;font-size:.75rem;font-weight:600;left:.5rem;padding:.25rem .75rem;position:absolute}.settings-grid{display:flex;flex-direction:column;gap:1rem}.setting-checkbox{align-items:flex-start;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.setting-checkbox:hover{background:#f0f7f0;border-color:#6b8e6b}.setting-checkbox input[type=checkbox]{accent-color:#6b8e6b;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-label{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.checkbox-title{color:#1e293b;font-size:.95rem;font-weight:600}.checkbox-desc{color:#64748b;font-size:.8125rem}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.cancel-button,.save-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-button{background:#fff;border:1.5px solid #e2e8f0;color:#475569}.cancel-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.save-button{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);box-shadow:0 2px 8px #6b8e6b4d;color:#fff}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#5a7a5a,#4a6a4a);box-shadow:0 4px 12px #6b8e6b66;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#6b8e6b;height:48px;margin-bottom:1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error-container p,.loading-container p{color:#64748b;font-size:1rem;margin:0}.error-container p{color:#ef4444;margin-bottom:1.5rem}.back-btn{background:#6b8e6b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn:hover{background:#5a7a5a;box-shadow:0 2px 8px #6b8e6b4d;transform:translateY(-1px)}@media (max-width:1024px){.edit-content-wrapper{padding:1.5rem}.form-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.edit-content-wrapper{padding:1rem}.header-title h1{font-size:1.5rem}.section-header{padding:1.25rem 1.5rem}.section-content{padding:0 1.5rem 1.5rem}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{justify-content:center;width:100%}.main-image-preview{max-width:100%}.gallery-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.edit-header-section{align-items:flex-start;flex-direction:column;gap:1rem}.back-button{justify-content:center;width:100%}.section-header{padding:1rem}.section-content{padding:0 1rem 1rem}.form-input,.form-select,.form-textarea{padding:.75rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-feature-settings:"liga" 1,"kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a3d0f;color:#333;font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}.App{animation:pageFadeIn .25s cubic-bezier(.4,0,.2,1);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 2rem}html{scroll-behavior:smooth}*{scrollbar-color:#6b8e6b #f0f7f0;scrollbar-width:thin}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f0f7f0;border-radius:10px;margin:2px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6b8e6b,#86a686);border:2px solid #f0f7f0;border-radius:10px;box-shadow:inset 0 1px 2px #6b8e6b4d,0 2px 4px #6b8e6b33;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a7a5a,#7aa67a);border-width:1.5px;box-shadow:inset 0 1px 2px #6b8e6b66,0 3px 6px #6b8e6b4d}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#4a6a4a,#6a966a);box-shadow:inset 0 2px 4px #6b8e6b80}::-webkit-scrollbar-corner{background:#f0f7f0}@media (max-width:768px){::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{border:1.5px solid #f0f7f0}::-webkit-scrollbar-thumb:hover{border-width:1px}}@media (prefers-reduced-motion:reduce){::-webkit-scrollbar-thumb{-webkit-transition:none;transition:none}}button{background:none;border:none;cursor:pointer;font-family:inherit;transition:all .25s cubic-bezier(.34,1.56,.64,1)}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0) scale(.98);transition:all .15s cubic-bezier(.34,1.56,.64,1)}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms;--ease-natural:cubic-bezier(0.4,0,0.2,1);--ease-organic:cubic-bezier(0.34,1.56,0.64,1);--ease-gentle:cubic-bezier(0.25,0.46,0.45,0.94);--ease-bloom:cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pageBloom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.page-enter{animation:pageFadeIn .25s cubic-bezier(.4,0,.2,1);animation:pageFadeIn var(--transition-normal) var(--ease-natural)}@keyframes leafSprout{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes flowerBloom{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{transform:scale(1.15) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}@keyframes vineGrow{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}to{opacity:1;transform:scaleY(1)}}@keyframes petalFloat{0%{opacity:0;transform:translateY(0) rotate(0deg)}50%{opacity:.8}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@keyframes rootExtend{0%{opacity:0;transform:scaleX(0);transform-origin:left}to{opacity:1;transform:scaleX(1)}}@keyframes gentleGrow{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes organicFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes leafSway{0%,to{transform:rotate(0deg)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes cardBloom{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardHover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.02)}}@keyframes modalBloom{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-leaf-sprout{animation:leafSprout .25s cubic-bezier(.34,1.56,.64,1);animation:leafSprout var(--transition-normal) var(--ease-organic)}.animate-flower-bloom{animation:flowerBloom .35s cubic-bezier(.68,-.55,.265,1.55);animation:flowerBloom var(--transition-slow) var(--ease-bloom)}.animate-vine-grow{animation:vineGrow .25s cubic-bezier(.25,.46,.45,.94);animation:vineGrow var(--transition-normal) var(--ease-gentle)}.animate-petal-float{animation:petalFloat 3s cubic-bezier(.25,.46,.45,.94) infinite;animation:petalFloat 3s var(--ease-gentle) infinite}.animate-root-extend{animation:rootExtend .25s cubic-bezier(.25,.46,.45,.94);animation:rootExtend var(--transition-normal) var(--ease-gentle)}.animate-gentle-grow{animation:gentleGrow .25s cubic-bezier(.4,0,.2,1);animation:gentleGrow var(--transition-normal) var(--ease-natural)}.animate-organic-fade{animation:organicFadeIn .25s cubic-bezier(.4,0,.2,1);animation:organicFadeIn var(--transition-normal) var(--ease-natural)}.animate-card-bloom{animation:cardBloom .25s cubic-bezier(.34,1.56,.64,1);animation:cardBloom var(--transition-normal) var(--ease-organic);animation-fill-mode:both}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast) var(--ease-natural)}.transition-normal{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal) var(--ease-natural)}.transition-slow{transition:all .35s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow) var(--ease-natural)}.transition-organic{transition:all .25s cubic-bezier(.34,1.56,.64,1);transition:all var(--transition-normal) var(--ease-organic)}.hover-lift{transition:transform .15s cubic-bezier(.34,1.56,.64,1);transition:transform var(--transition-fast) var(--ease-organic)}.hover-lift:hover{transform:translateY(-4px)}.hover-grow{transition:transform .15s cubic-bezier(.34,1.56,.64,1);transition:transform var(--transition-fast) var(--ease-organic)}.hover-grow:hover{transform:scale(1.05)}.hover-bloom{transition:all .25s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-normal) var(--ease-bloom)}.hover-bloom:hover{transform:scale(1.08) rotate(2deg)}@keyframes pulseGrow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.animate-pulse-grow{animation:pulseGrow 2s cubic-bezier(.25,.46,.45,.94) infinite;animation:pulseGrow 2s var(--ease-gentle) infinite}@keyframes successBloom{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.animate-success-bloom{animation:successBloom .35s cubic-bezier(.68,-.55,.265,1.55);animation:successBloom var(--transition-slow) var(--ease-bloom)}
/*# sourceMappingURL=main.dc8e8366.css.map*/