.video-library{max-width:1400px;margin:0 auto}.library-header{margin-bottom:2rem}.library-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a7f23e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.library-subtitle{color:#888;font-size:1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#888}.loading-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#a7f23e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state,.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #2a2a2a;border-radius:20px}.empty-content,.error-content{text-align:center;padding:2rem}.empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#555}.empty-icon svg{width:100%;height:100%}.empty-title,.error-title{font-size:1.5rem;margin-bottom:.5rem}.empty-description,.error-description{color:#888;margin-bottom:1.5rem}.error-icon{font-size:48px;margin-bottom:1rem}.video-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.video-card{display:block!important;position:relative;background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #2a2a2a;border-radius:16px;overflow:hidden;transition:all .3s ease}.video-card *{box-sizing:border-box}.video-card svg{display:inline-block!important;width:auto;height:auto;max-width:100%}.video-card:hover{border-color:#a7f23e;transform:translateY(-4px);box-shadow:0 12px 40px #a7f23e26}.video-thumbnail{position:relative;aspect-ratio:9/16;background:#0a0a0a;cursor:pointer;overflow:hidden}.thumbnail-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.8));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.play-button{width:48px;height:48px;background:#a7f23ef2;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(.9);transition:transform .3s ease}.video-card:hover .play-button{transform:scale(1)}.play-button svg{width:20px!important;height:20px!important;color:#0a0a0a;margin-left:3px}.video-duration{position:absolute;bottom:10px;left:10px;background:#000000d9;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.video-format-badge{position:absolute;top:10px;right:10px;background:#a7f23e33;color:#a7f23e;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;backdrop-filter:blur(10px)}.video-info{padding:1rem;display:flex;justify-content:space-between;align-items:center}.video-title{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.video-date{font-size:.75rem;color:#666;white-space:nowrap;margin-left:1rem}.video-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.btn-action{flex:1;padding:.5rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none;max-height:40px}.btn-action svg{width:16px!important;height:16px!important;min-width:16px;max-width:16px;flex-shrink:0}.btn-action:hover{background:#2a2a2a;border-color:#3a3a3a}.btn-download:hover{color:#a7f23e;border-color:#a7f23e}.btn-share:hover{color:#62b0f2;border-color:#62b0f2}.btn-share.copied{color:#a7f23e;border-color:#a7f23e}.btn-delete:hover{color:#f26262;border-color:#f26262}.video-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.video-modal-backdrop{position:absolute;inset:0;background:#000000f2;backdrop-filter:blur(10px)}.video-modal-content{position:relative;max-width:400px;width:90%;z-index:1}.video-modal-close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.video-modal-close:hover{background:#fff3}.video-modal-close svg{width:20px;height:20px}.video-modal video{width:100%;max-height:85vh;border-radius:16px;background:#000}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-primary{background:#a7f23e;color:#0a0a0a}.btn-primary:hover{background:#b8f75c}.btn-secondary{background:#2a2a2a;color:#fff}.btn-secondary:hover{background:#3a3a3a}.video-library .video-grid>.video-card{display:flex!important;flex-direction:column!important}.video-library .video-card .video-thumbnail,.video-library .video-card .video-info,.video-library .video-card .video-actions{display:flex!important}.video-library .video-card .video-thumbnail{flex-direction:column!important}.video-library .video-card .video-overlay{position:absolute!important;inset:0!important}.video-library .video-card .play-button svg,.video-library .video-card .btn-action svg{width:16px!important;height:16px!important;display:inline-block!important}.video-library .video-card .play-button svg{width:18px!important;height:18px!important}.dashboard-layout[data-astro-cid-muel4vyo]{display:flex;min-height:100vh}.dashboard-main[data-astro-cid-muel4vyo]{flex:1;margin-left:260px;padding:var(--space-8);background:var(--color-bg-primary)}@media(max-width:768px){.dashboard-main[data-astro-cid-muel4vyo]{margin-left:0;padding-top:calc(60px + var(--space-6))}}