.sidebar{background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:15.5rem;min-height:100vh;display:flex}.sidebar-logo-area{border-bottom:1px solid #1e293b;align-items:center;gap:.75rem;padding:1.375rem 1.25rem;display:flex}.sidebar-logo-icon{background:#f59e0b;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;box-shadow:0 0 0 3px #f59e0b26}.sidebar-company-name{color:#f1f5f9;letter-spacing:.01em;font-size:.875rem;font-weight:700;line-height:1.25}.sidebar-company-subtitle{color:#475569;margin-top:.1rem;font-size:.7rem;line-height:1.3}.sidebar-nav{flex:1;padding:1.25rem .875rem 0;overflow-y:auto}.sidebar-nav-section-label{color:#334155;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.375rem;padding:0 .875rem;font-size:.65rem;font-weight:600}.sidebar-nav-list{flex-direction:column;gap:.125rem;margin:0 0 .25rem;padding:0;list-style:none;display:flex}.sidebar-nav-link{color:#64748b;border-radius:.5rem;align-items:center;gap:.75rem;padding:.575rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.sidebar-nav-icon{flex-shrink:0;transition:color .15s}.sidebar-nav-link:hover{color:#cbd5e1;background:#1e293b}.sidebar-nav-link:hover .sidebar-nav-icon{color:#cbd5e1}.sidebar-nav-link.active{color:#f59e0b;background:#f59e0b1a;font-weight:600}.sidebar-nav-link.active .sidebar-nav-icon{color:#f59e0b}.sidebar-nav-link.active:hover{background:#f59e0b24}.sidebar-nav-indicator{background:#f59e0b;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.sidebar-bottom{border-top:1px solid #1e293b;flex-direction:column;gap:.25rem;padding:.875rem;display:flex}.sidebar-notif-row{cursor:pointer;color:#64748b;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.65rem .875rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-notif-row:hover{color:#cbd5e1;background:#1e293b;text-decoration:none}.sidebar-notif-row.active{color:#f1f5f9;background:#1e293b}.sidebar-notif-label{flex:1}.sidebar-notif-count{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b33;border-radius:1rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.sidebar-bottom-divider{background:#1e293b;height:1px;margin:.125rem 0}.sidebar-user-wrap{position:relative}.sidebar-user{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;transition:background .15s;display:flex}.sidebar-user:hover,.sidebar-user.open{background:#1e293b}.sidebar-user-chevron{color:#475569;flex-shrink:0;transition:transform .2s}.sidebar-user-chevron.rotated{transform:rotate(180deg)}.sidebar-popover{z-index:50;background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:.5rem;animation:.15s popover-in;position:absolute;bottom:calc(100% + .5rem);left:0;right:0;box-shadow:0 -8px 32px #0006}@keyframes popover-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-popover-divider{background:#334155;height:1px;margin:.375rem 0}.sidebar-popover-item{cursor:pointer;color:#94a3b8;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.625rem;width:100%;padding:.55rem .75rem;font-size:.8375rem;font-weight:500;transition:background .12s,color .12s;display:flex}.sidebar-popover-item:hover{color:#e2e8f0;background:#273548}.sidebar-popover-item.danger{color:#94a3b8}.sidebar-popover-item.danger:hover{color:#f87171;background:#ef44441a}.sidebar-user-avatar-initials{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-avatar{object-fit:cover;border:2px solid #2d3f55;border-radius:50%;flex-shrink:0;width:40px;height:40px;display:block}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;line-height:1.2;color:#f1f5f9!important;background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important}.sidebar-user-role{margin-top:.1rem;font-size:.6875rem;line-height:1.2;color:#64748b!important;-webkit-text-fill-color:unset!important;background:0 0!important}
.header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.header-page-title{color:#0f172a;font-size:1.25rem;font-weight:700;line-height:1.3}.header-page-description{color:#94a3b8;margin-top:.125rem;font-size:.8125rem}.header-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5625rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #f59e0b4d}.header-action-btn:hover{background:#d97706;box-shadow:0 4px 14px #f59e0b66}.header-action-btn:active{transform:scale(.98)}.header-action-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.header-action-btn:disabled:hover{box-shadow:none;background:#e2e8f0}