.sidebar-container{width:var(--sidebar-width);background-color:var(--sidebar-background);border-right:1px solid var(--sidebar-border);transition:var(--transition-smooth);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:fixed;top:0;left:0;z-index:1000}.sidebar-container.collapsed{width:var(--sidebar-width-icon)}.main-content-area{flex:1;min-height:100vh;padding:0;overflow-x:auto;transition:var(--transition-smooth);margin-left:var(--sidebar-width)}body:has(.sidebar-container.collapsed) .main-content-area{margin-left:var(--sidebar-width-icon)}.main-content-area .headline-in-index-show-when-collapsed{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}body:has(.sidebar-container.collapsed) .main-content-area .headline-in-index-show-when-collapsed{opacity:1;transform:translateY(0);pointer-events:auto}.sidebar-header .bw-headline{display:block;transition:var(--transition-smooth)}.sidebar-container.collapsed .sidebar-header .bw-headline{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.5rem;border-bottom:1px solid var(--sidebar-border);min-height:70px;flex-shrink:0}.bw-headline{font-size:1.75rem;margin:0;white-space:nowrap;overflow:hidden;text-transform:uppercase;cursor:default;flex:1;min-width:0}.sidebar-container.collapsed .bw-headline{opacity:0;width:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:0 0;border:none;color:var(--sidebar-foreground);cursor:pointer;font-size:16px;transition:var(--transition-smooth);flex-shrink:0;margin-right:-13px}.sidebar-toggle:hover{color:#fff}.sidebar-container.collapsed .sidebar-toggle{margin:0 auto}.sidebar-container .sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-container .sidebar-nav-item{margin:0 1rem 0 1rem}.sidebar-container .sidebar-nav-link{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;color:var(--sidebar-foreground);text-decoration:none;border-radius:8px;transition:var(--transition-smooth);font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;position:relative}.sidebar-container .sidebar-nav-link:hover{background-color:var(--sidebar-accent);text-decoration:none}.sidebar-container .sidebar-nav-link.active{background-color:var(--sidebar-primary);color:var(--sidebar-primary-foreground)}.sidebar-container.collapsed .sidebar-nav-link{padding:.75rem;justify-content:center;gap:0}.sidebar-container .sidebar-nav-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:relative}.sidebar-container .sidebar-nav-icon i{font-size:16px}.sidebar-container .sidebar-nav-text{transition:var(--transition-smooth);flex:1}.sidebar-container.collapsed .sidebar-nav-text{opacity:0;width:0;overflow:hidden}.sidebar-container .sidebar-nav-badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-container .sidebar-nav-badge.hidden{display:none}.sidebar-container .sidebar-user{border-top:1px solid var(--sidebar-border);padding:1rem;position:relative;flex-shrink:0;margin-top:0}.sidebar-container .sidebar-user-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:0 0;border:none;color:var(--sidebar-foreground);border-radius:8px;cursor:pointer;transition:var(--transition-smooth);text-align:left}.sidebar-container .sidebar-user-button:hover{background-color:var(--sidebar-accent)}.sidebar-container.collapsed .sidebar-user-button{justify-content:center;gap:0}.sidebar-container .sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--sidebar-primary);color:var(--sidebar-primary-foreground);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;position:relative}.sidebar-container .sidebar-user-avatar::after{content:'';position:absolute;top:-2px;right:-2px;width:12px;height:12px;background-color:green;border:2px solid var(--sidebar-background);border-radius:50%}.sidebar-container .sidebar-user-info{flex:1;transition:var(--transition-smooth);overflow:hidden}.sidebar-container.collapsed .sidebar-user-info{opacity:0;width:0}.sidebar-container .sidebar-user-name{font-weight:500;font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-container .sidebar-user-email{font-size:12px;color:var(--sidebar-foreground);opacity:.7;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-sort{display:none!important}@keyframes pulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}.sidebar-user-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:999998;display:none;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.sidebar-user-modal.show{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-user-modal-content{background:var(--bw-header-bakground);border:1px solid var(--sidebar-border);border-radius:16px;width:480px;max-width:95vw;min-height:500px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 32px rgba(0,0,0,.3);overflow:hidden;animation:slideUp .3s ease-out;max-height:90vh;overflow-y:auto;z-index:999999}.sidebar-user-modal-header{padding:2rem;background:linear-gradient(135deg,var(--sidebar-accent) 0,var(--bw-tbl-bg) 100%);border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden}.sidebar-user-modal-header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--sidebar-border),transparent)}.sidebar-user-modal-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--sidebar-primary) 0,var(--bw-orange-dark) 100%);color:var(--sidebar-primary-foreground);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 4px 16px rgba(225,93,16,.3);flex-shrink:0}.sidebar-user-modal-info{flex:1;min-width:0}.sidebar-user-modal-info h3{margin:0 0 .5rem 0;font-size:18px;font-weight:600;color:var(--bw-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-modal-info p{margin:0;font-size:14px;color:var(--sidebar-foreground);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-modal-form{padding:2rem;border-bottom:1px solid var(--sidebar-border)}.sidebar-form-group{margin-bottom:1.5rem}.sidebar-form-group:last-child{margin-bottom:0}.sidebar-form-group label{display:block;font-size:14px;font-weight:600;color:var(--bw-txt);margin-bottom:.75rem}.sidebar-form-input{width:100%;padding:1rem 1.25rem;background:var(--bw-tbl-bg);border:1px solid var(--sidebar-border);border-radius:10px;color:var(--bw-txt);font-size:14px;transition:all .2s ease;outline:0}.sidebar-form-input::placeholder{color:var(--sidebar-foreground);opacity:.5}.sidebar-form-input:focus{border-color:var(--sidebar-primary);box-shadow:0 0 0 3px rgba(225,93,16,.1);background:var(--bw-tbl-bg-stripe)}.sidebar-form-input:invalid{border-color:#ef4444}.sidebar-form-error{font-size:12px;color:#f87171;margin-top:.5rem;display:none}.sidebar-form-input:invalid+.sidebar-form-error{display:block}.sidebar-form-submit{width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--sidebar-primary) 0,var(--bw-orange-dark) 100%);border:none;border-radius:12px;color:var(--sidebar-primary-foreground);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem}.sidebar-form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(225,93,16,.3)}.sidebar-user-modal-menu{padding:1rem}.sidebar-user-modal-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:var(--bw-txt);text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;background:0 0;width:100%;text-align:left;font-size:15px;font-weight:500;border-radius:12px;margin-bottom:.5rem;position:relative;overflow:hidden}.sidebar-user-modal-item:hover{background:var(--sidebar-accent);text-decoration:none}.sidebar-user-modal-item i{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;opacity:.8}.sidebar-user-modal-item:hover i{opacity:1}.sidebar-user-modal-divider{height:1px;background:var(--sidebar-border);margin:1rem 1rem}.sidebar-user-modal-item:last-child{margin-top:.5rem}@media (max-width:768px){body{flex-direction:column}.sidebar-container{transform:translateX(-100%);z-index:9000}.sidebar-container.mobile-open{transform:translateX(0)}.main-content-area{margin-left:0!important}.sidebar-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.6);z-index:999;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.sidebar-overlay.show{opacity:1;visibility:visible}.sidebar-user-modal-content{width:95vw;min-height:auto;z-index:999999}.sidebar-user-modal-header{padding:1.5rem}.sidebar-user-modal-form{padding:1.5rem}.sidebar-user-modal-menu{padding:.75rem}}.sidebar-mobile-trigger{position:fixed;top:1rem;left:1rem;z-index:1002;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;border-radius:8px;color:#ff6b35;cursor:pointer;transition:all .3s ease;font-size:18px;box-shadow:0 2px 8px rgba(255,107,53,.2)}.sidebar-mobile-trigger:hover{background-color:rgba(255,107,53,.1);color:#ff8c42;transform:scale(1.05)}.sidebar-mobile-trigger:active{transform:scale(.95)}@media (min-width:769px){.sidebar-mobile-trigger{display:none}.sidebar-overlay{display:none!important}.sidebar-container{position:fixed!important;top:0;left:0;transform:none}}