.fun-loader-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .3s ease}.fun-loader-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(145deg,#fffffff2,#f0f8fff2);border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 40px #6366f133;animation:scaleIn .4s ease}.milk-bottle-wrapper{position:relative;width:80px;height:120px}.milk-bottle{position:relative;animation:bottleShake 1.5s ease-in-out infinite}.bottle-cap{width:24px;height:12px;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:4px 4px 0 0;margin:0 auto;position:relative;z-index:3}.bottle-neck{width:20px;height:15px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #93c5fd;margin:0 auto;border-radius:2px}.bottle-body{width:50px;height:70px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:3px solid #93c5fd;border-radius:0 0 12px 12px;margin:0 auto;overflow:hidden;position:relative}.milk-fill{position:absolute;bottom:0;left:0;right:0;height:80%;background:linear-gradient(180deg,#fefce8,#fff);animation:milkWave 2s ease-in-out infinite}.milk-wave{position:absolute;bottom:70%;left:-10px;right:-10px;height:15px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 25%,rgba(254,252,232,.9) 50%,rgba(255,255,255,.8) 75%,transparent 100%);animation:waveMove 1.5s linear infinite;border-radius:50%}.milk-drops{position:absolute;top:100%;left:50%;transform:translate(-50%)}.drop{position:absolute;font-size:14px;opacity:0;filter:grayscale(1) brightness(2)}.drop-1{animation:dropFall 1.5s ease-in infinite;left:-10px}.drop-2{animation:dropFall 1.5s ease-in infinite .5s;left:0}.drop-3{animation:dropFall 1.5s ease-in infinite 1s;left:10px}.bouncing-cow{font-size:48px;animation:cowBounce 1s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.loading-message{font-size:1.1rem;font-weight:600;color:#374151;text-align:center;min-width:220px;animation:messageChange .3s ease}.loading-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);animation:dotBounce 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bottleShake{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes milkWave{0%,to{height:75%}50%{height:85%}}@keyframes waveMove{0%{transform:translate(-20px) rotate(-5deg)}50%{transform:translate(20px) rotate(5deg)}to{transform:translate(-20px) rotate(-5deg)}}@keyframes dropFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}@keyframes cowBounce{0%,to{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-15px) rotate(0)}50%{transform:translateY(0) rotate(5deg)}75%{transform:translateY(-10px) rotate(0)}}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes messageChange{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{transform:translateY(0)}50%{transform:translateY(200px)}to{transform:translateY(0)}}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#e6e72d;box-shadow:0 0 4px #e6e72d;animation:scan 2s infinite linear;opacity:.8}.custom-form{width:100%;padding:.5rem;text-align:left}.no-pending-msg{text-align:center;width:100%;height:41px;color:green}.form-title{font-weight:600}@media(prefers-color-scheme:dark){.custom-form{color:#f1f5f9}.no-pending-msg{color:#34d399}.form-title{color:#f1f5f9}}.popup-overlay{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#0009;z-index:10;inset:0}.popup-container{background-color:#fff;border-radius:1rem;padding:.5rem;width:90%;max-width:600px;max-height:calc(100vh - 100px);overflow:hidden;display:flex;flex-direction:column}.popup-header{display:flex;justify-content:space-between;align-items:center;height:70px;padding:1rem;font-size:1.25rem}.popup-body{width:100%;overflow-y:auto;max-height:calc(100vh - 300px)}.popup-footer{display:flex;justify-content:space-between;align-items:center;height:70px;padding:1rem;font-size:1.25rem}@media(prefers-color-scheme:dark){.popup-overlay{background-color:#000c}.popup-container{background-color:#1e293b;color:#f1f5f9}.popup-header{color:#f1f5f9;border-bottom:1px solid #475569}.popup-footer{color:#f1f5f9;border-top:1px solid #475569}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-base,.skeleton-table .skeleton-table-row .skeleton-table-cell,.skeleton-table .skeleton-table-header .skeleton-table-header-cell,.skeleton-list .skeleton-list-item .skeleton-list-content .skeleton-text,.skeleton-list .skeleton-list-item .skeleton-list-content .skeleton-title,.skeleton-list .skeleton-list-item .skeleton-avatar,.skeleton-card .skeleton-content .skeleton-button,.skeleton-card .skeleton-content .skeleton-text,.skeleton-card .skeleton-content .skeleton-title,.skeleton-card .skeleton-image{background:linear-gradient(90deg,var(--bg-secondary, #f0f0f0) 0%,var(--bg-tertiary, #e0e0e0) 50%,var(--bg-secondary, #f0f0f0) 100%);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton-card{background:var(--bg-primary, #fff);border:1px solid var(--border-light, #e5e7eb);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.skeleton-card .skeleton-image{width:100%;height:200px;margin-bottom:1rem;border-radius:8px}.skeleton-card .skeleton-content .skeleton-title{height:24px;width:70%;margin-bottom:.75rem}.skeleton-card .skeleton-content .skeleton-text{height:16px;width:100%;margin-bottom:.5rem}.skeleton-card .skeleton-content .skeleton-text.skeleton-text-short{width:60%}.skeleton-card .skeleton-content .skeleton-button{height:40px;width:120px;margin-top:1rem;border-radius:8px}.skeleton-list .skeleton-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-light, #e5e7eb)}.skeleton-list .skeleton-list-item .skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-list .skeleton-list-item .skeleton-list-content{flex:1}.skeleton-list .skeleton-list-item .skeleton-list-content .skeleton-title{height:20px;width:40%;margin-bottom:.5rem}.skeleton-list .skeleton-list-item .skeleton-list-content .skeleton-text{height:16px;width:80%}.skeleton-list .skeleton-list-item .skeleton-list-content .skeleton-text.skeleton-text-short{width:50%}.skeleton-table{width:100%;border:1px solid var(--border-light, #e5e7eb);border-radius:8px;overflow:hidden}.skeleton-table .skeleton-table-header{display:flex;background:var(--bg-secondary, #f9fafb);padding:.75rem;gap:1rem}.skeleton-table .skeleton-table-header .skeleton-table-header-cell{height:20px;flex:1}.skeleton-table .skeleton-table-row{display:flex;padding:.75rem;gap:1rem;border-top:1px solid var(--border-light, #e5e7eb)}.skeleton-table .skeleton-table-row .skeleton-table-cell{height:16px;flex:1}.spinner-container{display:flex;align-items:center;justify-content:center;gap:.75rem}.spinner-container.spinner-small .spinner{width:20px;height:20px;border-width:2px}.spinner-container.spinner-medium .spinner{width:40px;height:40px;border-width:3px}.spinner-container.spinner-large .spinner{width:60px;height:60px;border-width:4px}.spinner{border-radius:50%;border-style:solid;border-top-color:transparent;animation:spinner-rotate .8s linear infinite}.spinner.spinner-primary{border-color:var(--primary, #4f46e5);border-top-color:transparent}.spinner.spinner-white{border-color:#fff;border-top-color:transparent}.spinner.spinner-secondary{border-color:var(--text-secondary, #6b7280);border-top-color:transparent}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-text{color:var(--text-secondary, #6b7280);font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.skeleton-card .skeleton-image{height:150px}.skeleton-table .skeleton-table-header,.skeleton-table .skeleton-table-row{flex-direction:column}}.skeleton{background-color:var(--color-border-light, #e2e8f0);border-radius:8px;display:inline-block;position:relative;overflow:hidden}.skeleton-text{border-radius:8px;transform:scaleY(.6)}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:8px}.skeleton-pulse{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-wave:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{to{transform:translate(100%)}}[data-theme=dark] .skeleton{background-color:#334155}[data-theme=dark] .skeleton-wave:after{background:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}