.sidebar{display:none;width:16rem;height:100vh;background-color:hsl(var(--autoclipper-bg-primary));box-shadow:var(--shadow-sm);position:fixed;left:0;top:0;overflow:hidden;flex-direction:column}@media (min-width:768px){.sidebar{display:flex}}.sidebar-content{height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.sidebar-header{padding:1.5rem 1rem;border-bottom:var(--border-width-default) solid hsl(var(--autoclipper-border-light))}.sidebar-app-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:hsl(var(--autoclipper-primary));text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:var(--transition-default)}.sidebar-app-name:hover{color:hsl(var(--autoclipper-primary-dark))}.sidebar-logo{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.sidebar-app-name-text{flex:1}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;flex:1;overflow-y:auto;min-height:0}.sidebar-nav-link{display:flex;align-items:center;padding:.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-default)}.sidebar-nav-link-active{background-color:hsl(var(--autoclipper-primary-alpha-10));color:hsl(var(--autoclipper-primary))}.sidebar-nav-link-inactive{color:hsl(var(--autoclipper-text-secondary))}.sidebar-nav-link-inactive:hover{background-color:hsl(var(--autoclipper-gray-50));color:hsl(var(--autoclipper-text-primary))}.sidebar-nav-link-text{margin-left:.75rem}.sidebar-icon{flex-shrink:0;height:1.5rem;width:1.5rem}.sidebar-icon-active{color:hsl(var(--autoclipper-primary))}.sidebar-icon-inactive{color:hsl(var(--autoclipper-text-muted))}.sidebar-theme-toggle{padding:.75rem}.sidebar-footer,.sidebar-theme-toggle{border-top:var(--border-width-default) solid hsl(var(--autoclipper-border-light));flex-shrink:0}.sidebar-footer{padding:1rem .75rem;background-color:hsl(var(--autoclipper-bg-primary))}.sidebar-footer,.sidebar-user-wrapper{position:relative}.sidebar-user{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;transition:var(--transition-default);text-align:left}.sidebar-user:hover{background-color:hsl(var(--autoclipper-gray-50))}.sidebar-user-avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;background-color:hsl(var(--autoclipper-primary));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-semibold)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--autoclipper-text-primary));margin:0 0 .125rem}.sidebar-user-email,.sidebar-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:var(--font-size-xs);color:hsl(var(--autoclipper-text-secondary))}.sidebar-user-chevron{flex-shrink:0;width:1rem;height:1rem;color:hsl(var(--autoclipper-text-muted));transition:var(--transition-default)}.sidebar-user-chevron-open{transform:rotate(180deg)}.sidebar-user-menu{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;background-color:hsl(var(--autoclipper-bg-primary));border:var(--border-width-default) solid hsl(var(--autoclipper-border-light));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;margin-bottom:.5rem}.sidebar-user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--autoclipper-text-primary));background:none;border:none;cursor:pointer;transition:var(--transition-default);text-align:left;text-decoration:none}.sidebar-user-menu-item:hover{background-color:hsl(var(--autoclipper-gray-50))}.sidebar-user-menu-item-danger{color:hsl(var(--autoclipper-danger))}.sidebar-user-menu-item-danger:hover{background-color:hsl(var(--autoclipper-danger-bg));color:hsl(var(--autoclipper-danger-dark))}.sidebar-user-menu-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.app-footer{width:100%;max-width:100%;color:hsl(var(--autoclipper-text-inverse));padding:var(--spacing-6) var(--spacing-5);margin-top:0;margin-left:0;margin-right:0;border-top:var(--border-width-2) solid rgba(255,255,255,.1);box-sizing:border-box;position:relative}.app-footer,.dark .app-footer{background:linear-gradient(135deg,hsl(var(--autoclipper-primary)) 0,hsl(var(--autoclipper-secondary)) 100%)}.dark .app-footer{border-top-color:rgba(255,255,255,.15)}.footer-container{max-width:var(--container-lg);margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);align-items:start}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-company-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:hsl(0,0%,100%);margin-bottom:var(--spacing-1)}.footer-cif{font-size:var(--font-size-sm);color:hsl(210,13%,85%);opacity:.9}.footer-contact-item{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:hsl(210,13%,91%);line-height:var(--line-height-relaxed)}.footer-icon{width:20px;height:20px;flex-shrink:0;color:hsl(210,13%,85%);stroke-width:2}.footer-contact-item a{color:hsl(210,13%,91%);text-decoration:underline;transition:color var(--transition-fast)}.footer-contact-item a:hover{color:hsl(0,0%,100%)}.footer-section:last-child .footer-contact-item a{color:hsl(210,13%,85%)}.footer-section:last-child .footer-contact-item a:hover{color:hsl(210,13%,91%)}@media (max-width:768px){.app-footer{padding:var(--spacing-5) var(--spacing-4)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-5)}.footer-section{gap:var(--spacing-2)}}