.login-form-container{display:flex;justify-content:center;align-items:center;min-height:500px}.login-form{width:100%;max-width:400px;padding:40px}.login-form h2{text-align:center;color:#2d3748;margin-bottom:10px}.subtitle{text-align:center;color:#718096;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#4a5568;font-weight:500}.form-group small{display:block;margin-top:5px;color:#718096;font-size:12px}.full-width{width:100%}.mt-10{margin-top:10px}.error-message{background:#fed7d7;color:#c53030;padding:10px;border-radius:5px;margin-bottom:20px;font-size:14px}.divider{text-align:center;margin:30px 0;color:#cbd5e0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e2e8f0}.divider:before{left:0}.divider:after{right:0}.alternative-login{text-align:center}.alternative-login h3{color:#4a5568;font-size:16px;margin-bottom:10px}.alternative-login p{color:#718096;font-size:14px;margin-bottom:15px}.loading{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-choice,.qr-login{padding:20px 0}.help-text{text-align:left;line-height:1.5}.channel-list{height:100%;display:flex;flex-direction:column}.channel-list-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.channel-list-header h3{color:#2d3748;font-size:18px}.btn-refresh{background:none;border:none;font-size:20px;cursor:pointer;color:#718096;transition:color .3s}.btn-refresh:hover{color:#667eea}.channel-search{padding:15px 20px;border-bottom:1px solid #e2e8f0}.channel-list-content{flex:1;overflow-y:auto;padding:10px}.channel-item{display:flex;align-items:center;padding:15px;border-radius:8px;cursor:pointer;transition:background .3s;margin-bottom:5px}.channel-item:hover{background:#f7fafc}.channel-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea}.channel-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:15px;flex-shrink:0}.channel-info{flex:1;min-width:0}.channel-info h4{color:#2d3748;font-size:15px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-username{color:#718096;font-size:13px;display:block}.channel-subscribers{color:#a0aec0;font-size:12px;display:block;margin-top:2px}.channel-list-loading,.channel-list-error,.channel-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.channel-list-loading p,.channel-list-error p,.channel-list-empty p{color:#718096;margin-top:10px}.photo-grid{display:grid;gap:2px;border-radius:8px;overflow:hidden;background:#e0e0e0;max-width:500px}.grid-single{grid-template-columns:1fr}.grid-two,.grid-three{grid-template-columns:1fr 1fr}.grid-three .photo-grid-item:first-child{grid-column:span 2}.grid-four{grid-template-columns:1fr 1fr}.grid-six,.grid-nine,.grid-many{grid-template-columns:repeat(3,1fr)}.photo-grid-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;background:#f5f5f5}.photo-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.photo-grid-item:hover img{transform:scale(1.05)}.photo-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f0f0;color:#999;font-size:12px}.photo-overlay{position:absolute;inset:0;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;pointer-events:none}.grid-three .photo-grid-item:first-child img{aspect-ratio:2/1}@media (max-width: 500px){.photo-grid{max-width:100%}}.video-grid{display:grid;gap:4px;border-radius:8px;overflow:hidden}.vgrid-single{grid-template-columns:1fr}.vgrid-two,.vgrid-three{grid-template-columns:1fr 1fr}.vgrid-three .video-grid-item:first-child{grid-column:span 2}.vgrid-four{grid-template-columns:1fr 1fr}.vgrid-six,.vgrid-nine,.vgrid-many{grid-template-columns:repeat(3,1fr)}.video-grid-item{position:relative;aspect-ratio:16/9;background:#111;cursor:pointer}.video-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.v-download{position:absolute;top:6px;left:6px;width:32px;height:32px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;z-index:2}.v-download:hover{background:#000000bf}.v-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.v-play{width:48px;height:48px;border-radius:50%;background:#0008;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}.v-badge{position:absolute;right:6px;bottom:6px;background:#0009;color:#fff;font-size:12px;padding:3px 6px;border-radius:4px}@media (max-width: 520px){.video-grid{gap:3px}}.virtual-wrapper{width:100%;position:relative}.virtual-item{width:100%}.skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 2px #0000000d}.skeleton-card.compact .skeleton-rect.video{height:120px}.skeleton-rect.video{width:100%;height:180px;border-radius:8px;margin:8px 0;background:var(--sk-bg);position:relative;overflow:hidden}.skeleton-line{height:12px;border-radius:6px;background:var(--sk-bg);position:relative;overflow:hidden}.skeleton-line.w-40{width:40%}.skeleton-line.w-70{width:70%}.skeleton-line.w-90{width:90%}:root{--sk-bg: #e9ecef}.skeleton-rect.video:after,.skeleton-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);animation:sk-shimmer 1.2s infinite}@keyframes sk-shimmer{to{transform:translate(100%)}}.top-skeleton-overlay{position:absolute;top:0;left:0;right:0;padding:8px 10px;pointer-events:none;z-index:20}.top-skeleton-overlay .skeleton-card{box-shadow:none;border-radius:10px}.message-list{height:100%;overflow-y:auto;overflow-x:hidden;background:#f5f5f5;position:relative}.message-list.loading,.message-list.error{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{color:#666;font-size:16px}.load-more-container{text-align:center;padding:20px;position:sticky;bottom:0;z-index:10;background:linear-gradient(to top,#f5f5f5 0%,transparent 100%)}.load-newer-container{text-align:center;padding:20px;position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,#f5f5f5 0%,transparent 100%)}.loading-more,.loading-newer{padding:10px;color:#666;font-size:14px;background:#ffffffe6;border-radius:20px;display:inline-block}.load-more-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea66}.load-more-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea99}.load-more-button:active{transform:translateY(0)}.load-newer-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea66}.load-newer-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea99}.load-newer-button:active{transform:translateY(0)}.messages-container{padding:10px;display:flex;flex-direction:column;gap:5px}.message-list{will-change:scroll-position;contain:layout paint}.no-messages{text-align:center;padding:40px;color:#999;font-size:16px}.message-date-divider{text-align:center;margin:20px 0 10px;position:relative;cursor:pointer}.message-date-divider span{background:#e0e0e0;padding:4px 12px;border-radius:12px;font-size:13px;color:#666;display:inline-block;transition:background .2s,color .2s}.message-date-divider:hover span{background:#d1d5db;color:#111827}.message-item{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item:hover{box-shadow:0 2px 8px #0000001a}.message-content{display:flex;flex-direction:column;gap:8px}.text-message p{margin:0;color:#2d3748;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.photo-message{display:flex;flex-direction:column;gap:8px}.photo-container{position:relative;border-radius:8px;overflow:hidden;background:#f0f0f0;min-height:200px;max-width:100%}.photo-image{width:100%;height:auto;display:block;border-radius:8px;max-height:400px;object-fit:contain;background:#f0f0f0}.photo-placeholder{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:8px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:200px}.media-icon{font-size:32px}.media-label{color:#666;font-size:14px}.photo-dimensions{font-size:11px;opacity:.7;margin-top:4px;color:#666}.photo-size{font-size:11px;opacity:.7;margin-top:2px;color:#666}.video-message{display:flex;flex-direction:column;gap:8px}.video-thumb{position:relative;border-radius:12px;overflow:hidden;background:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:160px;aspect-ratio:16 / 9}.video-thumb img{width:100%;height:auto;display:block}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.play-button:hover{background:#000000a6}.video-badges{position:absolute;right:8px;bottom:8px;display:flex;gap:6px}.badge{background:#0009;color:#fff;font-size:12px;padding:3px 6px;border-radius:4px}.video-title-overlay{position:absolute;left:0;right:0;bottom:0;padding:8px 12px 10px;color:#fff;font-size:14px;font-weight:500;background:linear-gradient(180deg,#0000,#0000008c);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-actions{position:absolute;right:8px;top:8px;display:flex;gap:8px}.video-player{position:relative;border-radius:12px;overflow:hidden;background:#000}.video-player video{width:100%;height:auto;display:block}.compact-videos .video-thumb{max-width:320px;min-height:140px}.compact-videos .video-player{max-width:520px}.compact-videos .video-title-overlay{font-size:13px;padding:6px 10px 8px}.compact-videos .play-button{width:52px;height:52px;font-size:24px}.compact-videos .video-actions .btn-download-single,.compact-videos .video-actions .btn-download-batch,.compact-videos .video-actions .btn-download-local{width:32px;height:32px}.btn-download-single,.btn-download-batch,.btn-download-local{background:#fff3;border:2px solid white;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .3s}.btn-download-single{background:#4a90e2cc;border-color:#4a90e2}.btn-download-single:hover:not(:disabled){background:#4a90e2;transform:scale(1.1)}.btn-download-batch{background:#9c27b0cc;border-color:#9c27b0}.btn-download-batch:hover:not(:disabled){background:#9c27b0;transform:scale(1.1)}.btn-download-local{background:#4caf50d9;border-color:#4caf50}.btn-download-local:hover:not(:disabled){background:#4caf50;transform:scale(1.1)}.btn-download-single:disabled,.btn-download-batch:disabled{opacity:.5;cursor:not-allowed;transform:none}.audio-message{display:flex;flex-direction:column;gap:8px}.audio-preview{background:linear-gradient(135deg,#ff6b6b,#ffd93d);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;color:#fff}.audio-info{flex:1;display:flex;flex-direction:column;gap:4px}.audio-title{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-message{display:flex;flex-direction:column;gap:8px}.document-preview{background:linear-gradient(135deg,#4a90e2,#7b68ee);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;color:#fff}.document-name{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-caption{margin:0;color:#4a5568;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.message-footer{display:flex;gap:12px;align-items:center;font-size:12px;color:#999;margin-top:4px}.message-time,.message-views{color:#999}.search-bar-container{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:10px;display:flex;align-items:center;gap:10px}.search-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.search-toggle-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.search-bar{flex:1;display:flex;align-items:center;gap:10px;animation:slideIn .3s}.search-input{flex:1;padding:10px 15px;border:2px solid #e5e7eb;border-radius:25px;font-size:14px;outline:none;transition:border-color .3s}.search-input:focus{border-color:#667eea}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.search-button:disabled{opacity:.5;cursor:not-allowed}.search-results-nav{display:flex;align-items:center;gap:10px;padding:0 10px}.search-results-count{font-size:14px;color:#666;font-weight:500}.search-nav-btn,.search-clear-btn{background:#f3f4f6;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-nav-btn:hover,.search-clear-btn:hover{background:#e5e7eb;transform:scale(1.1)}.search-clear-btn{background:#fee2e2;color:#dc2626}.search-clear-btn:hover{background:#fecaca}.message-item.highlighted{background:#fef3c7!important;border:2px solid #f59e0b;animation:highlight 1s ease-in-out}@keyframes highlight{0%{transform:scale(1);box-shadow:0 0 #f59e0bb3}50%{transform:scale(1.02);box-shadow:0 0 20px 10px #f59e0b4d}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:#f1f1f1}.message-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 768px){.messages-container{padding:5px}.message-item,.video-preview,.audio-preview,.document-preview{padding:10px}.download-buttons{width:100%;justify-content:flex-end}}.image-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.image-modal-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px}.image-modal-content video{max-width:100%;max-height:85vh;border-radius:4px;background:#000}.modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-caption{color:#fff;margin-top:10px;padding:10px;max-width:600px;text-align:center;font-size:14px;line-height:1.5}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:48px;cursor:pointer;padding:0;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.modal-prev{left:20px}.modal-next{right:20px}.modal-counter{position:absolute;top:-40px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;opacity:.8}.date-picker-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;z-index:1100}.date-picker{width:360px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;overflow:hidden}.date-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.date-picker-header .month-label{font-size:18px;font-weight:600}.month-arrows{display:flex;flex-direction:column;gap:6px}.arrow-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#374151;cursor:pointer;font-size:16px}.arrow-btn:hover{background:#e5e7eb}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px 14px 8px}.date-picker-grid .dow{text-align:center;font-size:12px;color:#6b7280;padding:6px 0}.date-picker-grid .day{height:38px;border-radius:8px;border:none;background:#f9fafb;color:#111827;cursor:pointer}.date-picker-grid .day:hover{background:#eef2ff}.date-picker-grid .day.today{outline:2px solid #93c5fd}.date-picker-grid .day.selected{background:#3b82f6;color:#fff}.date-picker-grid .day.other-month{color:#9ca3af;background:#f3f4f6}.date-picker-footer{display:flex;justify-content:flex-end;padding:12px 16px 14px}.date-picker-footer .close-btn{background:none;border:none;color:#2563eb;font-size:14px;cursor:pointer}.download-manager{position:fixed;bottom:0;right:20px;width:min(400px,calc(100% - 40px));background:#fff;border-radius:10px 10px 0 0;box-shadow:0 -5px 20px #00000026;z-index:1000;transition:transform .3s}.download-manager.minimized{transform:translateY(calc(100% - 50px))}.download-manager-header{padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.download-manager-header h3{font-size:16px}.download-manager-controls{display:flex;gap:10px;align-items:center}.btn-clear,.btn-minimize{background:#fff3;border:none;color:#fff;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px;transition:background .3s}.btn-clear:hover,.btn-minimize:hover{background:#ffffff4d}.download-manager-content{max-height:400px;overflow-y:auto;padding:15px}.download-empty{text-align:center;padding:30px;color:#718096}.download-item{padding:15px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;background:#f7fafc}.download-item.completed{opacity:.8}.download-item.failed{border-color:#f56565;background:#fed7d7}.download-size{color:#4a5568;font-size:11px;display:block;margin-top:2px}.download-error{color:#c53030;font-size:11px;display:block;margin-top:2px}.download-failed{color:#c53030;font-size:12px;font-weight:700;padding:5px 10px;background:#fed7d7;border-radius:3px;flex:1;text-align:center}.download-info{margin-bottom:10px}.download-info h4{color:#2d3748;font-size:14px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-channel{color:#718096;font-size:12px}.download-progress-container{display:flex;align-items:center;gap:10px}.download-progress-container .progress-bar{flex:1}.progress-bar{height:20px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;min-width:30px}.btn-cancel{background:#f56565;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .3s}.btn-cancel:hover{background:#e53e3e}.download-completed-section{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}.download-completed-section h4{color:#718096;font-size:12px;text-transform:uppercase;margin-bottom:10px}.download-status{display:flex;align-items:center}.status-complete{color:#48bb78;font-size:13px;font-weight:500}@media (max-width: 480px){.download-manager{left:20px}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:20px 0;position:sticky;top:0;z-index:100}.app-header .container{display:flex;justify-content:space-between;align-items:center}.app-header h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px}.app-main{flex:1;padding:30px 0}.app-content{display:grid;grid-template-columns:clamp(240px,28vw,340px) 1fr;gap:20px;min-height:600px}.sidebar{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;overflow:hidden;min-width:0;min-height:0}.main-content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;padding:20px;min-width:0;min-height:0}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#718096}.placeholder h2{color:#2d3748;margin-bottom:10px}@media (max-width: 1024px){.app-content{grid-template-columns:280px 1fr}}@media (max-width: 768px){.app-content{grid-template-columns:1fr}.sidebar{max-height:300px;overflow-y:auto}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}html,body,#root{overflow-x:hidden}@media (max-width: 1360px){.container{max-width:100%;margin-left:10px;margin-right:10px;padding:0 10px}}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8}.btn-secondary{background:#e2e8f0;color:#2d3748}.btn-secondary:hover{background:#cbd5e0}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.input{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:5px;font-size:14px}.input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.card{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;padding:20px;margin-bottom:20px}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#667eea;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:20px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}