.sidebar{display:none;width:17.5rem;height:calc(100vh - 1.5rem);margin:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-3xl);background:linear-gradient(180deg,hsl(var(--autoclipper-secondary)) 0,hsl(var(--autoclipper-secondary-dark)) 100%);box-shadow:0 22px 60px rgba(0,20,34,.28);position:fixed;left:0;top:0;overflow:hidden;flex-direction:column;z-index:var(--z-fixed)}@media (min-width:768px){.sidebar{display:flex}}.sidebar-content{height:100%;display:flex;flex-direction:column;padding:.25rem;overflow:hidden}.sidebar-header{padding:1.35rem 1rem 1rem}.sidebar-app-name{display:flex;align-items:center;gap:.85rem;padding:.65rem .8rem;border-radius:var(--radius-xl);text-decoration:none;color:hsl(var(--autoclipper-white));background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);transition:transform var(--transition-default),background var(--transition-default)}.sidebar-app-name:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05))}.sidebar-logo{width:2.1rem;height:2.1rem;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 18px rgba(0,177,183,.25))}.sidebar-app-name-text{font-family:var(--font-family-display);font-size:1.28rem;font-weight:var(--font-weight-bold);letter-spacing:-.03em}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .55rem 1rem;flex:1;overflow-y:auto;min-height:0}.sidebar-nav-link{display:flex;align-items:center;min-height:3rem;padding:.75rem .9rem;font-size:.93rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-xl);text-decoration:none;transition:transform var(--transition-default),background var(--transition-default),color var(--transition-default),border-color var(--transition-default);border:1px solid transparent}.sidebar-nav-link-active{background:linear-gradient(135deg,rgba(0,177,183,.24),rgba(0,177,183,.1));border-color:rgba(0,177,183,.24);color:hsl(var(--autoclipper-white));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 26px rgba(0,177,183,.12)}.sidebar-nav-link-inactive{color:rgba(235,244,247,.74)}.sidebar-nav-link-inactive:hover{transform:translateX(2px);color:hsl(var(--autoclipper-white));background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.06)}.sidebar-nav-link-text{margin-left:.85rem}.sidebar-icon{flex-shrink:0;height:1.35rem;width:1.35rem}.sidebar-icon-active{color:hsl(var(--autoclipper-primary-light))}.sidebar-icon-inactive{color:rgba(194,210,219,.76)}.sidebar-theme-toggle{padding:.8rem .55rem .4rem;flex-shrink:0}.sidebar-footer{padding:.8rem .55rem .6rem;flex-shrink:0}.sidebar-user-wrapper{position:relative}.sidebar-user{display:flex;align-items:center;gap:.8rem;width:100%;padding:.8rem .9rem;border-radius:var(--radius-xl);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:background var(--transition-default),transform var(--transition-default);text-align:left}.sidebar-user:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}.sidebar-user-avatar{flex-shrink:0;width:2.6rem;height:2.6rem;border-radius:.95rem;background:linear-gradient(135deg,hsl(var(--autoclipper-primary-light)),hsl(var(--autoclipper-primary-dark)));color:hsl(var(--autoclipper-text-inverse));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:0 12px 24px rgba(0,177,183,.22)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:hsl(var(--autoclipper-white));margin:0 0 .16rem}.sidebar-user-email,.sidebar-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.76rem;color:rgba(221,232,238,.72)}.sidebar-user-chevron{flex-shrink:0;width:1rem;height:1rem;color:rgba(221,232,238,.72);transition:transform var(--transition-default)}.sidebar-user-chevron-open{transform:rotate(180deg)}.sidebar-user-menu{position:absolute;bottom:calc(100% + .55rem);left:0;right:0;background:hsl(var(--autoclipper-bg-primary));border:1px solid hsl(var(--autoclipper-border-light));border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;z-index:1000}.sidebar-user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:hsl(var(--autoclipper-text-primary));background:none;border:none;cursor:pointer;transition:background var(--transition-default),color var(--transition-default);text-align:left;text-decoration:none}.sidebar-user-menu-item:hover{background:hsl(var(--autoclipper-gray-50))}.sidebar-user-menu-item-danger{color:hsl(var(--autoclipper-danger))}.sidebar-user-menu-item-danger:hover{background:hsl(var(--autoclipper-danger-bg));color:hsl(var(--autoclipper-danger-dark))}.sidebar-user-menu-icon{flex-shrink:0;width:1.1rem;height:1.1rem}.app-footer{width:100%;padding:1.1rem 1rem 1.5rem;background:transparent}.footer-container{max-width:min(1680px,100%);margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 1.5rem;padding:1.2rem 1.35rem;border:1px solid hsl(var(--autoclipper-border-light));border-radius:var(--radius-2xl);background:linear-gradient(135deg,rgba(0,52,73,.98),rgba(0,138,144,.92));color:hsl(var(--autoclipper-white));box-shadow:var(--shadow-lg)}.footer-section{display:flex;flex-direction:column;gap:.55rem}.footer-company-name{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:1rem;letter-spacing:-.02em;color:hsl(var(--autoclipper-white))}.footer-cif{min-height:.75rem;font-size:.82rem;color:rgba(228,241,246,.72)}.footer-contact-item{display:flex;align-items:flex-start;gap:.65rem;font-size:.87rem;line-height:1.55;color:rgba(240,247,249,.92)}.footer-icon{width:1rem;height:1rem;flex-shrink:0;margin-top:.16rem;color:rgba(216,242,244,.86)}.footer-contact-item a{color:rgba(240,247,249,.92);text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}.footer-contact-item a:hover{color:hsl(var(--autoclipper-white));opacity:1}@media (max-width:767px){.app-footer{padding:.75rem 0 1rem}.footer-content{border-radius:var(--radius-xl);padding:1rem}}